作為一個(gè)建站新手,經(jīng)常看見(jiàn)別人的網(wǎng)站就覺(jué)得高大上,但是用網(wǎng)上下載的PageAdmin CMS模板,由于沒(méi)有前端基礎(chǔ),所以又改不出我喜歡的樣子,那怎么辦呢?今天我們就來(lái)說(shuō)說(shuō)如何把你喜歡的網(wǎng)站仿制出來(lái)!
1、安裝PageAdmin CMS首先到PageAdmin CMS官方網(wǎng)站下載PageAdmin程序,下載后參考官方幫助中心的安裝配置教程,先在自己電腦上配置好運(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)有限制)打開(kāi)網(wǎng)頁(yè),我用的是360,所以按照360的名稱(chēng)來(lái)說(shuō)明,點(diǎn)擊右上角的文件,保存網(wǎng)頁(yè),在保存類(lèi)型上選擇全部,這樣在桌面上就下載下來(lái)一個(gè)html文件和一個(gè)文件夾。
在根目錄新建一個(gè)模板文件夾,在模板文件夾下新建一個(gè)名字為style的文件夾,把下載的文件夾中的CSS/JS類(lèi)的文件統(tǒng)統(tǒng)剪切到style文件夾中。
至此,剛才下載的html文件和文件夾就可以放入回收站了!
5、下載網(wǎng)頁(yè)圖片下載圖片要用到的工具就是上面說(shuō)到的緩存圖片查看器,這就需要大家用有IE內(nèi)核的瀏覽器打開(kāi)被選中網(wǎng)站的首頁(yè),為了避免出現(xiàn)問(wèn)題,我直接選用了IE瀏覽器,瀏覽器的要設(shè)置成兼容模式。
打開(kāi)緩存圖片查看器,刷新首頁(yè),把首頁(yè)的網(wǎng)址復(fù)制到緩存圖片查看器,點(diǎn)擊列出圖片,再點(diǎn)擊全部圖片,然后存盤(pán)即可,記住保存的路徑!
在模板文件夾下再新建文件夾,命名為images,把緩存下來(lái)的圖片都放入這個(gè)文件夾中,這一步就算是完成了!
6、制作頁(yè)面在頁(yè)面右擊鼠標(biāo),查看網(wǎng)頁(yè)源代碼,打開(kāi)DW,新建一個(gè).html文件,把網(wǎng)頁(yè)源代碼全部復(fù)制進(jìn)來(lái),這里要注意的是代碼的類(lèi)型是UTF8還是GBK,如果不相符,要通過(guò)頁(yè)面設(shè)置進(jìn)行修改,建議都保存為utf8格式!
7、修改調(diào)用因?yàn)槲覀冇玫氖荘ageAdmin CMS的后臺(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ì)大家有幫助!
掃描二維碼推送至手機(jī)訪(fǎng)問(wèn)。
版權(quán)聲明:本文由信途科技轉(zhuǎn)載于網(wǎng)絡(luò),如有侵權(quán)聯(lián)系站長(zhǎng)刪除。
轉(zhuǎn)載請(qǐng)注明出處http://macbookprostickers.com/xintu/23796.html