一起学习网,一个一起免费的网络建站教程资源共享和seo教程、黑帽教程学习交流的学习网站,www.17xuexiwang.com,一起学习,共同进步!

织梦仿站视频教程下载,目标页面元素分析

时间:2017-04-04 09:57   文章来源:一起学习网   访问次数:

  这节课开始学习织梦仿站过程中的前端页面的仿制,首先在仿前端页面之前我们要学会分析,分析目标站有几个需要仿制的页面,因为一个网站的页面数量都非常的庞大,有的网站页面都会有很多的页面。所以说我们要明白我们要仿制的页面有多少个。

  我们在看目标站的时候,我们要挨个的看下所有的页面,有哪几个模板,我们看下这个网站,首页用的是一个模板,其次这种公司的介绍页和产品的展示页可以共用一套模板,他们的样式是一样的,虽然里面的文字图片不一样,但是整体的结构是一样的。比如左边是导航,右边是详细的内容。还有咱们看一下产品展示,产品展示列出了产品列表,这个和首页 和内容页都不一样,这个就需要用一个独立的模板来做。新闻中心是一个个标题的列表,这个和刚刚说的首页内容页产品展示页也不一样,所以也需要单独分为一个页面。我们点进去详细的新闻里面的布局都是一样的。各个元素的位置都是一样的。文章页面的模板都是一样的,只是我们后面放一个变量进去,他可以调出不同的内容,是这么一个过程。

  总结一下我们要仿哪些页面:一、首页。二、公司简介,相当于咱们新闻的内容页,这两个页面结构都差不多。三、产品展示产品列表页。四、新闻中心,普通的文章列表页。总共分为这四档页面。把这四个页面仿制出来之后这个网站基本就可以搭建了。

  接下来我们仿站我们要知道我们要仿哪些内容,首先咱们要分析一下这个页面有说什么元素,这个里面有文字和图片,这是两个基本的元素,这个在仿制的过程中,要把这两项全部拿下来的,还有js文件,js文件是控制一些特效的,比如一些轮播和来回切换,然后还有动画和视频文件,这个动画和视频文件不是所有网站都有的,我们要根据具体情况具体分析。还有一个很重要的css的文件样式,div和css,如果说有学习过html的,都知道css是用来控制样式的,比如文字的大小,颜色和位置等,都是用css来控制的,所以说css这个文件也是非常重要的。

  对页面进行了元素分析之后,我们就可以开始来扒这个页面了。我们简单的看一下这个页面,在他的头部源代码里面可以看到,有css的引用,也有js的引用,一般来说,在保存页面的时候,这两个都是要保存到本地的。

头部的js样式和css样式

上一篇:织梦零基础建站视频教程环境搭建和织梦程序安装
下一篇:没有了

今日话题更多>

  • 关爱,我们一直都在 关爱,我们一直都在 是谁,伤你伤得这么深? 满目疮痍,痛彻心扉! 是谁,害你害得这么疼? 扒开皮肉,看见骨髓! 是你,无情的抖颤, 多少幸福的家庭毁于一旦! 是你,无律的震裂, 多少鲜活生命无……
  • 八月 一个多彩的季节 八月 一个多彩的季节 流火的七月 多像一位多情的少女 喜怒无常的心事 把热情如火的浪漫 伤心失意的情泪 演绎得惊天动地 终于完成了考验 慵懒的 踏着轻柔的西风 谢幕了季节的舞台 八月 是位巧手……
  • 我是农民的儿子 我是农民的儿子 我是农民的儿子 一手的老茧 传承了父辈的榜样 满脸的幽黑 映证了岁月洗礼的沧桑 我是农民的儿子 春天亲手播下希望的种子 精心呵护 细致培养 只待那秋后硕果磊磊 余粮满仓 ……

黑帽学习 更多 >>