網(wǎng)頁(yè)模版，個(gè)人網(wǎng)站建設(shè)入門(mén)知識(shí)

本文講述了一個(gè)靜態(tài)網(wǎng)站的設(shè)計(jì)到重構(gòu)到架設(shè)全部流程，教程需要懂一點(diǎn)HTML代碼，沒(méi)有這個(gè)基礎(chǔ)的可以簡(jiǎn)單看一下，了解別人如何把你的圖片運(yùn)用到網(wǎng)站上。

我又粗現(xiàn)了，是不是被大大的驚喜了一個(gè)，哎喲我去那滿(mǎn)臉憤怒的表情是神馬情況，咳咳咳我知道我知道，太久沒(méi)有獻(xiàn)上我寶貴的節(jié)操了是不是。

啊，嗯，閑話(huà)少敘，各位五湖四海三山五岳的好漢和姑娘們，你們真的沒(méi)被我驚喜到嗎？啊哈啊哈啊哈哈哈哈~~~啊~~~別打臉~~~

好吧，吶，休息了這么一段時(shí)間，就讓本盟主帶大家繼續(xù)八卦一下東邪DIV和西毒CSS之間那些猥瑣的事吧。來(lái)來(lái)，關(guān)門(mén)，放狗哦不，放DW。。。

<點(diǎn)圖片看大圖>tgudhdp.cn

嘛，上次咱們折騰出了這么一個(gè)奇葩的東西，是不是感覺(jué)很慘，嗯，感覺(jué)很正確。不過(guò)沒(méi)關(guān)系啦，咱們這次就讓她“豐滿(mǎn)”起來(lái)。下面的童鞋有木有跟我一起想歪的，有木有有木有。

上次咱們建立了。。。嘛。。。等我數(shù)一下。。。啊是9個(gè)區(qū)域，有可能童鞋們建了678個(gè)，不過(guò)不要在意這些細(xì)節(jié)，按照自己的設(shè)計(jì)來(lái)就是了。

下面按照之前說(shuō)的區(qū)域，我們要把設(shè)計(jì)好的東西放進(jìn)這些DIV里，正所謂切圖是也，江湖人稱(chēng)最高武功秘籍《葵花寶典》，切得越深入功夫越高潮，只是錯(cuò)別字而已表想多嘿嘿嘿。

在切圖前，首先得說(shuō)一下其實(shí)這個(gè)功夫也有分級(jí)的，低級(jí)的部分叫做“神速一刀切”，高級(jí)的部分叫做“雕花神手”，其間難度不可同日而語(yǔ)，自然學(xué)成后功力也天差地別，望各位江湖好友慎重選擇。

是不是特有盟主風(fēng)范，呵呵呵，呵呵呵呵呵

OK，先從低級(jí)別的講起，這個(gè)簡(jiǎn)單內(nèi)容少嘎嘣脆。

先貼個(gè)我的設(shè)計(jì)稿。

<點(diǎn)圖片看大圖>

我們可以看到，區(qū)域一一對(duì)應(yīng)，設(shè)計(jì)的時(shí)候我們應(yīng)該要想到，做成網(wǎng)頁(yè)的時(shí)候要怎么去分區(qū)域?qū)崿F(xiàn)，而且能夠保證設(shè)計(jì)質(zhì)量的情況下能夠盡量簡(jiǎn)單的實(shí)現(xiàn)出來(lái)。嘛，當(dāng)然對(duì)于新手來(lái)說(shuō)現(xiàn)在說(shuō)這個(gè)貌似然并卵，不過(guò)這很重要，請(qǐng)牢記，這也是為神馬設(shè)計(jì)師要學(xué)習(xí)這些鬼代碼的原因。

好的，現(xiàn)在打開(kāi)你的設(shè)計(jì)稿，我們來(lái)“神速一刀切”。

在PS中，選擇“切片工具”，和剪切圖標(biāo)在一個(gè)組里