作為一個建站新手,經(jīng)常看見別人的網(wǎng)站就覺得高大上,但是用網(wǎng)上下載的PageAdmin CMS模板,但是沒有前端基礎,所以又改不出我喜歡的樣子,那怎么辦呢?今天我們就來說說如何把你喜歡的網(wǎng)站仿制出來!
1、安裝PageAdmin CMS
首先到PageAdmin CMS官方網(wǎng)站下載PageAdmin程序,下載后參考官方幫助中心的安裝配置教程,先在自己電腦上配置好運行環(huán)境,然后安裝,官方教程還是很給力的,需要的軟件直接提供下載地址。
2、選定自己喜歡的網(wǎng)站
這步就是要選擇你想要仿制的網(wǎng)站,并且要防止的頁面地址!對大家來說,這一步是最簡單的!
3、準備仿站需要的工具
這里要用到的工具有四樣:IE瀏覽器、DW、仿站工具、緩存圖片查看器
4、保存網(wǎng)頁
用瀏覽器(這個瀏覽器可以不用IE,沒有限制)打開網(wǎng)頁,我用的是360,所以按照360的名稱來說明,點擊右上角的文件,保存網(wǎng)頁,在保存類型上選擇全部,這樣在桌面上就下載下來一個html文件和一個文件夾。
在根目錄新建一個模板文件夾,在模板文件夾下新建一個名字為style的文件夾,把下載的文件夾中的CSS/JS類的文件統(tǒng)統(tǒng)剪切到style文件夾中。
至此,剛才下載的html文件和文件夾就可以放入回收站了!
5、下載網(wǎng)頁圖片
下載圖片要用到的工具就是上面說到的緩存圖片查看器,這就需要大家用有IE內核的瀏覽器打開被選中網(wǎng)站的首頁,為了避免出現(xiàn)問題,我直接選用了IE瀏覽器,瀏覽器的要設置成兼容模式。
打開緩存圖片查看器,刷新首頁,把首頁的網(wǎng)址復制到緩存圖片查看器,點擊列出圖片,再點擊全部圖片,然后存盤即可,記住保存的路徑!
在模板文件夾下再新建文件夾,命名為images,把緩存下來的圖片都放入這個文件夾中,這一步就算是完成了!
6、制作頁面
在頁面右擊鼠標,查看網(wǎng)頁源代碼,打開DW,新建一個.html文件,把網(wǎng)頁源代碼全部復制進來,這里要注意的是代碼的類型是UTF8還是GBK,如果不相符,要通過頁面設置進行修改,建議都保存為utf8格式!
7、修改調用
因為我們用的是PageAdmin CMS的后臺,所以很多后臺內容(如新聞,產(chǎn)品,留言等等)都是直接用cms自帶的標簽調出來的,這個就需要參考一下官方的模板制作教程,都是固定語法,沒有什么難度,主要就是熟悉模板制作的一些規(guī)則。
并且一些文件的路徑不對,會導致頁面的錯亂,所以我們要用仿站工具,把其中的內容進行調用,包括CSS文件,也是需要修改的。
到這里一個網(wǎng)站頁面的初步仿制就基本完成了,希望對大家有幫助!
我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!