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

26,067 Responses

  1. How can I copyright all original content current and future on my website?

  2. I read this piece of writing completely concerning the
    resemblance of latest and previous technologies, it’s awesome article.

  3. Carlos Graefe表示:

    It happens with out my knowledge. This leads me to lose my bookmarks, settings and is such a nuisance. How do I stop FireFox from losing my settings and bookmarks? Thank you..

  4. Quintonrib表示:

    Ищете промокоды для игр промокод на бесплатный кейс ggstandoff наш сайт – ваш лучший помощник! Собираем актуальные игровые промокоды для бонусов, скидок и эксклюзивных наград. Наслаждайтесь играми с максимальной выгодой – воспользуйтесь промокодами уже сегодня!

  5. 9 Lessons Your Parents Teach You About SEO Marketing Agency
    Uk seo marketing agency uk – images.google.as

  6. BOKEP TERBARU表示:

    I am actually glad to glance at this blog posts which contains tons of valuable information, thanks for providing
    these statistics.

  7. Quintonrib表示:

    Ищете промокоды для игр ggstandoff промокод наш сайт – ваш лучший помощник! Собираем актуальные игровые промокоды для бонусов, скидок и эксклюзивных наград. Наслаждайтесь играми с максимальной выгодой – воспользуйтесь промокодами уже сегодня!

  8. ankara eskort表示:

    Sweet bloɡ! I foumd іt while ѕearhing on Yanoo News.
    Ꭰo you have any tips on how to get listed in Yahoo
    News? I’vе been trying for a whіle ƅut I neveг seem to get there!
    Appreciate it

    My web site: ankara eskort

  9. RodneyRip表示:

    buying prescription drugs in mexico online https://mexicaneasypharm.com/# Mexican Easy Pharm
    mexico drug stores pharmacies

  10. lwpqxyvzp表示:

    Super sklep. Kupuję w tym sklepie od kilku lat , towar zawsze zgodny z zamówieniem, a atutem jest ekspresowa wysyłka towaru. Gorąco polecam! Dzieci i dorośli, podstawy jazdy, slalom, speed, jazda miejska, slide’y i agressive – to wszystko poznasz przychodząc na nasze zajęcia. Pamiętaj! Ostrzegamy, że zaczynając z nami rolkową przygodę problemem nie będzie “czy jeździć” tylko “kiedy jeździć”, bo my zarażamy rolkami – SKUTECZNIE. COPYRIGHT © 2021 TEMPISH. WYKONANIE: BOMBARDIER.PRO Rzetelny ranking najpopularniejszych aut na akumulator dla dzieci sporządzony według statystyk sprzedanych kilkuset pojazdów w naszym sklepie podczas ostatnich miesięcy Te pliki pozwalają nam na dokonanie analiz dotyczących naszego sklepu internetowego, co może przyczynić się do jego lepszego funkcjonowania i dostosowania do potrzeb Użytkowników.
    https://bikeindex.org/users/httpsrollers
    Wybierz coś dla siebie z naszej aktualnej oferty lub zaloguj się, aby przywrócić dodane produkty do listy z poprzedniej sesji. Używamy plików cookie i podobnych technologii, aby zapamiętać Twoje ustawienia, prezentować spersonalizowane treści i reklamy oraz udostępniać funkcje związane z mediami społecznościowymi. Pliki cookie wykorzystujemy również do mierzenia ruchu i analizowania sposobu korzystania z naszej strony internetowej. Prowadzimy także wypożyczalnię rolek, czynną w godzinach otwarcia sklepu. To świetna opcja dla osób, które chcą wypróbować sprzęt bez konieczności jego zakupu lub chcą przekonać się, czy to hobby jest dla nich. Jesteśmy dystrybutorem marek: ROLKI MIEJSKIE ROLLERBLADE RB PRO X Przepraszamy, ale nie przewidzieliśmy możliwości złożenia zamówienia w obecnej konfiguracji. Możesz kontynuować składanie zamówienia, jednak wyliczenie kosztu dostawy może nie być w tej chwili możliwe. Zostanie on ustalony indywidualnie przez naszą obsługę po przyjęciu zamówienia, po czym skontaktujemy się z Tobą w celu jego potwierdzenia. Jeżeli takie rozwiązanie nie odpowiada Ci, skontaktuj się z nami w celu uzyskania bardziej szczegółowych informacji na temat kosztu dostawy lub możliwości złożenia zamówienia indywidualnie.

  11. RodneyRip表示:

    buying prescription drugs in mexico online https://mexicaneasypharm.com/# medicine in mexico pharmacies
    buying prescription drugs in mexico

  12. RodneyRip表示:

    medicine in mexico pharmacies https://mexicaneasypharm.com/# Mexican Easy Pharm
    best online pharmacies in mexico

  13. CurtisBam表示:

    IndianCertPharm: Online pharmacy – Online pharmacy

  14. RodneyRip表示:

    best online pharmacies in mexico https://mexicaneasypharm.com/# п»їbest mexican online pharmacies
    mexican border pharmacies shipping to usa

  15. Brandonnot表示:

    Indian pharmacy international shipping: IndianCertPharm – Online pharmacy

  16. Friday Night Poker Game – Casino Night At Home, Church Or Community Fire House 오피커뮤니티

  17. LarryReupt表示:

    Mexican Easy Pharm Mexican Easy Pharm Mexican Easy Pharm

  18. CurtisBam表示:

    Best Indian pharmacy: indian pharmacy – Indian Cert Pharm

  19. RodneyRip表示:

    buying from online mexican pharmacy https://mexicaneasypharm.com/# mexican online pharmacies prescription drugs
    mexican drugstore online

  20. RodneyRip表示:

    buying from online mexican pharmacy https://mexicaneasypharm.com/# mexico drug stores pharmacies
    medication from mexico pharmacy

  21. Brandonnot表示:

    my canadian pharmacy review: CanadianMdPharm – reputable canadian pharmacy

  22. JamesMup表示:

    киного фильмы про вампиров kinogo исторические сериалы

  23. RodneyRip表示:

    mexico pharmacies prescription drugs https://mexicaneasypharm.com/# medication from mexico pharmacy
    medication from mexico pharmacy

  24. CurtisBam表示:

    top 10 pharmacies in india: Best Indian pharmacy – Best online Indian pharmacy

  25. Manuelwen表示:

    пластиковые окна цена с установкой окна мелке сколько стоит

  26. LarryReupt表示:

    canada rx pharmacy CanadianMdPharm certified canadian international pharmacy

發佈留言

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