这个是虚坏叔叔的主站。牢记域名: [xuhss.com](拼音首字母)。首页可以搜索或: 虚幻账号

wordpress仿站01-企业仿站目标网站分析

wordpress仿站 虚幻 638℃ 0评论

这节课,我们来学习企业主题的仿制:

首先我们来看下要仿制的目标网站:http://www.qxmesh.com/

对于这个企业网站,我们要分析它的页面结构是不是符合wordpress的要求,首先,一个企业模板所必须的页面有:

首页

wordpress首页 - wordpress仿站01-企业仿站目标网站分析

通过首页可以看到它的4个组成部分:header/sidebar/footer/内容/。

这样的首页是比较符合wordpress的要求。

产品图片页面

打开“产品中心”,他是以产品的图片展示为主,这里列出了非常多的产品图片,通过这些图片,是可以点击进入到具体的内容页面,这样的具体内容页面对应的就是wordpress中的文章内容页面-single.php。

wordpress产品详情页面 - wordpress仿站01-企业仿站目标网站分析

企业介绍页面

企业介绍页面只是单纯的一张页面,并没有其他的文章列表或者图片。所以它对应的是wordpress中的page页面。

wordpress企业介绍页面 - wordpress仿站01-企业仿站目标网站分析

新闻动态

新闻动态中式一系列文章标题的列表。

这也是不同于wordpress博客主题的地方。在这个栏目下面,主要以新闻列表展示为主。通过点击标题可以进入到文章的内容页面。也就是single.php。

wordpress新闻动态 - wordpress仿站01-企业仿站目标网站分析

那以上所讲的几个页面就是:首页/产品图片页/新闻列表页/文章内容页/page页/。

这5个页面的素材是我们做wordpress模板所必备的。所以,如果我们要仿制一个企业网站的话,就必须把这5个页面对应的静态页面全部仿制下来。

判断网站是否符合标准

页面的模板结构分析好后,我们还需要判断页面是否符合div+css标准:

那怎么看一个网站是否是div+css技术的呢?

打开首页:

在空白处,点击查看网页源代码:

通过源码,看到很多div的标签,所以这个网站是符合我们的要求的。

判断网站是否浏览器兼容

怎么判断浏览器是否都兼容呢?很简单,复制这个网站的网址,在不同的浏览器下访问。那这个网站在不同的浏览器下,没有出现错位的情况。

那以上就是判断网站是否符合仿制的标准的内容。后面的课程中,我们会对这个网站进行仿造。

 

 

转载请注明:虚坏叔叔 » wordpress仿站01-企业仿站目标网站分析

喜欢 (1)

您必须 登录 才能发表评论!