有沒有適合HTML&CSS初學者模仿的靜態網頁？

01-05

剛剛看完headfirst htmlcss，暫時還沒涉及js。因為發現自己在模仿其他網站時往往是沒思路，總得先看一遍人家的代碼才大概明白。
1.想找一本從頭到尾手把手教一個靜態網頁的製作（僅僅是html和css）從設計思路，到最終代碼實現的書或視頻，求推薦。

把head first htmlcss看完後，應該沒什麼大的必要再去找書看了。你可以找一些布局比較簡單的網站，模仿著做，然後再看看人家網站是怎麼做的，再想下為什麼要那麼做，推薦一個網站，Reeoo | web design inspiration and website gallery，上面有很多精美的網站，你可以挑一些簡單的來模仿。

我半年前準備做個personal website，當時對html和css了解極少（幾年前做過一個簡單網站，前端幾乎是用DreamWeaver純拖控制項完成的，你就知道對html的知識有多貧乏了吧～～），然後花了幾天時間看了下w3cschool菜鳥教程，就開始動工了～～剛開始也是模仿別人的頁面，在那過程中又了解了響應式布局，css3動畫等內容，就這樣模仿啊修改啊，歷時一個多月，終於搭起了自己的小站，期間還學習了 jquery, boostrap, Django（Python的一個web框架）等。現在可以兼職接些小網站開發的私活～～

當然，你也可以模仿我的網站，Cymoo! 如果有需要，我可以把代碼發你。

啰嗦了這麼多，總結：扔掉書本，找些頁面來模仿著做，提高會很快的。

自己找個網頁素材把psd轉化html吧。做十個頁面以上你就會明白自己想要的是什麼。

http://sae.zhuhaiyang.me/p/renren/

實習時模仿的，上午簡單講了講講html和css，當天晚上熬通宵寫的homework #我才不會告訴你某家公司是群碩嘞#

你去sae上也開個，模擬小米官網好了。圖直接官網上扣。這要貼上大家檢查。

樓主沒思路，估計是因為對於頁面布局的一些方案，一些css屬性原理性的東西還沒弄明白

布局用的最多的，目前肯定還是float啊，float弄清了大部分的布局就可以搞定，當然清除浮動也要弄明白；其實說布局，我自己很土的一個理解就是給頁面劃格子，大部分的頁面從上到下劃格子，主題區域嵌套2欄或多欄布局，每一個格子可以理解為對應一個div

另外就是對block、inline、inline-block這幾個屬性的特點，還沒搞清。。。

另外這裡推薦一個解決css選擇器命名衝突的一種命名方式：NEC : 更好的CSS樣式解決方案分類命名

我最近嘗試著模仿百度百家！

我想試著仿下你的Cymoo！

我跟你一樣

歡迎來到點滴，來這看看吧，適合初學者！

----------------------------------分割線----------------------------------

換域名啦，http://itoss.me