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

  1. Sazrlxc表示:

    Здравствуйте!
    Покупка диплома о среднем полном образовании: как избежать мошенничества?
    dexanet.ukrbb.net/viewtopic.php?f=5&t=16254
    Рады помочь!

  2. Lariorjww表示:

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

  3. Sazruwh表示:

    Привет!
    Как оказалось, купить диплом кандидата наук не так уж и сложно
    mmix.ukrbb.net/ucp.php?mode=login
    Окажем помощь!

  4. Sazrdgg表示:

    Добрый день!
    Всё, что нужно знать о покупке аттестата о среднем образовании без рисков
    krasnodarforum.ru/member.php?u=2812
    Будем рады вам помочь!

  5. Trefeuy表示:

    Привет, друзья!
    Как получить диплом о среднем образовании в Москве и других городах
    http://www.kroosuriya.com/krusuriya/modules.php?name=Journal&file=display&jid=10210
    Будем рады вам помочь!.

  6. Xazripf表示:

    Здравствуйте!
    Сколько стоит диплом высшего и среднего образования и как его получить?
    landik-diploms-srednee.ru/diplom-s-reestromkupit-kupit  

  7. Xazrkft表示:

    Здравствуйте!
    Как приобрести диплом техникума с минимальными рисками
    landik-diploms-srednee.ru/svidetelstvo-o-rozhdenii  

  8. Xazrgir表示:

    Привет, друзья!
    Стоимость дипломов высшего и среднего образования и как избежать подделок
    landik-diploms-srednee.ru/kupit-diplom-v-voronezhe  

  9. What’s The Reason? Solid SEO Tools Is Everywhere This Year Seo Tools online

  10. Great post! We are linking to this particularly great post on our website. Keep up the good writing.

  11. Many Of The Common Errors People Make With Skoda Spare Key skoda fabia key Programming (pennswoodsclassifieds.com)

  12. Why Mesothelioma Asbestosis Is A Must At The Very Least Once In Your Lifetime http://www.0270469.xyz

  13. Sazrzhf表示:

    Привет, друзья!
    Как избежать рисков при покупке диплома колледжа или ВУЗа в России
    medicineshocknews.ru/garantirovannoe-poluchenie-diploma-bez-riska-i-problem
    Рады оказаться полезными!.

  14. Dnrtoho表示:

    Здравствуйте!
    Купить документ о получении высшего образования можно у нас.
    asxdiplomik.com/kupit-diplom-rostov-na-donu
    Хорошей учебы!

  15. Uazrjsf表示:

    Привет, друзья!
    Где купить диплом по актуальной специальности?
    bbs.heyshell.com/forum.php?mod=viewthread&tid=28327&extra=
    Удачи!

  16. Window Glass Replacement Near Me Strategies
    That Will Change Your Life Replacement Glass For Windows Uk

  17. Dnrtlat表示:

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

  18. Dnrtrii表示:

    Добрый день!
    Купить документ о получении высшего образования вы можете у нас.
    ast-diploms.com/kupit-diplom-krasnoyarsk
    Успехов в учебе!

  19. Diplomi_slEa表示:

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

  20. Diplomi_xdEa表示:

    Здравствуйте!
    Заказать документ ВУЗа вы имеете возможность в нашей компании в столице.
    ast-diplomas24.ru/kupit-diplom-krasnoyarsk

  21. Diplomi_enEa表示:

    Здравствуйте!
    Купить документ о получении высшего образования можно у нас в столице.
    diploms-x24.ru/kupit-diplom-moskva

  22. How To Know The Door Repairs Near Me Which Is Right For You upvc door repairs near me

  23. forexmob.ru表示:

    5 Private Psychiatrist Online Projects For Any Budget private psychiatrist Cornwall (forexmob.ru)

  24. ngentot表示:

    I enjoy reading through a post that will make men and women think. Also, thank you for allowing me to comment.

  25. Ewxtnn表示:

    buy lasuna online – diarex pills himcolin without prescription

  26. Охраняйте свою конфиденциальность с резидентскими прокси, для чего это нужно.
    Обходите географические блокировки с резидентскими прокси, радуйтесь контентом.
    Получите быстрый и надежный интернет с резидентскими прокси, как это работает.
    Защитите свои учетные данные и личную информацию с резидентскими прокси, и не беспокойтесь о своей безопасности.
    Сделайте свои онлайн-активности невидимыми благодаря резидентским прокси, и наслаждайтесь анонимностью.
    Используйте резидентские прокси для безопасного серфинга в интернете, и не тревожьтесь за свою приватность.
    резидентский proxy https://rezidentnie-proksi.ru/ .

  27. 913875.xyz表示:

    20 Trailblazers Lead The Way In Woodburner Stove 913875.xyz

  28. 9324874.xyz表示:

    The History Of Best Single Buggy 9324874.xyz

  29. Lazrnle表示:

    Привет, друзья!
    Мы можем предложить дипломы любых профессий по приятным ценам.
    newfinbiz.ru/kupit-diplomyi-dlya-vseh-spetsialnostey

  30. Lazrrgo表示:

    Добрый день!
    Мы изготавливаем дипломы психологов, юристов, экономистов и любых других профессий по приятным ценам.
    willstonemidlevel.com/куплю-диплом-фото/

發佈留言

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