想從零開始學習 HTML5 和 CSS,請問有沒有比較好的建議?比如學習什麼語言,有沒有好的書或者教程推薦等等?

看了大家的建議,覺得JS也需要學習,不知道這個入門的話如何開始呢?謝謝了!


我的觀點是不要一開始就學習html5,因為這個玩意兒標準還沒有完全形成,而且強調的主要是js。

一開始就多學習標準的xhtml css,找一些國外設計師的網站,或者deviantArt上隨便找幾個Web Interface,照著做幾個純靜態的頁面(不看他的源代碼,自己寫),慢慢你就懂了。然後再開始接觸HTML5。

其實就入門來說,余亞東的視頻教程(http://goo.gl/Jg1mq)就非常的好,所謂師傅帶進門嘛,就看最基礎的那個第一版教程就好了。當然你偏要看書也行,有很多都不錯,可以找幾本動物書隨便看看。

PS:解決問題多從源頭開始,不要暴力解決。


從我的經驗談,看這個網站就夠了,http://www.w3school.com.cn/h.asp

工具推薦用sublime,感覺不要用dw,那東西學不會編程的,最好有個朋友會的,可以隨時問,加個群也可以,不用多,多了浪費時間,先學之前的,再看5。


兩個網站

http://www.w3school.com.cn/

http://www.w3schools.com/default.asp

看完就ok了


我跟你說吧,我就是從零開始的,這種方法對我來說非常有用,希望能幫助到你:

首先你下載css中文手冊和html中文手冊,先把基礎知識混熟了之後試著寫一兩個簡單的網頁,是在記事本裡面寫。然後開始用DW可視化製作幾個比較大型的網頁,當然你要是遇到問題就要解決。最後找一個大型的網站——CSS直接寫入頁面的那種。整個代碼複製下來,看一下人家的CSS是怎麼寫的怎麼應用的。最後還是仨字:多動手。


從零開始的話,我想你先要知道什麼是HTML5,以及自己為什麼要學習HTML5。。

講HTML5要先講HTML,HTML是一組基本的頁面標籤(常見的有input輸入框標籤、a超鏈接標籤、button按鈕標籤等),用它能布局出一個基本的頁面;HTML5也是標籤語言,是對HTML的一個擴展和補充,如補充了HTML中input輸入框本不具備的data時間日期類型,又如擴展了HTML不具備的video視頻標籤、canvas畫布標籤等。所以對於學習HTML5,個人還是建議先構想出一個自己想要實現的頁面,然後去實踐,也許你只需使用HTML,也許你需要用到HTML5,但相信在實踐的過程中你會漸漸入門。當然,多看些相關書籍、文獻也是助益良多的,w3school也是非常棒的一個學習站點,上面提供了非常專業的介紹和比較全面的案例

然後講到網頁設計就又不得不提CSS了,當你開始用HTML進行頁面布局,你會發現HTML布局出來的頁面和你所想的並不一樣,它是非常簡陋的,當你想要布局出一個比較美觀的頁面的時候就需要採用CSS技術了,它是對HTML進行樣式上的補充,通過它頁面才會變得如此豐富多彩。而CSS3則是CSS的一個新版本,也是對CSS的一個補充,它增加了更多樣式,也支持了對動態樣式的布局。

當然,這些也只是網頁布局的基本功,當你真正開始網頁設計、漸入佳境,你會慢慢需要實現更多功能,那時也會需要開始學習更多技術,如javascript、各種框架等等


推薦oeasy的,html和css都有的[oeasy]教你玩轉h5、css樣式表


先學xhtml和css,然後了解html5新標籤和css3,然後學習js來實現html5的酷功能。


你可以看看這些關於html和css的資料:

1、html5視頻教程

2、css視頻教程

建議先熟悉一些常用標籤,弄懂盒子的概念。了解一些基本的html和css標籤定義之後,可以試著去模仿一些網站的布局,把基礎的弄懂了,可以到別人網站上面,模仿他們的網站做,練多了就熟悉了,。應該很多人推薦的學習網站:w3school,作為基礎其實w3school夠用了。


剛剛開始學HTML5沒幾天,看極客學院想教程挺好的,剛剛上面提到的HTML 5 教程這個,也挺好用,但是我想應該還是有和我一樣零基礎一點編程底子都沒有的人,比較適合看視頻


推薦一本書,head first HTML5,網上可以下載到


學習css不難,css就那些屬性,關鍵的問題在如何使用上!要歷練


推薦閱讀:

強調 HTML/CSS/JS 基礎的前端教程是否存在誤區?
為什麼要有js立即執行函數,存在的意義是什麼?
參加 JSConf CN 2017 是個什麼樣的體驗?
redux的state樹應該如何設計?
為什麼瀏覽器要限制跨域訪問?

TAG:網頁設計 | 前端開發 | CSS | JavaScript | HTML5 |