網(wǎng)頁模版，個人網(wǎng)站建設(shè)入門知識

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

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

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

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

<點圖片看大圖>m.theoat.com.cn

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

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

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

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

是不是特有盟主風范，呵呵呵，呵呵呵呵呵

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

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

<點圖片看大圖>

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

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

在PS中，選擇“切片工具”，和剪切圖標在一個組里