想從零開始學習 HTML5 和 CSS,請問有沒有比較好的建議?比如學習什麼語言,有沒有好的書或者教程推薦等等?
01-05
看了大家的建議,覺得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 |