Mozilla Thimble 在網頁上做網頁

做網頁的工具很多,舉凡以圖形介面為主的Dreamweaver或以文字編輯器為主的Brackets、Sublime Text…等等,但都必須要額外安裝才能使用,本篇文章介紹的Mozilla Thimble是一個線上編輯器,名符其實的是「在網頁上做網頁」、「網頁上的網頁編輯器」、「取之於網頁用之於網頁」,這樣的繞口令就別再說下去了,來看看他的介面吧!

進入官網之後,可以選擇點選「Start a project from scratch」來開始一個新的專案,或是透過下方已有的專案範本來編輯網頁。

Mozilla Thimble 網站截圖
Mozilla Thimble 網站截圖

而網頁編輯的介面如下,比較偏文字編輯器的介面。

Mozilla Thimble 編輯器介面
Mozilla Thimble 編輯器介面

當然在網頁編輯的部分就是利用大家所熟悉的HTML、CSS、javascript語法來進行,編輯器與Brackets的使用方式差不多(感覺有技術合作),例如:快速編輯是Ctrl+E;新增註解是Ctrl+/,基本的使用方式可以參考這篇文章,介面中的右側是Live Preview視窗,也可以直接切換成手機版面預覽,若是有需要在頁面中放入自己電腦裡面的檔案,可以利用左上角的「+」上傳,單檔容量限制為3MB。

比較特別的是若你有登入會員(免費),在網頁開發完成之後,可以透過右上角的Publish來公開自己的網頁,確定公開後會提供一個你專屬的網址,可以把網頁公開給大家瀏覽。

在Mozilla Thimble的網站上也有此款編輯器的教學:

不過大家要注意的是,目前此編輯器的網頁編輯功能僅有HTML、CSS、Javascript,不包含PHP、ASP…等動態網頁語法,希望未來真的可以進化到這種地步,那以後我們電腦裡面就不必安裝網頁設計軟體了!

You may also like...

