前端開發-深入淺出HTML&CSS 里程碑
為了在前端領域追求精湛並且找到一份前端工程師工作,我報名今年四月的中壢資策會前端開發班,離上課還有一個月時間,於是先看書自學和線上教學課程,這次來分享剛看完的 深入淺出HTMLCSS,重要的收穫。
書名:深入淺出HTML and CSS 第二版(版次2017年4月)
程式碼編輯器:Sublime Text 3
1.別人如何看到自己的網站
這是一本學習體驗,而不是參考書,裡面了解HTML跟CSS運作結合,前面就讓人了解當網站刻畫出來後要放到全球資訊網上要找網站代管公司,上網搜尋後找了智邦作為我的第一個網站虛擬主機架設,他們有提供7天免費試用非常好的福利,FTP方面還滿好操作,但是介面就是舊了一點,不過還是很順利的看到在書上學會的第一個網站放在全球資訊網上。
額外補充嵌入影片
2.開始認識CSS
有了CSS,將能全盤控制網頁的外觀呈現,通常還不需更動到HTML原始碼。下面是我在書上單元做的飲料網站,有加上CSS的網頁以及沒有加上CSS的網頁差別。
3.互動表單
只要在網頁上啟動表單(但這裡也需要網站司服器的一點協助,簡稱後端)網頁將可以收集客戶的回饋意見、接受線上訂單、取得線上遊戲的動作指令、密碼隱藏、日期、或是做『hot or not』的投票。
接下來來講一些表單的相關元件:
radio input
number input
date input
checkbox input
text input
textarea
submit input
額外補充 密碼
後記:
這本書很扎實的讓新手了解HTML以及CSS,網站技術更新速度之快,雖然比不上現在的高級商務網站,但是這段時間邊看線上教學影片跟書籍進步速度滿快的,從懞懂到熟悉基礎,再來想加強 CSS的樣式編排能力以及之後開始學習 Jquery發展,下回到一定的進度後再來分享!!
文章出處 — Pixi-Will