關(guān)于自學(xué)網(wǎng)站制作的一些建議

時(shí)間：2023-07-24 14:09:01 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-24 14:09:01 來源：網(wǎng)站運(yùn)營(yíng)

關(guān)于自學(xué)網(wǎng)站制作的一些建議：01、HTML/CSS/JS怎么學(xué)

對(duì)于HTML、CSS、JavaScript的基礎(chǔ)知識(shí)的學(xué)習(xí)，可以到 http://www.w3school.com.cn 上學(xué)，可以邊學(xué)邊練，每章后還有小測(cè)試。我最開始學(xué)習(xí)這個(gè)也是在上面每天一邊看一邊練習(xí)，我個(gè)人覺得還是比較方便的，最后再去模仿寫一些網(wǎng)站靜態(tài)頁(yè)面。JavaScript如果沒有其他編程語(yǔ)言的基礎(chǔ)的話，學(xué)起來可能要費(fèi)些力，還是建議先在 w3school上學(xué)習(xí)。

還有就是在學(xué)習(xí)JavaScript的時(shí)候，你也需要同時(shí)學(xué)點(diǎn)jQuery 的知識(shí)，這個(gè)可以幫助你提升學(xué)習(xí)信心。因?yàn)閖Query 是一個(gè) JavaScript 庫(kù)，jQuery 極大地簡(jiǎn)化了 JavaScript 編程。很容易學(xué)習(xí)。例如，你引入庫(kù)以后，可以使用 hide() 和 show() 方法來隱藏和顯示 HTML 元素，可以實(shí)現(xiàn)元素的淡入淡出效果，可以在元素上創(chuàng)建滑動(dòng)效果等等。當(dāng)然，如果到了后面，你CSS知識(shí)學(xué)得比較扎實(shí)的話，建議能用CSS實(shí)現(xiàn)的，就不要用JavaScript 實(shí)現(xiàn)，這么做的目的主要是為了便于SEO優(yōu)化。

像二級(jí)菜單，圖片輪播，鼠標(biāo)滑動(dòng)顯示文字，排序等等效果，只要能夠用CSS實(shí)現(xiàn)的，就盡量不要用JavaScript來寫。但是，你在學(xué)習(xí)的過程中，要盡量嘗試用多種方式來實(shí)現(xiàn)。最后，就是在學(xué)習(xí)中，遇到一些問題，這個(gè)時(shí)候，是非常正常的，但是你要學(xué)會(huì)先自己調(diào)試解決，如果解決不了，就上百度或者谷歌（谷歌需要梯子才可以上）搜一下，看看別人寫的經(jīng)驗(yàn)方法，也可以到w3school上查文檔。

能自己解決的就自己解決，這樣你會(huì)有印象，在看別人經(jīng)驗(yàn)方法的同時(shí)，你還能增加印象，下次遇到這類問題就能迎刃而解。

02、多看各種好的網(wǎng)站布局當(dāng)學(xué)了一些HTML、CSS、JavaScript 、jQuery后，就需要開始學(xué)以致用，練習(xí)寫一些靜態(tài)頁(yè)面。在刻意練習(xí)寫靜態(tài)頁(yè)面之前，我們需要多看一些網(wǎng)站的網(wǎng)頁(yè)布局與網(wǎng)頁(yè)源碼。

