Mozilla Thimble 在網頁上做網頁
做網頁的工具很多,舉凡以圖形介面為主的Dreamweaver或以文字編輯器為主的Brackets、Sublime Text…等等,但都必須要額外安裝才能使用,本篇文章介紹的Mozilla Thimble是一個線上編輯器,名符其實的是「在網頁上做網頁」、「網頁上的網頁編輯器」、「取之於網頁用之於網頁」,這樣的繞口令就別再說下去了,來看看他的介面吧!
進入官網之後,可以選擇點選「Start a project from scratch」來開始一個新的專案,或是透過下方已有的專案範本來編輯網頁。
而網頁編輯的介面如下,比較偏文字編輯器的介面。
當然在網頁編輯的部分就是利用大家所熟悉的HTML、CSS、javascript語法來進行,編輯器與Brackets的使用方式差不多(感覺有技術合作),例如:快速編輯是Ctrl+E;新增註解是Ctrl+/,基本的使用方式可以參考這篇文章,介面中的右側是Live Preview視窗,也可以直接切換成手機版面預覽,若是有需要在頁面中放入自己電腦裡面的檔案,可以利用左上角的「+」上傳,單檔容量限制為3MB。
比較特別的是若你有登入會員(免費),在網頁開發完成之後,可以透過右上角的Publish來公開自己的網頁,確定公開後會提供一個你專屬的網址,可以把網頁公開給大家瀏覽。
在Mozilla Thimble的網站上也有此款編輯器的教學:
不過大家要注意的是,目前此編輯器的網頁編輯功能僅有HTML、CSS、Javascript,不包含PHP、ASP…等動態網頁語法,希望未來真的可以進化到這種地步,那以後我們電腦裡面就不必安裝網頁設計軟體了!
xf-autocad-kg x64.exe CRACK
bd86983c93 giovkei
Psicologia Social Aroldo Rodrigues Pdf Download
bd86983c93 olwele
https://erythromycinn.com/# how to apply erythromycin ophthalmic ointment
The clarity in your post is just nice and I can tell you are an expert in the subject matter.
most recommended online pharmacies cialis price of cialis 20 mg cialis in las vegas
Simply want to say your article is as amazing. The clarity in your post is just great and i can assume you’re an expert on this subject. Fine with your permission allow me to grab your feed to keep up to date with forthcoming post. Thanks a million and please keep up the gratifying work.
Hello. Great job. I did not expect this on a Wednesday. This is a great story. Thanks!
cheap cialis – online pharmacies canada order provigil 200mg for sale
I enjoy your blog posts, saved to my bookmarks!
This is valuable stuff.In my opinion, if all website owners and bloggers developed their content they way you have, the internet will be a lot more useful than ever before.
I’ll check back after you publish more articles.
generic cialis 40mg best price for daily cialis cialis paypal australia
teva generic cialis cialis pills order generic cialis online 20 mg 20 pills
viagra without a doctor prescription pfizer viagra 100mg price viagra over the counter walmart
http://servicellama.com/?p=79953
75260afe70 allaedmu
http://feelingshy.com/herx-011-beautiful-legs-and-breasts-gal-school-uniforms-girl-hunting/
75260afe70 reivass
side effects of erythromycin https://erythromycin1m.com/#
buy doxycycline generic – buy clomid pill purchase cialis online
https://blackbirdbakingco.com/12-15-imgsrc-ru/
75260afe70 redlate
https://newsindiadaily.com/vastu/girls-heaven-202-imgsrc-ru-102038.html
75260afe70 eleonar
https://newsindiadaily.com/vastu/girls-heaven-202-imgsrc-ru-102038.html
75260afe70 eleonar
https://tuencanto.com/strapi-graphql/
75260afe70 darndarr
http://fitadina.com/?p=96345
75260afe70 vasslynd
https://www.slaymammas.com/windows-10-pro-20h2-19042-608-x64-en-us-pre-activated-free-download-2/
75260afe70 usehalc
https://biancaitalia.it/2022/05/26/boy-ррѕрѕрёрє-рё-рґсђсѓр·сњсџ-ez-4-imgsrc-ru/
75260afe70 alemych
https://www.caribbeanskillsbank.com/lizzie-lizzie-9-imgsrc-ru/
75260afe70 edrfai
http://weedcottage.online/?p=68526
75260afe70 hiricael
https://riccardoriparazioni.it/girls-a-sweet-blonde-girl-sweetblonde005-imgsrc-ru/accessori-smartphone/
75260afe70 caterake
https://pneuscar-raposo.com/contagious-why-things-catch-on-jonah-berger/
75260afe70 hareorf
certified canadian international pharmacy