興元設(shè)計(jì)電腦IT培訓(xùn)學(xué)校

網(wǎng)頁(yè)設(shè)計(jì)的學(xué)習(xí)是個(gè)循序漸進(jìn)的過程，所以步驟很重要：

1、html。html是編輯網(wǎng)頁(yè)的基礎(chǔ)。是最簡(jiǎn)單，最基礎(chǔ)的，基本寫幾遍代碼就能理解。

2、table布局。table布局屬于html的內(nèi)容，但是是html 的重點(diǎn)，學(xué)會(huì)用table布局網(wǎng)頁(yè)，雖然table布局有點(diǎn)過時(shí)，但是很多時(shí)候很多用得到的地方。

3、divcss。這是網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)，寫好了，網(wǎng)上95%你見到的頁(yè)面都能自己寫出來了，當(dāng)然是靜態(tài)部分。divcss相對(duì)html 難度上升了一個(gè)等級(jí)，但是也不很難，只要耐心點(diǎn)研究也是可以學(xué)好的。float屬性和絕對(duì)定位相對(duì)定位是重點(diǎn)。

4、JavaScript/jquery。Javascript是網(wǎng)頁(yè)腳本語言，是實(shí)現(xiàn)網(wǎng)頁(yè)動(dòng)態(tài)效果的語言，使用JavaScript可以使網(wǎng)頁(yè)更加酷炫，有吸引力。比如網(wǎng)頁(yè)上的輪播圖，彈窗等都是用Javascript/jquery實(shí)現(xiàn)的

5、html5css3.響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)，是現(xiàn)在比較流行，也是一種趨勢(shì)，html5css3做成的頁(yè)面比較美觀大氣，也能適應(yīng)各個(gè)終端。html5是趨勢(shì)現(xiàn)在需求也是很大，學(xué)習(xí)好html5也是一個(gè)前端人員必備知識(shí)技能。

在圖像上疊加彩色蒙層：設(shè)計(jì)網(wǎng)頁(yè)時(shí)，有時(shí)會(huì)添加大圖像，直接向圖像添加文字可能會(huì)導(dǎo)致內(nèi)容不清晰。通過在圖像上添加品牌主題色的半透明蒙層，既能提供必要的對(duì)比度又能提升文本可讀性。

不要過度使用留白：“留白”這個(gè)手法在現(xiàn)代的設(shè)計(jì)中，應(yīng)用的也非常多。很多網(wǎng)頁(yè)設(shè)計(jì)師都不會(huì)吝嗇使用留白，在網(wǎng)頁(yè)中總能看到大量留白存在。但是當(dāng)同一系列的元素間存在過多的留白時(shí)，可能會(huì)破壞元素的整體性，導(dǎo)致元素之間缺乏關(guān)聯(lián)。

盡量突出設(shè)計(jì)重點(diǎn)：用戶在一個(gè)網(wǎng)頁(yè)的停留時(shí)間為10-20s，這就要求網(wǎng)站在10s內(nèi)必須清晰傳遞自己的價(jià)值。因此標(biāo)題文案要突出重點(diǎn)，用最少的時(shí)間來吸引用戶的注意力。

網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該具備哪些能力？