14,212 Responses

  1. Local Market Keyword Research Targeting Your Seo Campaign For Local Markets 백링크
    업체 (perellaweinberg.investments)

  2. Qazrbfz表示:

    Привет!
    Где заказать диплом по актуальной специальности?
    Наша компания предлагает выгодно приобрести диплом, который выполнен на бланке ГОЗНАКа и заверен мокрыми печатями, водяными знаками, подписями. Диплом способен пройти лубую проверку, даже при помощи профессиональных приборов. Решайте свои задачи быстро с нашим сервисом.
    Купить диплом университета.
    aquarium.zone/read-blog/1046

  3. JasonNenly表示:

    Robert Lewandowski https://barcelona.robertlewandowski-ar.com is one of the most prominent footballers of our time, and his move to Barcelona has become one of the most talked about topics in world football.

  4. Lesliedap表示:

    Toni Kroos https://real-madrid.tonikroos-ar.com the German midfielder known for his accurate passes and calmness on the field, has achieved remarkable success at one of the most prestigious football clubs in the world.

  5. Stacyflasp表示:

    Victor Osimhen https://napoli.victorosimhen-ar.com born on December 29, 1998 in Lagos, Nigeria, has grown from an initially humble player to one of the brightest strikers in modern football.

  6. HowardNal表示:

    Vinicius Junior https://real-madrid.vinicius-junior-ar.com the Brazilian prodigy whose full name is Vinicius Jose Baixao de Oliveira Junior, has managed to win the hearts of millions of fans around the world in a short period of time.

  7. tubidy表示:

    Spot on with this write-up, I honestly feel this web site needs a lot more attention. I’ll probably be returning to read more, thanks for the info.

  8. TravisRig表示:

    Earvin “Magic” Johnson https://los-angeles-lakers.magicjohnson.biz is one of the most legendary basketball players in history. NBA history.

  9. Things Need To Know Not Do Today To Avoid Private Credit Information Debt
    공무원 대출

  10. Pretty! This was a really wonderful post. Thank you for supplying these details.

  11. Sazrycb表示:

    Здравствуйте!
    Как купить аттестат 11 класса с официальным упрощенным обучением в Москве
    щербиновскийрайон.рф/users/160
    Окажем помощь!.

  12. My Keyword Is Bigger Your Keyword Phrase! 백링크 구매

  13. Sazrawg表示:

    [u][b] Привет, друзья![/b][/u]
    [b]Как быстро получить диплом магистра? Легальные способы [/b]
    [url=http://100foto.com/forum/user/1575/]100foto.com/forum/user/1575[/url]
    [u][b] Рады помочь![u][b].

  14. Sazrpfe表示:

    Добрый день!
    Как не стать жертвой мошенников при покупке диплома о среднем полном образовании
    thelspr.listbb.ru/viewtopic.php?f=13&t=357
    Поможем вам всегда!.

  15. The Value Of Organic Traffic And Clicks 구글상위노출 회사; http://beggingforthechildren.com/,

  16. Iarioroku表示:

    Официальное получение диплома техникума с упрощенным обучением в Москве
    avtolux48.ru/people/user/374/blog/7870/

  17. Is A Debt Loan Consolidation For An Individual? 버팀목 대출

  18. Dnrtehd表示:

    Добрый день!
    Заказать документ университета вы можете в нашей компании.
    asxdiplomik24.ru/kupit-diplom-nizhnij-novgorod
    Удачи!

  19. Jamesnok表示:

    Nuno Mendes https://paris-saint-germain.nuno-mendes.com, a talented Portuguese left-back, He quickly became one of the key figures in the Paris Saint-Germain (PSG) team.

  20. Herberttoure表示:

    Bruno Miguel Borges Fernandes https://manchester-united.brunofernandes-br.com was born on September 8, 1994 in Maia, Portugal.

  21. Dwainguast表示:

    Rodrygo Silva de Goes https://real-madrid.rodrygo-br.com, known simply as Rodrygo, emerged as one of the the brightest young talents in world football.

  22. DavidTerge表示:

    Daniel Alves https://paris-saint-germain.danielalves.net is a name that symbolizes the greatness of the world of football.

  23. Dnrthur表示:

    Привет!
    Приобрести документ ВУЗа можно у нас.
    asxdiplomik.com/kupit-diplom-nizhnij-novgorod
    Удачи!

  24. LutherExase表示:

    Anderson Silva https://killer-bees-muay-thai-college.andersonsilva.net was born in 1975 in Curitiba Brazil. From a young age he showed an interest in martial arts, starting to train in karate at the age of 5.

  25. Dnrthtb表示:

    Добрый день!
    Заказать документ института вы сможете у нас в столице.
    ast-diploms.com/kupit-diplom-magistra
    Удачи!

  26. Fazrodd表示:

    Здравствуйте!
    Мы изготавливаем дипломы любой профессии по приятным тарифам. Цена может зависеть от выбранной специальности, года получения и образовательного учреждения.
    Где приобрести диплом по необходимой специальности?
    Купить диплом о высшем образовании
    landik-diploms-srednee.ru/kupit-diplom-volgograd  
    Удачи!

  27. How To Win At Video Slots – Tips For Playing Pai Gow Poker 디지몬 어드벤처 라스트 에볼루션 인연 보기 (http://odenwaldelectrical.com/)

  28. Cazrhsz表示:

    Здравствуйте!
    Мы можем предложить документы техникумов, которые расположены в любом регионе РФ. Можно приобрести диплом от любого учебного заведения, за любой год, включая сюда документы старого образца СССР. Дипломы и аттестаты выпускаются на “правильной” бумаге высшего качества. Это дает возможности делать настоящие дипломы, которые не отличить от оригинала. Документы заверяются всеми обязательными печатями и подписями.
    Заказать диплом любого ВУЗа.
    tashtrans.ru/events/event/45-%D0%BD%D0%B8%D0%B7%D0%BA%D0%B8%D0%B5-%D1%80%D0%B0%D1%81%D1%86%D0%B5%D0%BD%D0%BA%D0%B8-%D0%B8-%D0%BF%D1%80%D0%B5%D0%BA%D1%80%D0%B0%D1%81%D0%BD%D0%BE%D0%B5-%D0%BA%D0%B0%D1%87%D0%B5%D1%81%D1%82%D0%B2%D0%BE-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC%D1%8B-%D0%BE%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD/
    Успехов в учебе!

  29. Fazrvgn表示:

    Здравствуйте!
    Мы изготавливаем дипломы любых профессий по приятным ценам. Стоимость будет зависеть от той или иной специальности, года выпуска и ВУЗа.
    Где заказать диплом специалиста?
    Купить диплом о высшем образовании
    landik-diploms-srednee.ru/diplom-bakalavra  
    Успешной учебы!

  30. Fazrovl表示:

    Здравствуйте!
    Мы предлагаем дипломы психологов, юристов, экономистов и других профессий по приятным тарифам. Цена может зависеть от конкретной специальности, года выпуска и университета.
    Где заказать диплом специалиста?
    Купить диплом о высшем образовании
    arusak-diploms-srednee.ru/kupit-diplom-v-krasnodare  
    Успешной учебы!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。