這里所說的網頁是指包含javascript代碼在內的html靜態網頁(在做動態網站時稱之為模版頁)。
我接觸頁面制作的時候連基本的css語法都不會,之前也很少用table的方式寫,所以直接從div+css學起,開始是看別人寫好的網頁,然后分析他們的每一行代碼,后來發現這樣學習不太適合我,于是就把一個結構不太復雜的網頁截圖,然后照著圖片來寫html結構的網頁。
開始的時候連基本的margin、padding這樣基本的語句我都不會,但是我并沒有用dreamweaver、frontpage這些有代碼提示和控件拖拽功能的軟件來寫網頁,因為師兄告訴我說初學網頁制作一定不要用代碼提示類的軟件。當時不懂為啥,后來寫熟練了甚至不去碰那些軟件,才明白其中的道理,這些軟件是提高工作效率用的,有時候時間短、任務重,必須要提高代碼書寫效率,迫不得已用一下(雖然這樣說,但實際中我覺得不用這些軟件效率會更高)。
用什么軟件寫html并不是那么重要,你入門時可能用過Editplus、Notepad++、sublime text2、ultra edit、vim等代碼編輯器,也可能和我一樣會在百度和谷歌中瘋狂的搜索用那種軟件寫頁面最好,甚至不惜浪費時間用不同的編輯器寫相同的代碼來體驗生活,這都是新手學習初期很容易遇到的問題。我們大可不必在選擇編輯器上下“功夫“,那些所謂的神一樣級別的編輯軟件我們其實只能用到它們所有功能的1%,而我們能用到的功能所有的編輯器都有,所以看著哪個比較順眼拿來用就行了,代碼還是要自己一個一個的敲出來,不要用代碼提示功能,如果軟件默認開啟了代碼提示,就主動把它關掉,如果你一心想成為一個高手,那么告訴你,真正的高手就算用windows自帶的記事本也能寫出華麗麗的代碼。
建議新手不要去一條條的看那些網上的教程,而是從一個簡單的只有框架的頁面入手,自己動手看能否實現這個html頁面效果,遇到解決不了的問題可以像別人請教,css中涉及的那些語法還有要記住的單詞,寫一兩遍肯定是記不住的(我不是天才),至少要寫好幾十遍才能記住,然后逐漸提高頁面結構的難度,想辦法實現javascript的動態效果。
最后,也是最重要的,就是在不同瀏覽器中的顯示效果一致的問題,這是個困擾前端頁面制作人員多年的難題,不過都有辦法來解決,遇到了正常顯示的網頁在另一個非同類瀏覽器(或者同類不同版本)中顯示錯亂時,不要懷疑自己的代碼,那就是瀏覽器的解析差異導致的,這些問題早有高人已經遇到過,去百度搜索一下就能得到解決辦法。
制作網頁,重要的是去寫,而不是用什么軟件去寫,希望各位對網頁制作感興趣的朋友能真正體驗到用代碼制作精美網頁的樂趣。
新聞熱點
疑難解答