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

31,412 Responses

  1. Незаменимая часть гардероба – тактичные штаны, дадут комфорт и уверенность.
    Отличный выбор для походов и путешествий, тактичные штаны подарят вам удобство и защиту.
    Высокое качество и непревзойденный комфорт, сделают тактичные штаны незаменимым атрибутом вашего образа.
    Максимальный комфорт и стильный вид, порадуют даже самого взыскательного покупателя.
    Почувствуйте удобство и стиль в тактичных штанах, которые подчеркнут вашу силу и уверенность.
    тактичні жіночі штани https://taktichmishtanu.kiev.ua/ .

  2. EdwardGROOM表示:

    pharmacie en ligne pas cher: pharmacie en ligne – Achat mГ©dicament en ligne fiable

  3. Iothjg表示:

    ascorbic acid fasten – ascorbic acid gold ascorbic acid murder

  4. Allenacurf表示:

    Achat mГ©dicament en ligne fiable: Acheter Cialis 20 mg pas cher – pharmacie en ligne france livraison belgique

  5. Allenacurf表示:

    pharmacie en ligne france livraison internationale: levitra en ligne – pharmacie en ligne france fiable

  6. EdwardGROOM表示:

    Viagra en france livraison rapide: Viagra prix pharmacie paris – Viagra vente libre allemagne

  7. Allenacurf表示:

    trouver un mГ©dicament en pharmacie: Acheter Cialis 20 mg pas cher – pharmacies en ligne certifiГ©es

  8. Allenacurf表示:

    pharmacie en ligne pas cher: pharmacie en ligne sans ordonnance – pharmacie en ligne france livraison internationale

  9. Allenacurf表示:

    pharmacie en ligne pas cher: pharmacie en ligne sans ordonnance – pharmacie en ligne france pas cher

  10. Allenacurf表示:

    Achat mГ©dicament en ligne fiable: cialis generique – trouver un mГ©dicament en pharmacie

  11. IgnacioSlima表示:

    Viagra homme sans prescription: viagra en ligne – Viagra 100mg prix

  12. Allenacurf表示:

    pharmacie en ligne avec ordonnance: acheter kamagra site fiable – pharmacie en ligne france livraison belgique

  13. Akkaynt_yzet表示:

    авторег вк купить kupit-akkaunt-vk.ru .

  14. Akkaynt_zvet表示:

    купить акк вк kupit-akkaunt-vk.ru .

  15. Akkaynt_xuet表示:

    аккаунт вконтакте купить https://www.kupit-akkaunt-vk.ru .

  16. Akkaynt_jtet表示:

    купить вк аккаунт https://www.kupit-akkaunt-vk.ru .

  17. IgnacioSlima表示:

    pharmacie en ligne france livraison internationale: Acheter Cialis 20 mg pas cher – pharmacie en ligne pas cher

  18. casino_vvSt表示:

    nieuwe nederlandse casinos bestegokautomaten.nl .

  19. casino_ndSt表示:

    online casino nederland nieuw online casino nederland nieuw .

  20. Allenacurf表示:

    pharmacie en ligne france fiable: pharmacie en ligne sans ordonnance – pharmacie en ligne pas cher

  21. casino_bmSt表示:

    online casino nederland nieuw online casino nederland nieuw .

  22. Allenacurf表示:

    pharmacies en ligne certifiГ©es: acheter kamagra site fiable – pharmacie en ligne fiable

  23. Why Is Everyone Talking About I Lost My Car Keys Honda Right Now replacing honda car keys

  24. Audi Key Fobs 101: This Is The Ultimate Guide For Beginners Audi replacement key Cost uk

  25. A Look Inside Fiat Key Fob Replacement’s Secrets Of Fiat Key Fob Replacement fiat key fob not working

  26. Audi keys表示:

    It’s The Audi A1 Key Battery Case Study You’ll Never Forget Audi keys

  27. Raina表示:

    How To Explain Bentley Replacement Key To Your Grandparents bentley key fob not working (Raina)

  28. ScottJandy表示:

    Федерация паркура, трюковых и экстремальных единоборств Street Union – это профессиональная организация в индустрии спорта, развлечений и шоу-бизнеса.
    Наша миссия заключается в продвижении экстремальной культуры и спорта с разных точек зрения.
    Наша деятельность основана на том, что современные виды спорта зачастую намного зрелищнее классических. Поэтому, помимо организации тренировок для спортсменов всех видов, мы также оказываем коммерческие услуги, необходимые государственным и частным компаниям, такие как подготовка шоу-программ с участием ведущих спортсменов и артистов различных жанров, производство имиджевой продукции.
    Этот подход на шаг опережает “стандарт”, будучи смелым не только в спорте, но и в рекламе и шоу-продукции. Будучи лидерами мнений для тысяч поклонников и последователей, мы вдохновляем людей совершенствовать свое тело и дух, двигаться вперед и проявлять свою индивидуальность.
    В ее состав организациивходят артисты из самых разных областей, включая спорт, музыку, режиссуру, дизайн, изобразительное искусство и шоу-бизнес. Для такой компании нет невозможных проектов.
    За основу было взято несколько передовых видов экстремальной деятельности:
    suteam школа паркура подходит для тренировок спецназа и для школьных уроков физкультуры;
    Трицикл и HMA (экстремальные боевые искусства) – зрелищные современные дисциплины, сочетающие акробатические трюки и элементы боевых искусств.
    Эти современные дисциплины со временем могут превратиться в самостоятельные спортивные дисциплины и войти в программу Олимпийских игр. Мы прилагаем все усилия для этого!

發佈留言

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