因?yàn)槲覀儗懙拿恳粋€(gè)練習(xí)頁(yè)面都不是自己憑空想出來的，都是有一些參考案例或者素材來源的。其實(shí)，在我們的實(shí)際工作中，我們的網(wǎng)頁(yè)設(shè)計(jì)師在設(shè)計(jì)一個(gè)網(wǎng)頁(yè)時(shí)，也是需要收集大量的參考案例，把他們認(rèn)為好的網(wǎng)頁(yè)收藏起來進(jìn)行參考，然后再根據(jù)需求做一些網(wǎng)頁(yè)效果圖。而我們自己在寫頁(yè)面代碼練習(xí)的時(shí)候，也是需要遵循這樣一個(gè)過程，先做一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)效果圖，這個(gè)在前面第三點(diǎn)已經(jīng)說過具體怎么操作，你可以根據(jù)自己情況來。接著，我們通過所學(xué)的知識(shí)技能后，開始寫網(wǎng)站頁(yè)面，所以這個(gè)時(shí)候，我們就需要多看各種優(yōu)秀網(wǎng)站的布局與源碼。例如，我們想做一個(gè)自己的個(gè)人博客的話，我們就需要去看各種各樣的個(gè)人博客網(wǎng)站，看他們的頁(yè)面布局，網(wǎng)站源碼，以及網(wǎng)頁(yè)色彩的搭配等等。

03、刻意練習(xí)，模仿別人的站點(diǎn)，將頁(yè)面實(shí)現(xiàn)還原網(wǎng)站頁(yè)面的代碼實(shí)現(xiàn)都是根據(jù)網(wǎng)頁(yè)設(shè)計(jì)效果圖來做的，如果你實(shí)在不想學(xué)習(xí)PS的話，覺得我前面說的那樣做，有點(diǎn)麻煩的話，又想節(jié)約學(xué)習(xí)時(shí)間，那我建議你就直接模仿別人的站點(diǎn)來進(jìn)行頁(yè)面布局代碼的練習(xí)。我這里說的模仿別人的站點(diǎn)，不是說讓你鼠標(biāo)右鍵另存為，也不是照搬別人的代碼，而是參考他人的頁(yè)面設(shè)計(jì)效果，自己寫HTML布局，寫CSS樣式，寫JavaScript交互效果。如果實(shí)在寫不出來，你可以查看一下別人的源碼，直接按鍵盤【F12】審查元素，看看別人怎么寫的，千萬不要復(fù)制別人的代碼，一定要自己一行一行的敲出來，這樣你才會(huì)有印象?？桃饩毩?xí)模仿別人的站點(diǎn)，最基本的原則就是不要照搬別人的代碼，要多自己想想，怎么做簡(jiǎn)單，怎么實(shí)現(xiàn)可以更好，需要有自己的思維方式。我們采用刻意練習(xí)模仿別人站點(diǎn)頁(yè)面的目的，是為了幫助我們快速提高網(wǎng)站制作的學(xué)習(xí)效率。因?yàn)槟悴挥萌プ鲈O(shè)計(jì)圖，從而節(jié)約了大量時(shí)間。但是，在實(shí)際工作中，大部分企業(yè)都會(huì)有專業(yè)設(shè)計(jì)師出設(shè)計(jì)效果圖。而有的企業(yè)，就不一定了。有的時(shí)候，在某些企業(yè)，你接到了項(xiàng)目，還會(huì)要求出一個(gè)頁(yè)面實(shí)現(xiàn)效果圖。所以我建議你在學(xué)習(xí)網(wǎng)站制作的時(shí)候，一邊學(xué)習(xí)網(wǎng)站代碼的同時(shí)，也簡(jiǎn)單學(xué)習(xí)一下PS基礎(chǔ)操作，這個(gè)對(duì)你肯定是非常有用的。

總結(jié)原本這節(jié)內(nèi)容是要給大家介紹一些關(guān)于網(wǎng)站制作中，經(jīng)常出現(xiàn)的一些名詞，但是在開始寫這節(jié)內(nèi)容的時(shí)候，我就做了一些調(diào)整，我想，我們應(yīng)該先來聊一聊我們?cè)诰W(wǎng)站制作中，需要學(xué)習(xí)掌握的一些知識(shí)技能，這樣便于我們后面的使用。關(guān)于專業(yè)名詞的介紹，我就在后面的內(nèi)容中，遇到了，我們?cè)俳榻B說明，就不特意這樣安排一節(jié)內(nèi)容來介紹了，畢竟專門弄一節(jié)內(nèi)容來講一些專業(yè)名詞也是挺枯燥的。