無名小站關閉部落格服務之際,作者為學網頁設計讀了深入淺出 HTML&CSS 第二版(Head First),分享這本七百多頁入門書用故事、填字遊戲與「沒有蠢問題」單元帶入學習的特色(2013 年)。
最近有個蠻大的新聞就是無名要關閉部落格服務,
很多無名小站或是奇摩部落格的朋友得另尋新家,這個時候痞客邦無疑的看來是最無痛的選擇~
當然也有很多人推薦Google的Blogger服務,一來Google不會倒(可能性相對低),二來Blogger沒有廣告,不過一直聽說Blogger
需要對於網頁語法有比較多的了解才能上手,所以八月的時候就想好好了解一下網頁設計這個領域~
網路上很多人推薦深入淺出的教學書,本來立馬就要買一本回家看看!但發現 深入淺出HTML&CSS
剛好繁體第二版要在九月上市,所以就在博客來預購啦~
上個禮拜總算拿到書,紮紮實實的七百多頁,跟他的價格差不多 XDDD
封面就是一個微笑女郎,這樣的圖片在書本裡面大量出現,我想是想製造一種人物互動的效果~
所有的學習都是由 "故事" 當作出發點,而且書籍中充斥很多遊戲、練習,還有虛擬角色的 "對話腳本" ,這讓這一本七百多頁的書籍一點都不無聊,只會覺得時間怎麼不夠用,沒辦法一次看完~~花了四天多的時間我總算把這本書瀏覽了一次~
大概對於HTML&CSS有了初步的認識!
這是我第一本看的深入淺出書籍,深深佩服作者的功力,如果把知識分成 "what" "how" "why"
一般的教學書都會著重在前兩個部分,但這本書把 WHY
作的很好,而且還加上了 "fun" 透過情境、遊戲還有很詭異的 "雙簧對話" 讓人看了就很難忘記
*這個單元叫做 "台灣念真情" 會把兩種名詞擬人化,印出互相鬥嘴的口白..(雖然很莫名,但非常生動)
像是在講設定顏色的語法時,書本會先解釋螢幕顯色的原理:

還會設計解讀16進位的小遊戲:

我最喜歡的書本的單元是 填字遊戲 跟 沒有蠢問題:

填字遊戲會把單元中最關鍵的英文名詞設計成填字表格,這個表格其實就把該章節所有的重點一語道盡,如果填字遊戲中出現的名詞自己都能講出個所以然,該章節就有七八成的掌握了~

沒有蠢問題則是我認為此書最神的地方,因為我在看書時,腦中浮現的問題,十之八九都會在 "沒有蠢問題" 中出現,這就跟你去算命,還沒開口算命師就告訴你答案一樣可怕..
而且很多關鍵且有趣的知識,往往都是在沒有蠢問題這個單元出現~深切覺得作者去當算命師應該不會輸給白龍王 XD
這本書大概可以分成三部分:
1. 介紹HTML的基本語法
2. 介紹CSS (樣式跟排版)
3. 介紹 HTML5 (新增的標記與功能) 更好的支援網頁的語意架構以及多媒體互動感覺是屬於比較表面的介紹(大部分在談標記跟屬性還有基本概念)
雖然是這麼說,裡面的細節、觀念還是多到很靠背,只看一次絕對不夠但對於建立一個HTML&CSS的基礎來說,是一個很棒的開始~
他不會列出語法然後告訴你結果是怎樣就結束了,一定會把所有 細節、來龍去脈、延伸課題 作一個完整的描述,總之是一個看了會讓人上癮的書籍,看完之後就可以準備看下一本 "深入淺出 HTML 5 程式設計"這本看來只有五百多頁,真是可喜可賀。
(書本中常會出現這種幽默的語調)
有幸看完再來這邊分享心得。
PS:
這本書可以到此網頁下載程式碼,下載下來跟著書本操作就好照圖施工,保證成功,用windows的記事本就能做出很完整的網頁
*看完這本書後,我利用這本書的知識作了這個網站的文字設定跟排版, 大部分都是套用css的效果哦。
*網路有份文件"前端資源懶人包"對於網頁學習也很有幫助!值得一看


留言(2)
這些是文章在痞客邦時期的留言,一起搬過來保存。
風雲海
風雲海 祝福Nature)))))中秋圓圓圓))))))好圓)))))))))))))))
版主回覆
風雲海
喔))))親愛的 你的回覆速度 怎麼如此快啊))))))
剛好被風雲海看到))))))好奇你會回覆什麼)))))))))))))))))
所以再度轉圈圈進來啦)))))))))))))))
版主回覆