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

  1. Diplomi_lrPa表示:

    аттестаты купить гознак аттестаты купить гознак .

  2. Cazrcoq表示:

    Привет, друзья!
    Мы готовы предложить документы техникумов, которые находятся в любом регионе Российской Федерации. Можно купить качественно сделанный диплом за любой год, указав подходящую специальность и оценки за все дисциплины. Дипломы и аттестаты выпускаются на “правильной” бумаге высшего качества. Это дает возможности делать настоящие дипломы, не отличимые от оригинала. Документы заверяются всеми требуемыми печатями и подписями.
    atora.ru/blogs/1/nizkie-tseny-i-vysokoe-kachestvo-priobretay-dokumenty-onlayn.php

  3. Cazrmca表示:

    Привет, друзья!
    Мы можем предложить документы техникумов, расположенных в любом регионе России. Вы можете купить качественный диплом за любой год, включая сюда документы старого образца. Документы делаются на бумаге самого высокого качества. Это дает возможности делать государственные дипломы, которые невозможно отличить от оригиналов. Они заверяются всеми обязательными печатями и подписями.
    1yenptlug.widblog.com/83253775/%D0%9A%D0%B0%D0%BA-%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE-%D0%BD%D0%B5%D0%B4%D0%BE%D1%80%D0%BE%D0%B3%D0%BE-%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%BE%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B5

  4. Diplomi_kfei表示:

    купить диплом о школьном образовании ast-diploms.com .

  5. Nespresso Coffee Pod Machine Techniques To Simplify Your Daily Life Nespresso Coffee Pod
    Machine Trick That Every Person Should Be Able
    To Nespresso coffee pod Machine

  6. Diplomi_jmei表示:

    дипломы аттестаты купить ast-diploms.com .

  7. Yreflnm表示:

    Здравствуйте!
    Приобрести диплом о высшем образовании.
    blogs.dctc.edu/dawnbraa/2015/08/05/new-feature-beyond-the-pages-a-blog-book-study/comment-page-1/#comment-400328
    Удачи!

  8. Yrefuil表示:

    Привет!
    Купить диплом любого университета.
    http://www.markusragger.at/chess/index.php/kforum/jm-news-pro-module/633290
    Успешной учебы!

  9. 023456789.xyz表示:

    The Secret Secrets Of Washing Machines 10kg
    023456789.xyz

  10. Interactive Slots Tools To Improve Your Daily Lifethe One
    Interactive Slots Trick Every Person Should Learn Interactive slots

  11. porn表示:

    It’s hard to find knowledgeable people for this topic, however, you seem like you know what you’re talking about! Thanks

  12. 14 Cartoons About Upvc Window Repairs That Will Brighten Your Day
    Upvc Window Repairs Near Me

  13. Qazrxgr表示:

    Здравствуйте!
    Парадокс, но купить диплом кандидата наук оказалось не так и сложно.
    Приобрести диплом любого университета.
    pp-galaktika.com.ua/index.php/%D0%95%D1%81%D0%BB%D0%B8_%D0%BF%D0%BE%D1%82%D1%80%D0%B5%D0%B1%D0%BE%D0%B2%D0%B0%D0%BB%D0%B8%D1%81%D1%8C_%D0%BA%D0%BB%D0%B0%D0%BF%D0%B0%D0%BD%D0%B0,_%D0%BC%D0%B0%D0%BD%D0%BE%D0%BC%D0%B5%D1%82%D1%80%D1%8B,_%D0%B7%D0%B0%D0%B4%D0%B2%D0%B8%D0%B6%D0%BA%D0%B8_-_%D0%B6%D0%B4%D0%B5%D0%BC_%D0%92%D0%B0%D1%81!

  14. Bryanfoone表示:

    Michael Jordan https://chicago-bulls.michael-jordan-ar.com is one of the greatest basketball players of all time, whose career with the Chicago Bulls is legendary.

  15. Stevenkar表示:

    стили в дизайне интерьера https://dizayn-interera-doma.ru

  16. самое лучшее порево http://besplatny-sex-online.ru .

  17. Edwinviark表示:

    The Formula One World Championship https://world-circuit-racing-championship.formula-1-ar.com, known as the Formula Championship in motor racing, is the highest tier of professional motor racing.

  18. Chriszep表示:

    After some difficult years in the late 2010s, Manchester United https://england.manchester-united-ar.com returned to greatness in English football by 2024.

  19. лучшее порево онлайн http://www.besplatny-sex-online.ru .

  20. Cassandra表示:

    Unexpected Business Strategies That Aided Sweet Bonanza Xmas Demo Achieve Success sweet bonanza how to play (Cassandra)

  21. Sazrnxs表示:

    [u][b] Привет, друзья![/b][/u]
    [b]Приобретение диплома ВУЗа с сокращенной программой обучения в Москве [/b]
    [url=http://zavalinka.listbb.ru/viewtopic.php?f=3&t=2959/]zavalinka.listbb.ru/viewtopic.php?f=3&t=2959[/url]
    Рады оказать помощь!

  22. Sazrhaf表示:

    Привет!
    Как избежать рисков при покупке диплома колледжа или ВУЗа в России
    kai87la.flybb.ru/viewtopic.php?f=5&t=412&sid=0ba2b191381778fb57757b1f26c38516
    Будем рады вам помочь!

  23. The Reason The Biggest “Myths” About Nissan Qashqai Key Replacement Price Could Actually Be Accurate
    nissan leaf key programming

  24. Mazrbvi表示:

    Привет, друзья!
    Покупка диплома о среднем полном образовании: как избежать мошенничества?
    yiwulist.com/диплом-техникума-колледжа-2004-2006-фото-2/

  25. порно йога в лосинах http://www.yoga-porno.ru .

  26. Mazrgjs表示:

    Привет, друзья!
    Как получить диплом техникума с упрощенным обучением в Москве официально
    sajadusta.com/купить-диплом-омск/

  27. Mazrkra表示:

    Привет, друзья!
    Официальная покупка школьного аттестата с упрощенным обучением в Москве
    http://www.zainduz.eus/eu/купить-бланк-диплома-грамоты-2/

  28. пришла на йогу порно https://yoga-porno.ru/ .

發佈留言

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