有哪些好的 HTML 和 CSS 入門教程可以推薦給新手?
01-05
想學web 技術?http://www.w3school.com.cn 這網站不錯
對於沒有基礎的童鞋我一直推薦head fisrt系列的叢書,形象生動,深入淺出
可以去csdn看看這個html教程---教你玩轉HTML(html5)h5網頁設計,網站開發
css教程---[oeasy]教你玩轉css教程
看W3C手冊,多寫代碼(自己寫或是模仿知名站),同樣的布局,有多種不同的實現方式。不同環境下用不同的實現方式,已達到合乎需求。
Mozilla的官方入門教程:CSS入門教程,多語言支持,非常不錯;當然整個Web開發者指南都是很好的學習資源。
簡單匯總幾個牧虎收錄的站點,基本都是老外的,國內做的專業的非常少。老外的站點文章質量非常高。
- HTML精選網站總結
- HTML 教程
- HTML5 &> 文章 &> 第1頁
- HTML CSS Archives
- WEB開發基礎
- HTML5 | Tutorialzine
關於學習路徑
1)先跟HTML 教程學習基礎教程2)然後上HTML CSS Archives看些進階教程3)有時間去研究下前端框架4)更多的例子可以去github上找,分享了很多技術文章:牧虎網 - 一站式IT技術高價值資源分享平台這裡分享了很多,都是有些質量比較高的文章。
其實最重要的還是多動手,多聯繫,由淺入深,不斷調整自己的學習方法,才會有快速精進。http://www.dreamdu.com 很適合初級入門的學習,感覺網站作者挺負責。把一些小問題處理的都挺仔細的。希望對你有幫助。
不知道你說的入門教程是哪一種形式,暫且每一種形式都推薦一個我認為很適合入門的吧:書籍:HTML與css入門經典(零基礎無壓力)視頻:HTML+CSS基礎入門(知識點結合實戰講解, 最主要的是看不懂可以直接提問,會有老師及時回答)網上文本教程:菜鳥教程其他:百度和Google(萬能的學習教程)個人覺得如果入門的話看視頻比較好。但是無論哪種形式學習,不去實踐都是白搭。
如果是初學的話,推薦你看看這個CSS基礎教程視頻以及這個html視頻課程(html,div,css附多個實戰項目),相對來說比較適合新手學習前端,深入點的話,可以在看些別的,最重要的是多操作練習。
綠葉學習網,你值得擁有。
Cody cademy,英文網站,貌似用360有問題,用谷歌
我最近寫了一篇HTML的教程,HTML教程,有什麼問題可以一起學習討論。
編程最重要的是明晰概念+動手實踐,單看教程是遠遠不夠的,另外需要有時刻查資料的習慣,因為編程語言在不斷的修改,硬體也在不斷的修改,不必要去背文檔,但查文檔的功夫必須相當嫻熟和自然,因為我們程序員就是這樣一個工種。
有一次我老爸跟我說,你們生產的東西不是一次性的嗎,東西做好了就自己運行不用人管,應該屬於第二產業(即工業),我就跟他講,我們實際上是第三產業(即服務業),因為需求不斷在變,工具也在不斷變。往近了說,換個需求,代碼就要改了,往遠了說換個硬體,軟體就要改了。
既然技術變化這麼快,那麼我的建議是:掌握最最不變的知識理論,並學會舉一反三,編程很鍛煉發散思維的,舉一反三是基本能力。另外英語一定要好好學,計算機術語基本都是英語和英語縮寫,而且對於看懂別人寫的東西有很大幫助。可以說英語也是程序員的基本素養吧。電驢上面很多教程,可以去下來看看,很不錯的
HTML+CSS基礎教程-慕課網 這個免費基礎課程可以看看,絕對不是廣告
建議先看 http://www.w3school.com.cn 的教程,對整體有認識了再進行更深的學習。。
慕課網,可以瞅瞅,但是說實話啊,所謂的視頻啊教程啊,不如你自己去摸索寫一個頁面,實戰才是硬道理。
w3school, 非常簡潔非常實用,其實入門很容易,一般的書完全就可以,關鍵是需要自己多寫頁面,多看別人的代碼。
推薦閱讀:
※CSS3 中calc()關鍵字+(加)、-(減)運算符為何必須加空格?
※移動端布局,div按比例布局,寬度為百分比,但又想讓高度和寬度一樣,即讓div為正方形,怎麼做布局呢?
※CSS animation 與 CSS transition 有何區別?
※用css能實現一個圓等分12份的樣子嗎?