dede(織夢(mèng))網(wǎng)站前端仿站步驟教程
給大家分享一下秀站網(wǎng)原創(chuàng)的如何用DEDE仿站以及在仿站過(guò)程中用到的仿站工具的介紹。
我們?cè)谌粘g覽網(wǎng)站的過(guò)程中,經(jīng)常會(huì)看到UI設(shè)計(jì)非常好的網(wǎng)站又感覺(jué)適合自己的行業(yè),如果讓美工按照目標(biāo)網(wǎng)站進(jìn)行出圖后切圖制作程序,那時(shí)間上和功夫上都花費(fèi)很多,尤其是一些信息站和企業(yè)站,我們的目的就是快速仿照下來(lái)并把里面的內(nèi)容做成自己的,很多讀者和站長(zhǎng)都有這個(gè)需求,我們今天一起來(lái)學(xué)習(xí)一下用DEDE仿站這個(gè)技能吧。
首先我們要選取一個(gè)目標(biāo)網(wǎng)站,再次小編就用我們的秀站網(wǎng)(www.jb51.net)的一個(gè)頁(yè)面作為要仿照的目標(biāo)網(wǎng)站來(lái)做例子:
目標(biāo)網(wǎng)頁(yè):https://www.jb51.net/network/585443.html
1、我們首先點(diǎn)擊鼠標(biāo)右鍵,選擇“查看源文件”這個(gè)選項(xiàng)。
2、在源文件里找到這個(gè)目標(biāo)網(wǎng)站用到的CSS樣式表
3、找到樣式表是因?yàn)楹芏嗑W(wǎng)站都是把圖片和圖表寫(xiě)在樣式表里,導(dǎo)致你在另存為網(wǎng)頁(yè)的時(shí)候回查找不到那些CSS里的圖片。
4、我們拿到樣式表的鏈接以后,接下來(lái)我們需要用工具來(lái)把樣式表里的圖片找到并下載下來(lái)。在這邊小編為大家推薦cssdown[CSS圖片抓取大師]這個(gè)軟件,非常的小,用起來(lái)也很方便。在這里我們也給大家講解了如何使用這個(gè)軟件。參閱:
5、拿到CSS里面的圖片以后,我們要做一個(gè)全局性的工作,就是在文件夾里面我們建立images、CSS、JS,這3個(gè)重要的目錄。
6、現(xiàn)在直接把目標(biāo)網(wǎng)站另存為網(wǎng)頁(yè),這樣在里面就能看到這個(gè)目標(biāo)網(wǎng)頁(yè)的CSS和JS文件,以及沒(méi)有寫(xiě)到CSS里的圖片。我們把它們整理后放到剛才整理的對(duì)應(yīng)文件夾里。
7、然后我們建立一個(gè)對(duì)應(yīng)編碼的index.htm文件,把剛才第一步查看源文件的所有內(nèi)容,復(fù)制到這里,然后保存。
8、現(xiàn)在修改這個(gè)index.htm文件里面的CSS和JS以及圖片的路徑,這個(gè)沒(méi)有什么好的捷徑可走,需要我們手動(dòng)進(jìn)行操作,或者用文件進(jìn)行批量替換(前提是我們的目標(biāo)網(wǎng)站圖片路徑都相同),我們把CSS、JS、IMAGE的路徑都修改成./這樣的格式。
9、然后我們進(jìn)行樣式表的檢查和index.htm里圖片文件路徑的檢查后,雙擊就可以看到我們仿下來(lái)的目標(biāo)網(wǎng)站的UI界面了。
10、大家根據(jù)自己做網(wǎng)站的頁(yè)面數(shù)量可以按照這個(gè)步驟和方法全部仿照下來(lái)。
我們?cè)谶@里給大家主要講的是用DEDE仿站的系列教程,當(dāng)我們把前段頁(yè)面都按照這個(gè)步驟仿照下來(lái)以后,剩下的就是把DEDE里面的調(diào)用標(biāo)簽對(duì)應(yīng)的寫(xiě)進(jìn)去就可以了。
上一篇:如何讓DEDE標(biāo)簽輸出的指定欄目新窗口打開(kāi)
欄 目:dedecms
下一篇:織夢(mèng)DedeCms的安全問(wèn)題解決辦法(安全設(shè)置)
本文標(biāo)題:dede(織夢(mèng))網(wǎng)站前端仿站步驟教程
本文地址:http://mengdiqiu.com.cn/a1/dedecms/12265.html
您可能感興趣的文章
- 08-05dede:channel currentstyle 失效問(wèn)題,調(diào)用子級(jí)欄目后就無(wú)效
- 08-05網(wǎng)站底部版權(quán)符號(hào)怎么打出來(lái)?
- 08-05Dedecms文件目錄結(jié)構(gòu)解說(shuō)(能知道織夢(mèng)每個(gè)文件有什么用)
- 08-05Dedecms5.7版ckeditor網(wǎng)頁(yè)編輯器添加中文字體
- 08-05織夢(mèng)DedeCMS獲取當(dāng)前欄目文章數(shù)量
- 08-05織夢(mèng)模板如何添加和調(diào)用自定義字段的方法
- 08-05DedeCMS后臺(tái)模塊列表顯示空白的解決辦法
- 08-05DedeCMS自定義字段圖片調(diào)用的問(wèn)題{dede:img ...}解決方法
- 08-05織夢(mèng)DedeCMS調(diào)用顯示discuz里面主題的方法
- 08-05限制織夢(mèng)會(huì)員每天投稿數(shù)量方法


