給大家分享一下素材無憂原創(chuàng)的如何用DEDE仿站以及在仿站過程中用到的仿站工具的介紹。

我們在日常瀏覽網(wǎng)站的過程中，經(jīng)常會看到UI設(shè)計非常好的網(wǎng)站又感覺適合自己的行業(yè)，如果讓美工按照目標(biāo)網(wǎng)站進(jìn)行出圖后切圖制作程序，那時間上和功夫上都花費很多，尤其是一些信息站和企業(yè)站，我們的目的就是快速仿照下來并把里面的內(nèi)容做成自己的，很多讀者和站長都有這個需求，我們今天一起來學(xué)習(xí)一下用DEDE仿站這個技能吧。

首先我們要選取一個目標(biāo)網(wǎng)站，再次小編就用我們的素材無憂（www.jb51.net）的一個頁面作為要仿照的目標(biāo)網(wǎng)站來做例子：

目標(biāo)網(wǎng)頁：https://www.jb51.net/network/585443.html

1、我們首先點擊鼠標(biāo)右鍵，選擇“查看源文件”這個選項。

2、在源文件里找到這個目標(biāo)網(wǎng)站用到的CSS樣式表

3、找到樣式表是因為很多網(wǎng)站都是把圖片和圖表寫在樣式表里，導(dǎo)致你在另存為網(wǎng)頁的時候回查找不到那些CSS里的圖片。

4、我們拿到樣式表的鏈接以后，接下來我們需要用工具來把樣式表里的圖片找到并下載下來。在這邊小編為大家推薦cssdown[CSS圖片抓取大師]這個軟件，非常的小，用起來也很方便。在這里我們也給大家講解了如何使用這個軟件。參閱：

5、拿到CSS里面的圖片以后，我們要做一個全局性的工作，就是在文件夾里面我們建立images、CSS、JS，這3個重要的目錄。

6、現(xiàn)在直接把目標(biāo)網(wǎng)站另存為網(wǎng)頁，這樣在里面就能看到這個目標(biāo)網(wǎng)頁的CSS和JS文件，以及沒有寫到CSS里的圖片。我們把它們整理后放到剛才整理的對應(yīng)文件夾里。

7、然后我們建立一個對應(yīng)編碼的index.htm文件，把剛才第一步查看源文件的所有內(nèi)容，復(fù)制到這里，然后保存。

8、現(xiàn)在修改這個index.htm文件里面的CSS和JS以及圖片的路徑，這個沒有什么好的捷徑可走，需要我們手動進(jìn)行操作，或者用文件進(jìn)行批量替換（前提是我們的目標(biāo)網(wǎng)站圖片路徑都相同），我們把CSS、JS、IMAGE的路徑都修改成./這樣的格式。

9、然后我們進(jìn)行樣式表的檢查和index.htm里圖片文件路徑的檢查后，雙擊就可以看到我們仿下來的目標(biāo)網(wǎng)站的UI界面了。

10、大家根據(jù)自己做網(wǎng)站的頁面數(shù)量可以按照這個步驟和方法全部仿照下來。

我們在這里給大家主要講的是用DEDE仿站的系列教程，當(dāng)我們把前段頁面都按照這個步驟仿照下來以后，剩下的就是把DEDE里面的調(diào)用標(biāo)簽對應(yīng)的寫進(jìn)去就可以了。