聯絡表單

 

最先需要認識的HTML Tags & Functions


9大理由告訴你為什麼應該學會 HTML 跟 CSS

  • 能寄出自己設計過的 E-mail給客戶
  • 能為公司設計精美的電子報
  • 能幫公司在 WordPress的網站美化
  • 能教你的同事(或老闆)coding
  • 能讓技術小組的同事愛死你
  • 能用你設計的 Tumblr部落格炫耀你的 coding技能
  • 能從頭開始自己打造個人履歷網頁
  • 能讓你的設計能力提升至更高層次
  • 能讓你學更多、賺更多





  • JavaScript function的語法 (在介紹語法之前,或許用個自動販賣機的例子來說明為什麼需要寫成function的觀念。)
  • document.getElementById() : 這個函式可就常用了,配合getElementById()要先知道<div>, <span>, <p>, ...等tag都可以賦予唯一命名,而這樣就可以用getElementById()將HTML碼塞到指定的地方,這一招在還不會jQuery之前是很常用到的,這是JavaScript把HTML當作資料物件來處理的方式(稱之為DOM),用JavaScript就能寫出動態網頁的就是靠這招取勝喔,一定要懂!

學習上述語法之階段目標,要讓本來只會做靜態網頁的人也開始瞭解怎麼做出動態的網頁內容,譬如用很簡單的程式邏輯就能設計一個相片切換瀏覽功能(jsfiddle) (jsbin),雖然是個很陽春的呈現,但有很大的空間可再改進最後有機會成為類似常見的Slide Show那樣的功能啊!若能讓學生在第一堂課就想像未來自己再精進能做出什麼樣的功能,應該會更有信心與興趣學HTML5吧。



p.s. 自己寫的HTML要放哪裡呢?就放在Google雲端硬碟吧,容量夠大,又能執行。(只要依使用雲端硬碟代管網頁做些設定,但是因為該說明在目前的雲端硬碟已經沒有直接提供"預覽"的URL了,但基本上就是 https://googledrive.com/host/xxx/檔名.html,而前述的xxx就是HTML檔所在資料夾的共用連結裡的id,自己找一下囉!)

p.s. 網頁程式要放在哪裡呢? 用Github可能對於大一學生來說有點門檻,那就考慮用Netlify(直接將自己電腦端的整個網站資料夾拖曳到Netlify即可)。

Total comment

Author

ChenYuYi

1  意見

Cancel Reply