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...

21,804 Responses

  1. Heathjoype表示:

    как получить карту тинькофф платинум тинькофф платинум проценты

  2. LanceIdele表示:

    Интернет – магазин уникальных сувениров от производителя https://podarki-suveniry-vip.ru

  3. белое вино виноградное белое вино виноградное .

  4. DanielAbice表示:

    http://amoxstar.com/# how much is amoxicillin

  5. KennethPah表示:

    how to get cheap clomid without insurance clomid on pharm cost of cheap clomid tablets

  6. MiguelUnind表示:

    http://prednibest.com/# prednisone 20 mg

  7. Stephencar表示:

    шары с гелием с доставкой недорого шарики с гелием дешево

  8. вино белое недорогое вино белое недорогое .

  9. MarcusMem表示:

    Назальный спрей Silver Ugleron надежная защита вашего дыхания. Активный углерод и ионы серебра очищают носовые ходы, увлажняют слизистую и помогают бороться с бактериями.

  10. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт телефонов sony рядом, можете посмотреть на сайте: ремонт телефонов sony
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  11. RobertJar表示:

    ciprofloxacin generic price: ci pharm delivery – п»їcipro generic

  12. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали срочный ремонт телефонов sony, можете посмотреть на сайте: ремонт телефонов sony адреса
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  13. Miguelweepe表示:

    Журнал про строительство и ремонт https://ukrainianpages.com.ua профессиональные статьи о ремонте любой сложности. Как оптимизировать расходы, найти подрядчиков и добиться идеального результата.

  14. Marionvus表示:

    Find the best https://onlinecasinocanada.shop offers! Explore top-rated casinos with free spins and bonus cash for new players. Start playing without risking your funds.

  15. Velas_aySt表示:

    Расслабьтесь с велас ароматическими свечами, советы по выбору аромата, оригинальный подарок – велас ароматическая свеча
    velas para difusores https://scentalle.com/ .

  16. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем: сервис центры бытовой техники москва
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

發佈留言

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