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

  1. seo 최적화表示:

    Thank you for your thought-provoking post.Google Genius

  2. Lazrlop表示:

    Здравствуйте!
    Где купить диплом специалиста?
    Приобрести диплом ВУЗа.
    laporteproperty.com/en/cb-profile/pluginclass/cbblogs?action=blogs&func=show&id=121

  3. porn表示:

    Pretty! This was a really wonderful post. Thanks for providing these details.

  4. The Most Popular Asbestos And Mesothelioma Claims That Gurus Use 3
    Things http://www.9363280.xyz

  5. 10 Mercedes Key Tips All Experts Recommend Replacement Mercedes Car Key (Stes.Tyc.Edu.Tw)

  6. 5 Killer Qora’s Answers To Renault Megane Replacement Key Card Renault Key Card Repair

  7. Elsy Crays表示:

    20 Trailblazers Are Leading The Way In Locksmith For A Car Elsy Crays

  8. Is Replacement Upvc Door Panels The Greatest Thing There Ever Was?

    door hinges upvc – Pinlizard30.werite.Net,

  9. kaymell.uk表示:

    Ten Things You Shouldn’t Post On Twitter kaymell.uk

  10. WilliamDeeli表示:

    Здравствуйте!
    Мы предлагаем максимально быстро заказать диплом, который выполнен на оригинальном бланке и заверен печатями, штампами, подписями. Документ способен пройти лубую проверку, даже при использовании специального оборудования. Решайте свои задачи быстро и просто с нашим сервисом.
    drop-let.ru/index.php?subaction=userinfo&user=ojexoq
    Удачи!

  11. Uazrxqu表示:

    Добрый день!
    Приобрести диплом ВУЗа.
    leicestercityfansclub.com/read-blog/2124

  12. 4452346.xyz表示:

    Ten Things Your Competitors Lean You On Sectional Sofa With Storage 4452346.xyz

  13. Manrhct表示:

    Здравствуйте!
    Где заказать диплом специалиста?
    Мы предлагаем документы ВУЗов, расположенных на территории всей Российской Федерации. Вы имеете возможность заказать диплом за любой год, указав актуальную специальность и хорошие оценки за все дисциплины. Дипломы выпускаются на “правильной” бумаге самого высокого качества. Это позволяет делать настоящие дипломы, которые невозможно отличить от оригинала. Документы заверяются всеми обязательными печатями и подписями.
    Мы изготавливаем дипломы психологов, юристов, экономистов и прочих профессий по приятным тарифам.
    ast-diploms24.ru/kupit-diplom-moskva
    Рады оказать помощь!

  14. The Most Successful Boot Mobility Scooters Experts
    Have Been Doing 3 Things http://www.arlennizo.top

  15. WilliamDeeli表示:

    Добрый день!
    Наши специалисты предлагают быстро приобрести диплом, который выполняется на бланке ГОЗНАКа и заверен печатями, водяными знаками, подписями. Документ способен пройти любые проверки, даже с использованием профессионального оборудования. Достигайте свои цели быстро с нашими дипломами.
    webmoney.forumkz.ru/viewtopic.php?id=2764#p7865
    Удачи!

  16. Razrtcl表示:

    Добрый день!
    Наш сервис предлагает заказать диплом в отличном качестве, который невозможно отличить от оригинала без участия специалистов высокой квалификации с дорогостоящим оборудованием.
    politikforum.ru/member.php?u=13387395
    Успехов в учебе!

  17. Защитите свои данные с помощью резидентских прокси, предлагаем этим инструментом.
    Как работают резидентские прокси?, прочитайте подробностями.
    Какой резидентский прокси выбрать?, инструкция для пользователей.
    Для каких целей используют резидентские прокси?, подробнее ознакомьтесь с возможностями.
    Почему резидентские прокси безопасны?, анализ функций безопасности.
    Какие риски может предотвратить резидентский прокси?, анализируем важные аспекты.
    Какие преимущества дает использование резидентских прокси?, рассмотрим основные плюсы.
    Как улучшить скорость Интернета с резидентским прокси, советы для оптимизации работы.
    Почему резидентский прокси стоит использовать для парсинга, обзор возможностей для парсеров.
    Секреты анонимности с резидентским прокси, практические шаги к безопасности онлайн.
    Как расширить свои возможности в соцсетях с резидентским прокси?, практические советы функционала.
    Как сэкономить время с помощью аренды резидентского прокси?, сравним лучшие варианты.
    Способы защиты от DDoS с помощью резидентского прокси, подробно изучим меры безопасности.
    Какие преимущества привлекают пользователей к резидентским прокси?, подробно изучим основные факторы.
    Какие прокси лучше: резидентские или дата-центры?, советы для выбора.
    резидентные прокси купить https://rezidentnieproksi.ru/ .

  18. Manrfxd表示:

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

  19. Manradx表示:

    Привет, друзья!
    Где приобрести диплом по актуальной специальности?
    Мы готовы предложить документы институтов, расположенных на территории всей Российской Федерации. Вы можете заказать качественно напечатанный диплом за любой год, в том числе документы старого образца СССР. Дипломы выпускаются на бумаге самого высокого качества. Это позволяет делать настоящие дипломы, не отличимые от оригинала. Они будут заверены необходимыми печатями и подписями.
    Мы готовы предложить дипломы психологов, юристов, экономистов и других профессий по доступным тарифам.
    diplomasx.com/kupit-diplom-sankt-peterburg
    Всегда вам поможем!

  20. Priscilla表示:

    A Trip Back In Time The Conversations People Had About Door Repair
    Near Me 20 Years Ago window replacement near me – Priscilla

  21. Cazrocy表示:

    [u][b] Здравствуйте![/b][/u]
    [b]Мы предлагаем документы техникумов[/b], которые находятся на территории всей Российской Федерации. Можно купить диплом от любого учебного заведения, за любой год, указав подходящую специальность и оценки за все дисциплины. Документы делаются на бумаге высшего качества. Это позволяет делать государственные дипломы, которые не отличить от оригинала. Они будут заверены всеми обязательными печатями и штампами.
    [url=http://7acw6ix4b.bloggactivo.com/27939193/%D0%91%D1%8B%D1%81%D1%82%D1%80%D0%BE-%D0%BF%D0%BE%D0%BA%D1%83%D0%BF%D0%B0%D0%B5%D0%BC-%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B-%D0%B2-%D0%BB%D1%83%D1%87%D1%88%D0%B5%D0%BC-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B5-russian-diplom/]7acw6ix4b.bloggactivo.com/27939193/%D0%91%D1%8B%D1%81%D1%82%D1%80%D0%BE-%D0%BF%D0%BE%D0%BA%D1%83%D0%BF%D0%B0%D0%B5%D0%BC-%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B-%D0%B2-%D0%BB%D1%83%D1%87%D1%88%D0%B5%D0%BC-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B5-russian-diplom[/url]

  22. Sazrnmr表示:

    [u][b] Привет![/b][/u]
    [b]Покупка диплома о среднем полном образовании: как избежать мошенничества? [/b]
    [url=http://www.yur-dom.ru/communication/forum/messages/forum3/message266/308-vash-diplom-bez-lishnikh-zabot-bystro-i-bezopasno?result=new#message266/]www.yur-dom.ru/communication/forum/messages/forum3/message266/308-vash-diplom-bez-lishnikh-zabot-bystro-i-bezopasno?result=new#message266[/url]
    [u][b] Окажем помощь![u][b].

  23. How Much Interest Do I Pay On The Car Homeowner Loan? 비상금 대출

  24. Vazrowe表示:

    [u][b] Привет, друзья![/b][/u]
    Купить документ о получении высшего образования можно в нашем сервисе. Мы предлагаем документы об окончании любых университетов РФ.
    [url=http://lamoonvideo.ru/profile.php?u=ojukyjab/]lamoonvideo.ru/profile.php?u=ojukyjab[/url]
    [url=http://l-avt.ru/support/dialog/?PAGE_NAME=profile_view&UID=69228/]l-avt.ru/support/dialog/?PAGE_NAME=profile_view&UID=69228[/url]
    [url=http://e-audit.gefest.me/index.php?subaction=userinfo&user=aqidiwa/]e-audit.gefest.me/index.php?subaction=userinfo&user=aqidiwa[/url]
    [url=http://www.ezoflash.com/forum/viewtopic.php?f=8&t=38563/]www.ezoflash.com/forum/viewtopic.php?f=8&t=38563[/url]
    [url=http://rf-4fun.ru/index.php?/topic/324-удача-или-упорство/page/2/#comment-3118/]rf-4fun.ru/index.php?/topic/324-удача-или-упорство/page/2/#comment-3118[/url]

  25. Cazrczv表示:

    [u][b] Привет![/b][/u]
    [b]Мы готовы предложить документы техникумов[/b], расположенных в любом регионе РФ. Можно заказать диплом за любой год, указав актуальную специальность и хорошие оценки за все дисциплины. Документы делаются на бумаге самого высшего качества. Это позволяет делать государственные дипломы, не отличимые от оригиналов. Документы заверяются необходимыми печатями и подписями.
    [url=http://www.datasheetclub.com/read-blog/92/]www.datasheetclub.com/read-blog/92[/url]

  26. Cazrcwh表示:

    Привет!
    Мы готовы предложить документы ВУЗов, которые находятся в любом регионе РФ. Вы имеете возможность приобрести диплом от любого учебного заведения, за любой год, включая сюда документы старого образца. Документы выпускаются на бумаге высшего качества. Это позволяет делать настоящие дипломы, которые не отличить от оригиналов. Они будут заверены необходимыми печатями и подписями.
    naya.social/read-blog/154

  27. Sazrbxy表示:

    Добрый день!
    Как официально приобрести аттестат 11 класса с минимальными затратами времени
    feolet.flybb.ru/viewtopic.php?f=2&t=643
    Рады помочь!.

  28. Eanrwag表示:

    Добрый день!
    Мы можем предложить дипломы психологов, юристов, экономистов и любых других профессий по доступным тарифам.
    micchat.online/read-blog/1479_kak-vybrat-nadezhnyj-magazin-kotoryj-realizuet-diplomy.html

  29. The Reasons Pet Safety Is Harder Than You Imagine https://www.836614.xyz

發佈留言

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