2015-09-10 分類: 網(wǎng)站建設(shè)
作為一個(gè)建站新手,經(jīng)??匆妱e人的網(wǎng)站就覺(jué)得高大上,但是用網(wǎng)上下載的CMS模板,但是沒(méi)有前端基礎(chǔ),所以又改不出我喜歡的樣子,那怎么辦呢?今天創(chuàng)新互聯(lián)就來(lái)說(shuō)說(shuō)如何把你喜歡的網(wǎng)站仿制出來(lái)!
1、安裝CMS
首先到CMS官方網(wǎng)站下載程序,下載后參考官方幫助中心的安裝配置教程,先在自己電腦上配置好運(yùn)行環(huán)境,然后安裝,官方教程還是很給力的,需要的軟件直接提供下載地址。
2、選定自己喜歡的網(wǎng)站
這步就是要選擇你想要仿制的網(wǎng)站,并且要防止的頁(yè)面地址!對(duì)大家來(lái)說(shuō),這一步是最簡(jiǎn)單的!
3、準(zhǔn)備仿站需要的工具
這里要用到的工具有四樣:IE瀏覽器、DW、仿站工具、緩存圖片查看器
4、保存網(wǎng)頁(yè)
用瀏覽器(這個(gè)瀏覽器可以不用IE,沒(méi)有限制)打開網(wǎng)頁(yè),我用的是360,所以按照360的名稱來(lái)說(shuō)明,點(diǎn)擊右上角的文件,保存網(wǎng)頁(yè),在保存類型上選擇全部,這樣在桌面上就下載下來(lái)一個(gè)html文件和一個(gè)文件夾。
在根目錄新建一個(gè)模板文件夾,在模板文件夾下新建一個(gè)名字為style的文件夾,把下載的文件夾中的CSS/JS類的文件統(tǒng)統(tǒng)剪切到style文件夾中。
至此,剛才下載的html文件和文件夾就可以放入回收站了!
5、下載網(wǎng)頁(yè)圖片
下載圖片要用到的工具就是上面說(shuō)到的緩存圖片查看器,這就需要大家用有IE內(nèi)核的瀏覽器打開被選中網(wǎng)站的首頁(yè),為了避免出現(xiàn)問(wèn)題,我直接選用了IE瀏覽器,瀏覽器的要設(shè)置成兼容模式。
打開緩存圖片查看器,刷新首頁(yè),把首頁(yè)的網(wǎng)址復(fù)制到緩存圖片查看器,點(diǎn)擊列出圖片,再點(diǎn)擊全部圖片,然后存盤即可,記住保存的路徑!
在模板文件夾下再新建文件夾,命名為images,把緩存下來(lái)的圖片都放入這個(gè)文件夾中,這一步就算是完成了!
6、制作頁(yè)面
在頁(yè)面右擊鼠標(biāo),查看網(wǎng)頁(yè)源代碼,打開DW,新建一個(gè).html文件,把網(wǎng)頁(yè)源代碼全部復(fù)制進(jìn)來(lái),這里要注意的是代碼的類型是UTF8還是GBK,如果不相符,要通過(guò)頁(yè)面設(shè)置進(jìn)行修改,建議都保存為utf8格式!
7、修改調(diào)用
因?yàn)槲覀冇玫氖荂MS的后臺(tái),所以很多后臺(tái)內(nèi)容(如新聞,產(chǎn)品,留言等等)都是直接用cms自帶的標(biāo)簽調(diào)出來(lái)的,這個(gè)就需要參考一下官方的模板制作教程,都是固定語(yǔ)法,沒(méi)有什么難度,主要就是熟悉模板制作的一些規(guī)則。
并且一些文件的路徑不對(duì),會(huì)導(dǎo)致頁(yè)面的錯(cuò)亂,所以我們要用仿站工具,把其中的內(nèi)容進(jìn)行調(diào)用,包括CSS文件,也是需要修改的。
到這里一個(gè)網(wǎng)站頁(yè)面的初步仿制就基本完成了,希望對(duì)大家有幫助!
本文題目:CMS仿站教程,自己建網(wǎng)站其實(shí)很簡(jiǎn)單
網(wǎng)站地址:http://jinyejixie.com/news/36753.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信公眾號(hào)、小程序開發(fā)、搜索引擎優(yōu)化、虛擬主機(jī)、定制開發(fā)、網(wǎng)頁(yè)設(shè)計(jì)公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容