dede(織夢)網(wǎng)站前端仿站步驟教程

給大家分享一下腳本之家原創(chuàng)的如何用DEDE仿站以及在仿站過程中用到的仿站工具的介紹。
我們在日常瀏覽網(wǎng)站的過程中,經(jīng)常會看到UI設計非常好的網(wǎng)站又感覺適合自己的行業(yè),如果讓美工按照目標網(wǎng)站進行出圖后切圖制作程序,那時間上和功夫上都花費很多,尤其是一些信息站和企業(yè)站,我們的目的就是快速仿照下來并把里面的內(nèi)容做成自己的,很多讀者和站長都有這個需求,我們今天一起來學習一下用DEDE仿站這個技能吧。
首先我們要選取一個目標網(wǎng)站,再次小編就用我們的腳本之家(www.dbjr.com.cn)的一個頁面作為要仿照的目標網(wǎng)站來做例子:
目標網(wǎng)頁:http://www.dbjr.com.cn/network/585443.html
1、我們首先點擊鼠標右鍵,選擇“查看源文件”這個選項。
2、在源文件里找到這個目標網(wǎng)站用到的CSS樣式表
3、找到樣式表是因為很多網(wǎng)站都是把圖片和圖表寫在樣式表里,導致你在另存為網(wǎng)頁的時候回查找不到那些CSS里的圖片。
4、我們拿到樣式表的鏈接以后,接下來我們需要用工具來把樣式表里的圖片找到并下載下來。在這邊小編為大家推薦cssdown[CSS圖片抓取大師]這個軟件,非常的小,用起來也很方便。在這里我們也給大家講解了如何使用這個軟件。參閱:
5、拿到CSS里面的圖片以后,我們要做一個全局性的工作,就是在文件夾里面我們建立images、CSS、JS,這3個重要的目錄。
6、現(xiàn)在直接把目標網(wǎng)站另存為網(wǎng)頁,這樣在里面就能看到這個目標網(wǎng)頁的CSS和JS文件,以及沒有寫到CSS里的圖片。我們把它們整理后放到剛才整理的對應文件夾里。
7、然后我們建立一個對應編碼的index.htm文件,把剛才第一步查看源文件的所有內(nèi)容,復制到這里,然后保存。
8、現(xiàn)在修改這個index.htm文件里面的CSS和JS以及圖片的路徑,這個沒有什么好的捷徑可走,需要我們手動進行操作,或者用文件進行批量替換(前提是我們的目標網(wǎng)站圖片路徑都相同),我們把CSS、JS、IMAGE的路徑都修改成./這樣的格式。
9、然后我們進行樣式表的檢查和index.htm里圖片文件路徑的檢查后,雙擊就可以看到我們仿下來的目標網(wǎng)站的UI界面了。
10、大家根據(jù)自己做網(wǎng)站的頁面數(shù)量可以按照這個步驟和方法全部仿照下來。
我們在這里給大家主要講的是用DEDE仿站的系列教程,當我們把前段頁面都按照這個步驟仿照下來以后,剩下的就是把DEDE里面的調(diào)用標簽對應的寫進去就可以了。
相關(guān)文章
- 這篇文章給大家詳細介紹了關(guān)于dede中關(guān)于添加自定義屬性的完美解決方案,讓大家不需要添加N多欄目頁解決分類問題。2018-04-02
DedeCMS(織夢)判斷簡略標題為空則顯示完整標題的幾種方法
最近在工作中偶然發(fā)現(xiàn)了一個很好用的標簽,非常簡單但是非常適合大家在利用dedecms開發(fā)網(wǎng)站的時候使用,這篇文章主要給大家介紹了關(guān)于DedeCMS(織夢)如何判斷簡略標題為空2017-12-06- 本文給大家講解一下在DEDE仿站過程中我們推薦的工具“cssdown[CSS圖片抓取大師]”的使用技巧和步驟。2017-11-07
最新關(guān)于織夢DEDECMS文章排序方式及調(diào)用方法
這篇文章主要介紹了最新關(guān)于織夢DEDECMS文章排序方式及調(diào)用方法,方便文章列表按照我們的要求進行排序2017-09-16- 這篇文章主要為大家介紹了網(wǎng)站在通過dedecms后臺的模塊管理上傳插件后,不知道安裝了什么插件導致dedecms后臺的模塊管理空白,內(nèi)容全部不顯示,找到了解決辦法,特分享一下2017-09-16
dedecms文章keywords關(guān)鍵詞字數(shù)限制修改方法(同適用于描述)
這篇文章主要介紹了dedecms文章keywords關(guān)鍵詞字數(shù)限制修改方法(同適用于描述),需要的朋友可以參考下2017-09-16dede5.7自由列表不能獲取多個關(guān)鍵字解決方案
本篇文章給大家整理了徹底解決dede5.7自由列表不能獲取多個關(guān)鍵字的方法以及變通的使用技巧,有需要的朋友學習下。2018-04-02