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. Cazrsyi表示:

    Привет, друзья!
    Приобрести диплом любого университета.
    Мы можем предложить документы техникумов, расположенных на территории всей России. Можно заказать качественно напечатанный диплом за любой год, включая документы старого образца СССР. Дипломы и аттестаты делаются на “правильной” бумаге высшего качества. Это позволяет делать государственные дипломы, которые не отличить от оригиналов. Они будут заверены необходимыми печатями и штампами.
    buzzingabout.com/read-blog/300

  2. ManuelNew表示:

    Российский рынок последних каров показывает разнонаправленную динамику цен. Одни модели эпохально подешевели, в течение так время как часть, шиворот-навыворот
    https://avgrodno.by/

  3. Pazrjwg表示:

    Добрый день!
    Мы изготавливаем дипломы любой профессии по доступным тарифам. Стоимость может зависеть от выбранной специальности, года выпуска и ВУЗа.
    arusak-diploms-srednee.ru/kupit-attestat-za-11-klass  
    Успешной учебы!

  4. Pazrciq表示:

    Привет!
    Мы изготавливаем дипломы любой профессии по приятным ценам. Стоимость будет зависеть от выбранной специальности, года получения и образовательного учреждения.
    landik-diploms-srednee.ru/attestat-shkoly  
    Хорошей учебы!

  5. Cazrujh表示:

    Здравствуйте!
    Заказать диплом любого ВУЗа.
    Мы готовы предложить документы ВУЗов, расположенных в любом регионе России. Вы имеете возможность приобрести диплом за любой год, в том числе документы старого образца. Документы делаются на бумаге самого высокого качества. Это позволяет делать государственные дипломы, не отличимые от оригиналов. Документы будут заверены необходимыми печатями и штампами.
    dixbe.com/blogs/242/%D0%9F%D0%BE%D0%B4%D1%80%D0%BE%D0%B1%D0%BD%D0%BE%D0%B5-%D0%BE%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D0%B5-%D0%BF%D1%80%D0%B8%D0%BE%D0%B1%D1%80%D0%B5%D1%82%D0%B5%D0%BD%D0%B8%D1%8F-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC%D0%B0-%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

  6. Cazrkyb表示:

    Здравствуйте!
    Приобрести диплом о высшем образовании.
    Мы готовы предложить документы ВУЗов, которые расположены в любом регионе Российской Федерации. Вы имеете возможность приобрести качественно напечатанный диплом от любого учебного заведения, за любой год, включая документы старого образца. Дипломы и аттестаты выпускаются на бумаге самого высшего качества. Это дает возможность делать настоящие дипломы, не отличимые от оригинала. Они заверяются всеми требуемыми печатями и штампами.
    netglu.com/read-blog/126_podrobnoe-opisanie-pokupki-diploma-v-populyarnom-onlajn-magazine.html

  7. Lazrhsb表示:

    Привет!
    Где заказать диплом специалиста?
    Заказать диплом о высшем образовании.
    share.psiterror.ru/2024/07/04/kak-podyskat-proverennyy-magazin-s-bolshim-vyborom-diplomov.html

  8. Diplomi_ryEa表示:

    Привет!
    Купить документ университета можно у нас.
    ast-diplomy24.ru/kupit-diplom-omsk

  9. Qazrxtz表示:

    Привет, друзья!
    Где купить диплом по необходимой специальности?
    Наша компания предлагает выгодно и быстро заказать диплом, который выполняется на оригинальном бланке и заверен мокрыми печатями, штампами, подписями должностных лиц. Документ пройдет лубую проверку, даже с использованием специальных приборов. Достигайте цели быстро и просто с нашей компанией.
    Купить диплом о высшем образовании.
    japapmessenger.com/read-blog/510

  10. Diplomi_kvEa表示:

    Добрый день!
    Приобрести документ о получении высшего образования можно у нас.
    diplomasx24.ru/kupit-diplom-rostov-na-donu

  11. Diplomi_rmEa表示:

    Привет!
    Приобрести документ о получении высшего образования можно у нас в столице.
    diplomasx24.ru/kupit-diplom-magistra

  12. Dnrtiqu表示:

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

  13. fipumj表示:

    Having read this I believed it was extremely enlightening. I appreciate you finding the time and energy to put this content together. I once again find myself personally spending a significant amount of time both reading and leaving comments. But so what, it was still worthwhile.

  14. Diplomi_zwei表示:

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

  15. Dnrtaps表示:

    Привет, друзья!
    Заказать документ о получении высшего образования можно в нашей компании.
    diplomasx.com/kupit-diplom-o-srednem-obrazovanii
    Успешной учебы!

  16. Dnrttny表示:

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

  17. Qazrunm表示:

    Привет, друзья!
    Где приобрести диплом по нужной специальности?
    Мы предлагаем быстро и выгодно купить диплом, который выполняется на оригинальном бланке и заверен печатями, штампами, подписями. Диплом способен пройти любые проверки, даже при помощи специальных приборов. Достигайте свои цели быстро с нашими дипломами.
    Заказать диплом университета.
    yrjlchlj5.blogofoto.com/59472961/%D0%9A%D0%B0%D0%BA-%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE-%D0%B1%D1%83%D0%B4%D0%B5%D1%82-%D0%BD%D0%B5%D0%B4%D0%BE%D1%80%D0%BE%D0%B3%D0%BE-%D0%BF%D1%80%D0%B8%D0%BE%D0%B1%D1%80%D0%B5%D1%81%D1%82%D0%B8-%D0%B0%D1%82%D1%82%D0%B5%D1%81%D1%82%D0%B0%D1%82-%D0%B2-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B5

  18. Qazraxm表示:

    Здравствуйте!
    Где купить диплом по нужной специальности?
    Мы предлагаем выгодно и быстро приобрести диплом, который выполняется на оригинальном бланке и заверен мокрыми печатями, водяными знаками, подписями. Наш диплом пройдет любые проверки, даже при использовании специального оборудования. Достигайте своих целей максимально быстро с нашим сервисом.
    Купить диплом любого ВУЗа.
    saopaulofansclub.com/read-blog/2794

  19. Stephenideox表示:

    Новости Бреста и Брестской области также слое, самая оперативная информация: темы дня, обзоры, крайние происшествия да действия города, извещенья что касается АВАРИЯ
    https://elnet.by/

  20. Lariorjaa表示:

    Всё, что нужно знать о покупке аттестата о среднем образовании без рисков
    diplomasx24.ru/kupit-diplom-ekaterinbur

  21. Iariorloo表示:

    Официальная покупка диплома вуза с сокращенной программой в Москве
    [url=http://followgrown.com/read-blog/2702/]followgrown.com/read-blog/2702[/url]

  22. miami psychic表示:

    I truly love your blog.. Pleasant colors & theme. Did you build this site yourself? Please reply back as I’m trying to create my very own blog and would like to find out where you got this from or what the theme is called. Many thanks!

  23. Oarioryuc表示:

    [u][b] Добрый день![/b][/u]
    Приобрести диплом любого университета
    [b]Наша компания предлагает[/b] быстро и выгодно купить диплом, который выполняется на оригинальной бумаге и заверен печатями, водяными знаками, подписями. Данный документ способен пройти лубую проверку, даже с применением специального оборудования. Решайте свои задачи максимально быстро с нашим сервисом.
    [b]Где приобрести диплом по нужной специальности?[/b]
    [url=http://molbiol.ru/forums/index.php?showtopic=1228337/]molbiol.ru/forums/index.php?showtopic=1228337[/url]
    [url=http://7qzr8dq5w.newbigblog.com/34176446/%D0%A5%D0%BE%D1%82%D0%B8%D1%82%D0%B5-%D0%B2%D1%8B%D1%8F%D1%81%D0%BD%D0%B8%D1%82%D1%8C-%D0%BA%D0%B0%D0%BA-%D0%BF%D1%80%D0%B8%D0%BE%D0%B1%D1%80%D0%B5%D1%81%D1%82%D0%B8-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC-%D0%B2-%D1%81%D0%B5%D1%82%D0%B8-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%97%D0%B0%D1%85%D0%BE%D0%B4%D0%B8%D1%82%D0%B5/]7qzr8dq5w.newbigblog.com/34176446/%D0%A5%D0%BE%D1%82%D0%B8%D1%82%D0%B5-%D0%B2%D1%8B%D1%8F%D1%81%D0%BD%D0%B8%D1%82%D1%8C-%D0%BA%D0%B0%D0%BA-%D0%BF%D1%80%D0%B8%D0%BE%D0%B1%D1%80%D0%B5%D1%81%D1%82%D0%B8-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC-%D0%B2-%D1%81%D0%B5%D1%82%D0%B8-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%97%D0%B0%D1%85%D0%BE%D0%B4%D0%B8%D1%82%D0%B5[/url]
    [url=http://biiut.com/read-blog/65636/]biiut.com/read-blog/65636[/url]
    [url=http://1001vieclam.forumvi.com/t9236-topic#9910/]1001vieclam.forumvi.com/t9236-topic#9910[/url]
    [url=http://l67697qa.beget.tech/2024/07/06/nastoyaschiy-diplom-bez-suety.html/]l67697qa.beget.tech/2024/07/06/nastoyaschiy-diplom-bez-suety.html[/url]

  24. Iariorodz表示:

    Как приобрести аттестат о среднем образовании в Москве и других городах
    dragonlivers.ixbb.ru/viewtopic.php?id=106#p106

  25. Iariorwmt表示:

    Полезные советы по безопасной покупке диплома о высшем образовании
    letterboxd.com/sonnick84/list/filmlist:48603192/

  26. Increase Search-Engine Click Throughs With Compelling Titles & Descriptions 백링크 구매

發佈留言

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