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,196 Responses

  1. Birthday Card – Easy And Attractive Diy Birthday Card Ideas 소상공인 대출 [safetysolutions.us]

  2. Mazrqlz表示:

    Добрый день!
    Полезные советы по безопасной покупке диплома о высшем образовании
    brightcartridges.org/wp/2024/06/30/%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC-%D0%B2-%D0%B2%D0%BE%D1%82%D0%BA%D0%B8%D0%BD%D1%81%D0%BA%D0%B5/

  3. Medical Malpractice Compensation: The Good, The Bad, And
    The Ugly medical Malpractice Lawsuits

  4. Aexiqe表示:

    purchase atorlip sale – nebivolol 20mg oral purchase bystolic without prescription

  5. JeffreyVek表示:

    RDBox.de https://rdbox.de bietet schallgedammte Gehause fur 3D-Drucker, die eine sehr leise Druckumgebung schaffen – nicht lauter als ein Kuhlschrank. Unsere Losungen sorgen fur stabile Drucktemperatur, Vibrationsisolierung, Luftreinigung und mobile App-Steuerung.

  6. Mazrtod表示:

    Добрый день!
    Пошаговая инструкция по безопасной покупке диплома о высшем образовании
    facefam.com/read-blog/331_na-chto-imenno-vnimanie-obratit-pri-zakaze-diploma-v-seti.html?mode=night

  7. Desiree表示:

    15 Best Malpractice Compensation Bloggers You Must Follow malpractice attorney (Desiree)

  8. Mazrqzn表示:

    Привет!
    Купить диплом о среднем образовании в Москве и любом другом городе
    lanouvellemine.fr/%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC-%D0%BD%D0%BE%D0%B2%D0%BE%D1%81%D0%B8%D0%B1%D0%B8%D1%80%D1%81%D0%BA/

  9. memek表示:

    I’d like to thank you for the efforts you’ve put in writing this website. I really hope to view the same high-grade blog posts from you in the future as well. In fact, your creative writing abilities has inspired me to get my own, personal site now 😉

  10. Dnrtyek表示:

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

  11. Tiffany表示:

    5 Must-Know-How-To-Hmphash Replacement Upvc Window Handles Methods To 2023 repairing upvc windows, Tiffany,

  12. Dnrtplg表示:

    Привет, друзья!
    Заказать документ института можно в нашем сервисе.
    diploms-x.com/kupit-diplom-vracha
    Хорошей учебы!

  13. Dnrtxpr表示:

    Добрый день!
    Заказать документ о получении высшего образования можно в нашей компании в Москве.
    ast-diplomy24.ru/kupit-diplom-ekaterinbur
    Успешной учебы!

  14. Xazrccf表示:

    Привет, друзья!
    Ьожем предложить документы ВУЗов, расположенных в любом регионе России. Можно приобрести диплом за любой год, указав необходимую специальность и оценки за все дисциплины. Документы делаются на бумаге высшего качества. Это позволяет делать государственные дипломы, не отличимые от оригинала. Они заверяются всеми необходимыми печатями и штампами.
    Мы предлагаем дипломы любой профессии по приятным тарифам. Стоимость будет зависеть от той или иной специальности, года получения и образовательного учреждения. Стараемся поддерживать для заказчиков адекватную политику тарифов. Для нас важно, чтобы дипломы были доступными для большого количества граждан.
    arusak-diploms-srednee.ru/kupit-diplom-v-krasnodare  
    Удачи!

  15. Xazrkvi表示:

    Привет!
    Ьожем предложить документы техникумов, которые расположены на территории всей Российской Федерации. Вы можете купить диплом за любой год, указав актуальную специальность и оценки за все дисциплины. Дипломы и аттестаты выпускаются на бумаге высшего качества. Это дает возможность делать государственные дипломы, не отличимые от оригиналов. Они заверяются необходимыми печатями и подписями.
    Мы можем предложить дипломы любой профессии по приятным ценам. Цена зависит от выбранной специальности, года выпуска и ВУЗа. Всегда стараемся поддерживать для заказчиков адекватную ценовую политику. Для нас важно, чтобы документы были доступны для большого количества наших граждан.
    landik-diploms-srednee.ru/svidetelstvo-o-rozhdenii  
    Успехов в учебе!

  16. Xazrgzi表示:

    Привет, друзья!
    Предлагаем документы техникумов, расположенных на территории всей РФ. Можно заказать качественный диплом за любой год, указав подходящую специальность и оценки за все дисциплины. Дипломы и аттестаты выпускаются на “правильной” бумаге высшего качества. Это дает возможности делать государственные дипломы, не отличимые от оригинала. Они заверяются необходимыми печатями и штампами.
    Мы изготавливаем дипломы любой профессии по приятным тарифам. Цена будет зависеть от конкретной специальности, года выпуска и образовательного учреждения. Стараемся поддерживать для покупателей адекватную политику цен. Важно, чтобы дипломы были доступны для большинства наших граждан.
    arusak-diploms-srednee.ru/kupit-diplom-sssr  
    Удачи!

  17. Eanrqxj表示:

    Привет, друзья!
    Мы предлагаем дипломы любой профессии по приятным ценам.
    islgaming.community/read-blog/70_ishem-proverennyj-i-nadezhnyj-internet-magazin-s-diplomami.html

  18. Diplomi_xiEa表示:

    Здравствуйте!
    Приобрести документ ВУЗа вы сможете в нашей компании в Москве.
    ast-diplom.com/kupit-diplom-rostov-na-donu

  19. kontol besar表示:

    You’ve made some really good points there. I looked on the web to find out more about the issue and found most people will go along with your views on this site.

  20. Diplomi_uvEa表示:

    Добрый день!
    Купить документ института можно в нашей компании в Москве.
    asxdiplomik24.ru/kupit-diplom-vracha

  21. Diplomi_yxEa表示:

    Здравствуйте!
    Приобрести документ университета вы сможете у нас в столице.
    asxdiplomik24.ru/kupit-diplom-sankt-peterburg

  22. 20 Amazing Quotes About Triple Bunk Bed Wooden triple bunk (glamorouslengths.com)

  23. 10 Things You’ve Learned In Preschool That’ll Help You Understand Medical Malpractice Litigation east Rutherford medical malpractice law firm

  24. Advantages To Playing Blackjack Online 에볼루션 보안정책위반 (purewaterengineering.com)

  25. The Top 5 Reasons Why People Are Successful In The Malpractice Legal
    Industry malpractice Lawsuits

  26. 9 . What Your Parents Taught You About Ranking SEO Software Ranking seo Software

  27. Razrcbw表示:

    Привет!
    Мы предлагаем приобрести диплом в отличном качестве, неотличимый от оригинального документа без использования специального оборудования и опытного специалиста.
    forum.arz-redlight.9ab.ru/threads/27122/
    Хорошей учебы!

發佈留言

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