我們都知道，一個(gè)網(wǎng)站其實(shí)是有很多很多個(gè)網(wǎng)頁(yè)文件構(gòu)成的，這些文件彼此互相鏈接；而一個(gè)網(wǎng)頁(yè)文件又是由很多很多的各種各樣的代碼構(gòu)成的，有文字顏色代碼、有鏈接代碼、有插入圖片的代碼、有動(dòng)畫(huà)代碼等；正是因?yàn)橛辛诉@些代碼將圖片、鏈接、動(dòng)畫(huà)等調(diào)用在了網(wǎng)頁(yè)文件上，所以一個(gè)網(wǎng)頁(yè)才顯得很漂亮，才顯得功能強(qiáng)大。要獨(dú)立一個(gè)人從無(wú)到有的做好一個(gè)漂亮甚至功能強(qiáng)大的網(wǎng)頁(yè)，需要涉及到很多東西，比如界面設(shè)計(jì)、基本的架構(gòu)等。

        但是，即使不會(huì)這些，你也一樣可以開(kāi)始做一個(gè)漂亮的網(wǎng)站。就好像在學(xué)校里的時(shí)候不會(huì)寫(xiě)作文，語(yǔ)文老師一向都是說(shuō)，“不會(huì)就去多看，然后模仿人家寫(xiě)”。做網(wǎng)站也是一樣，既然自己無(wú)法完全做設(shè)計(jì)，那就從山寨別人的網(wǎng)站開(kāi)始吧。在一邊山寨別人的網(wǎng)站的同時(shí)，一邊熟悉和學(xué)習(xí)一下基本的HTML代碼，高手就是這么不斷的“山寨”過(guò)來(lái)的。我這里說(shuō)的山寨其實(shí)就是仿站，要知道仿站做好了也是一樣可以賺錢的，現(xiàn)在有不少CMS的官網(wǎng)上都有很多人需要仿站；所謂仿站，就是將某一個(gè)你喜歡的網(wǎng)站樣式保存下來(lái)，然后修改里面的內(nèi)容，最后發(fā)布到自己的空間，這樣就可以建立一個(gè)和那個(gè)網(wǎng)站界面一樣的網(wǎng)站。今天我要給大家做演示的是我們阿里媽媽的版主baoway的網(wǎng)站：http://www.tb-so.cn/，之所以用他這個(gè)網(wǎng)站來(lái)做演示，是因?yàn)樗@個(gè)網(wǎng)站的頁(yè)面只有一個(gè)首頁(yè)，工作量比較小，仿下來(lái)后可以直接用來(lái)做一個(gè)網(wǎng)站；同時(shí)他這個(gè)網(wǎng)站的內(nèi)容也比較少，不是很復(fù)雜，新手動(dòng)手的話也很簡(jiǎn)單。

第一步：保存對(duì)方的網(wǎng)頁(yè)

        首先，我們進(jìn)入他的網(wǎng)站。因?yàn)槲覀円鲆粋€(gè)和他這個(gè)網(wǎng)站一模一樣的網(wǎng)站，所以首先我們將他的頁(yè)面保存在我們自己的電腦上。步驟是：點(diǎn)擊IE瀏覽器上的“文件”、“另存為”，如下圖所示：

        然后在彈出來(lái)的對(duì)話框中選擇你要保存到的文件夾，同時(shí)在保存類型上選擇“網(wǎng)頁(yè)，全部（*htm，*html）”，然后點(diǎn)“保存”。這樣就可以將這個(gè)網(wǎng)頁(yè)上的所有內(nèi)容都保存到我們自己的電腦上了，包括圖片和一些JS文件等。如下圖所示：

        保存下來(lái)之后，你會(huì)發(fā)現(xiàn)保存到的地方有一個(gè)網(wǎng)頁(yè)文件和一個(gè)文件夾：

        同時(shí)現(xiàn)在也可以雙擊用瀏覽器打開(kāi)這個(gè)網(wǎng)頁(yè)文件，這個(gè)時(shí)候在IE瀏覽器上瀏覽，你會(huì)發(fā)現(xiàn)樣式和他的網(wǎng)站上的有點(diǎn)不一樣。別急，仔細(xì)看你就會(huì)發(fā)現(xiàn)其實(shí)只是少了一些背景圖片而已。這是因?yàn)檫@些圖片都是在CSS文件里調(diào)用的，所以沒(méi)有辦法直接下載保存到本地；而有一些可以顯示的圖片是直接用代碼插入到網(wǎng)頁(yè)上的，所以可以直接被保存。