閱讀排行
- 1C語(yǔ)言 while語(yǔ)句的用法詳解
- 2java 實(shí)現(xiàn)簡(jiǎn)單圣誕樹(shù)的示例代碼(圣誕
- 3利用C語(yǔ)言實(shí)現(xiàn)“百馬百擔(dān)”問(wèn)題方法
- 4C語(yǔ)言中計(jì)算正弦的相關(guān)函數(shù)總結(jié)
- 5c語(yǔ)言計(jì)算三角形面積代碼
- 6什么是 WSH(腳本宿主)的詳細(xì)解釋
- 7C++ 中隨機(jī)函數(shù)random函數(shù)的使用方法
- 8正則表達(dá)式匹配各種特殊字符
- 9C語(yǔ)言十進(jìn)制轉(zhuǎn)二進(jìn)制代碼實(shí)例
- 10C語(yǔ)言查找數(shù)組里數(shù)字重復(fù)次數(shù)的方法
本欄相關(guān)
- 08-05dede:channel currentstyle 失效問(wèn)題,調(diào)用子
- 08-05網(wǎng)站底部版權(quán)符號(hào)怎么打出來(lái)?
- 08-05Dedecms文件目錄結(jié)構(gòu)解說(shuō)(能知道織夢(mèng)
- 08-05織夢(mèng)DedeCMS獲取當(dāng)前欄目文章數(shù)量
- 08-05Dedecms5.7版ckeditor網(wǎng)頁(yè)編輯器添加中文
- 08-05織夢(mèng)模板如何添加和調(diào)用自定義字段
- 08-05DedeCMS后臺(tái)模塊列表顯示空白的解決辦
- 08-05DedeCMS自定義字段圖片調(diào)用的問(wèn)題{de
- 08-05織夢(mèng)DedeCMS調(diào)用顯示discuz里面主題的方
- 08-05限制織夢(mèng)會(huì)員每天投稿數(shù)量方法
隨機(jī)閱讀
- 01-10使用C語(yǔ)言求解撲克牌的順子及n個(gè)骰子
- 01-10delphi制作wav文件的方法
- 08-05dedecms(織夢(mèng))副欄目數(shù)量限制代碼修改
- 01-11Mac OSX 打開(kāi)原生自帶讀寫(xiě)NTFS功能(圖文
- 01-10C#中split用法實(shí)例總結(jié)
- 08-05DEDE織夢(mèng)data目錄下的sessions文件夾有什
- 01-10SublimeText編譯C開(kāi)發(fā)環(huán)境設(shè)置
- 04-02jquery與jsp,用jquery
- 08-05織夢(mèng)dedecms什么時(shí)候用欄目交叉功能?
- 01-11ajax實(shí)現(xiàn)頁(yè)面的局部加載