標籤:

有哪些好的 HTML 和 CSS 入門教程可以推薦給新手?


想學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份的樣子嗎?

TAG:HTML | CSS |