第二步，修改相關(guān)文件的路徑

        現(xiàn)在打開(kāi)那個(gè)文件夾，你會(huì)發(fā)現(xiàn)里面有圖片、CSS文件和JS文件等。其中tongji.js和tongji.gif是他網(wǎng)站上的統(tǒng)計(jì)代碼的文件，對(duì)我們自己沒(méi)用，可以直接刪除，剩下的就都是有用的了。同時(shí)還有兩個(gè)CSS文件，文件名是“style.css”和“css.css”（什么是CSS？，不了解的請(qǐng)點(diǎn)擊學(xué)習(xí)）。網(wǎng)頁(yè)文件中剩下的沒(méi)有顯示的背景圖片，就在這些CSS文件里。我們打開(kāi)這兩個(gè)CSS文件，就可以在里面的代碼里看到那些背景圖片的路徑了，然后保存下來(lái)就可以了。

        例如，打開(kāi)style.css這個(gè)文件，里面有一段代碼為“BACKGROUND: url(seach.gif) ”，這就表示背景圖片是seach.gif。但是這只是相對(duì)路徑（什么是相對(duì)路徑？點(diǎn)擊瀏覽），所以我們還要通過(guò)看這個(gè)CSS文件的路徑來(lái)找這個(gè)圖片的絕對(duì)地址。打開(kāi)http://www.tb-so.cn/的首頁(yè)，查看源碼可以看到，style.css文件的路徑是http://www.tb-so.cn/images/style.css ，于是可以確定這個(gè)背景圖片seach.gif的地址就是http://www.tb-so.cn/images/seach.gif。找到了圖片的地址，就可以直接將圖片保存下來(lái)了，最好保存在上面保存網(wǎng)頁(yè)的時(shí)候所產(chǎn)生的那個(gè)文件夾里，這樣便于管理。

        注意：不同的CSS路徑里面的圖片路徑可能不一樣，所以你需要仔細(xì)檢查每一個(gè)CSS文件里的路徑，一行一行代碼的看，然后將所以圖片保存下來(lái)。我這里只列了一個(gè)例子，自己多練，多思考，遇到不懂的多搜索學(xué)習(xí)，多提問(wèn)。記住：熟能生巧，這沒(méi)多少技術(shù)含量?？床欢a的，下載一個(gè)谷歌金山詞霸翻譯軟件，一段一段的翻譯，基本能明白代碼的意思。

        將所有的背景圖片都保存下來(lái)之后，只要路徑正確，瀏覽就沒(méi)有問(wèn)題。在這里給對(duì)路徑不了解的新手一個(gè)訣竅，將圖片和CSS文件保存在同一個(gè)文件夾里，然后將CSS里面文件的背景圖片路徑一律修改成文件名就可以了，這樣就是正確的路徑。比如，在css.css文件里里“BACKGROUND: url(images/hd.png) ”，這段代碼表示背景圖片是保存在images文件夾的，只要將其修改成“BACKGROUND: url(hd.png) ”，然后將hd.png圖片和css.css文件保存在同一個(gè)文件夾就可以了。

        最后，由于第一步中保存下來(lái)的網(wǎng)頁(yè)文件和文件夾名都是中文的，什么需要將其修改才能在網(wǎng)站上被訪問(wèn)。首先將網(wǎng)頁(yè)文件修改成index.htm，因?yàn)閕ndex.htm是默認(rèn)的首頁(yè)文件（什么是默認(rèn)首頁(yè)文件？，點(diǎn)擊瀏覽），只有修改成了默認(rèn)首頁(yè)文件在輸入網(wǎng)址之后才能打開(kāi)我們的網(wǎng)站；然后再將那個(gè)存放CSS文件和圖片的文件夾修改成你想要的文件夾名，這個(gè)名字可以隨便修改，只要是英文字母或數(shù)字就可以，我這里將其改為css，如下圖所示：

第三步，修改網(wǎng)頁(yè)文件里的內(nèi)容

        將前面的準(zhǔn)備工作都做好了之后，就是做最后的修改網(wǎng)頁(yè)文件里的內(nèi)容了，也就是將其修改成我們自己要的內(nèi)容。這里我們需要使用到Dreamweaver軟件，沒(méi)有的請(qǐng)到http://283303360.qupan.com/4935111.html下載，這是我的網(wǎng)盤。如果對(duì)Dreamweaver軟件還不會(huì)使用的，請(qǐng)看Dreamweaver視頻教程。

1）、修改網(wǎng)頁(yè)的標(biāo)題等信息：

        用 Dreamweaver軟件打開(kāi)index.htm文件，將Dreamweaver軟件的界面切換到“拆分”模式，這樣就可以在上部分看到代碼，在下部份看到網(wǎng)頁(yè)界面了。首先需要修改的是：

<TITLE>掏寶網(wǎng)_taobao上掏寶_淘寶網(wǎng)2億優(yōu)質(zhì)商品搜索專家！</TITLE>
<META content=掏寶網(wǎng)，淘寶網(wǎng),淘搜索 name=keywords>
<META content=掏寶網(wǎng)是淘寶taobao.com的合作網(wǎng)站｜掏寶網(wǎng)是提供淘寶網(wǎng)（taobao）2億優(yōu)質(zhì)商品搜索專家,淘搜索擁有搜索商品、比較商品等功能，幫助用戶輕松找到低價(jià)正品，為全球用戶提供2億優(yōu)質(zhì)特價(jià)淘寶網(wǎng)商品搜索，讓網(wǎng)民更便捷地獲取購(gòu)物信息找到所求商品。 name=description>

