文章目录
显示
这节课,我们来学习企业主题首页的仿制。
上节课,我们已经分析了目标网站。现在,我们开始仿制它的首页,仿制的方法非常简单:
“右键”-“另存为”
在桌电脑面上,新建一个名为“company”文件夹,用于存放所有仿制的页面。
保存的文件名改为index,因为我们需要用它作为首页。
选择“网页,全部”:
保存后,来到桌面上,打开它:
发现它和原始网站有一些区别,我们来对比下:
下载过来之后,很多的背景图片都丢失了。所以首先,我们需要把背景图片补充完整。
怎么找到你想要的背景图片呢?
“右键”-“检查” 在右边的style样式里找到“background”的属性,里面有链接,“右键”-“新标签页”打开就是了:
把新标签页下的图片,另存为到刚刚下载的网页文件夹中:
这时,再回到静态首页刷新,你会看到背景图片就出现了。
同样,这里的菜单背景图片也需要按照上面的方式保存起来:
那原理就是这个,你可以按照这个对比,找到所有的不同的地方对应的不同的背景图片,然后下载,
这里,我们来学习更快的方法:
所有其它的图片都按这种方式下载:
当我们本地的静态页面打开之后和目标网站一模一样,就说明我们放置成功了。
修改图片文件夹的名称
接着,我们还需要把图片文件夹的名称改为:images
因为wordpress的所有的图片都是存放在images文件夹里面的。这样方便管理。
替换所有的文件路径
修改之后,所有图片的路径也需要跟着修改:
用notepad++打开,全部替换即可。
再次来到网站前台刷新,这样企业网站首页的仿照就成功了,应该来说还是比较简单的。