<TITLE>是網(wǎng)站標(biāo)題，keywords是網(wǎng)頁(yè)關(guān)鍵字，最后一個(gè)description是網(wǎng)頁(yè)描述。只要將里面的文字內(nèi)容修改成你自己的就可以了。然后就是修改代碼里的CSS文件的路徑，找到：

<LINK href="掏寶網(wǎng)_taobao上掏寶_淘寶網(wǎng)2億優(yōu)質(zhì)商品搜索專家！_files/style.css" type=text/css rel=stylesheet>
<LINK href="掏寶網(wǎng)_taobao上掏寶_淘寶網(wǎng)2億優(yōu)質(zhì)商品搜索專家！_files/css.css" type=text/css rel=stylesheet>

        這兩段代碼，將其路徑修改成這兩個(gè)CSS文件所存放的路徑，也就是將前面的“掏寶網(wǎng)_taobao上掏寶_淘寶網(wǎng)2億優(yōu)質(zhì)商品搜索專家！_files”修改成你放圖片和css文件的那個(gè)文件夾名就可以，我這里修改成css。以上代碼修改后如下圖所示：

        將以上內(nèi)容修改好了之后，在Dreamweaver下面的“屬性”面板處有一個(gè)“刷新”按鈕，點(diǎn)擊刷新后在下半部分就可以看到頁(yè)面的樣式了。接下來(lái)就可以開(kāi)始修改網(wǎng)頁(yè)的內(nèi)容了。

2）、修改網(wǎng)頁(yè)內(nèi)容

        網(wǎng)頁(yè)內(nèi)容包括圖片、文字動(dòng)畫(huà)等信息。我們先以圖片為例。在Dreamweaver的預(yù)覽區(qū)中，無(wú)法顯示的圖片一般都顯示為。在Dreamweaver中無(wú)法顯示的圖片又有兩種：一種是網(wǎng)絡(luò)圖片地址，因?yàn)镈reamweaver不能像IE那樣訪問(wèn)互聯(lián)網(wǎng)，如果是這樣的圖片可以不用理會(huì)，等傳到網(wǎng)站空間后就可以顯示了；另一種是圖片地址出錯(cuò)或不存在，這就需要修改圖片的地址了，方法如下：

        在Dreamweaver的預(yù)覽區(qū)點(diǎn)擊無(wú)法顯示的圖片，此時(shí)該圖片就會(huì)被選中，同時(shí)在代碼區(qū)該圖片的調(diào)用代碼也會(huì)自動(dòng)被選中，如下圖所示：

        此時(shí)你可以通過(guò)修改代碼來(lái)修改圖片的地址，也可以通過(guò)修改上圖中紅框內(nèi)的內(nèi)容來(lái)修改圖片的地址。其中“源文件”就是圖片的地址，因?yàn)槲业膱D片是保存在css文件夾的，所以我將其修改成“css/logo.gif”；下面的“鏈接”就是這張圖片所要鏈向的地址，我這里不想給這張圖片加鏈接，所以留空，你可以加上鏈接，如果是鏈向網(wǎng)絡(luò)的絕對(duì)地址記得要使用帶http://的完整地址。修改好后點(diǎn)擊“文件”》“保存”，這樣就將修改好的保存起來(lái)了，用瀏覽器打開(kāi)這個(gè)網(wǎng)頁(yè)文件就可以瀏覽到修改后的樣式和內(nèi)容。

        文字的修改和圖片修改的方法一樣，同樣是先在預(yù)覽區(qū)選中要修改的文字，然后在代碼區(qū)就可以看到這段文字的代碼，在“屬性”面板可以看到文字的屬性（包括字體、樣式、顏色、是否有鏈接等）。如果要修改文字的內(nèi)容，就像在Word里打字一樣直接輸入你要的文字即可。所以，文字的修改我就不講了，大家自己動(dòng)動(dòng)手舉一反三的多思考思考。

        這樣幾個(gè)步驟就可以輕而易舉的將整個(gè)網(wǎng)站修改成自己的了，修改好保存后將所以文件（包括網(wǎng)頁(yè)文件和圖片等）上傳到你的空間，這樣就可以訪問(wèn)了。今天只是講了怎么將別人的網(wǎng)站修改成自己的網(wǎng)站，通過(guò)這個(gè)方法你就可以自己去山寨任何一個(gè)你想要的網(wǎng)站了。

        通過(guò)這樣的方法雖然可以做到想要哪個(gè)網(wǎng)站的樣式就要哪個(gè)網(wǎng)站，但是這樣做的每一個(gè)網(wǎng)頁(yè)都是全靜態(tài)的，要做內(nèi)容更新的話就需要去修改這些文件；還有的人需要發(fā)布文章等，那么這樣簡(jiǎn)單的網(wǎng)站就實(shí)現(xiàn)不了了。那該怎么辦呢？請(qǐng)看明天的帖子——新手建站每日一帖⑧：輕松打造一個(gè)文章站。