网页制作这个代表的是什么意思是不是就是我ps把网站样子设计出来就算完事了呢？不要笑很多网络公司招聘的技术就是这么干的.对于类似客户真的是一万点伤害!

如果想真的了解网页设计,那你必须得了解一个叫做div+css的东东！

一脸懵逼的你不需要特别在意这个名词，Div+css是什么？

你且听我把它翻译成大多数人能听得懂的语言:

div+css是网站布局方式就相当于人现有骨架和各个零件然后再穿上漂亮衣服装饰变成一个不同的个体

Div：是一个常见网页布局结构。它取代传统的表格布局方式。（骨架和零件）

Css :是给网站进行美化和修饰。（相当于人的衣服、鞋子、帽子等修饰自己的东西）

例如：我们把div比喻成一个人的话,那么css 就是给这个人穿上华丽的外衣.

上面我也说道很多人就以为自己会了ps就敢应聘网页设计人员，不要搞错了！你们不是同行哦，请不要误入！

那么Div+css布局的优势是什么呢？

这样写代码精简，提高页面的下载速度，有利于搜索引擎的优化。

一个网站开发完成后。用户通过"百度搜索"的方式获得该网站信息，若要用传统的表格布局。会造成网页页面很乱，不利于百度的搜索和查找。

结构与样式分离，方便前端开发人员与后台程序开发人员分工协调。

一个完整的网站由前端开发人员和后台程序开发人员相互配合来完成。

前端人员负责网站页面的设计和布局。后台程序开发人员负责网站功能开发（如：文件上传）

若结构和样式没有分开，不利于前端开发人员与后台程序开发人员的后续工作。

看完这段代码后有何感想？有人会问div是什么？class是什么？con是什么？ Style 是什么？

Div ：是网页布局标签。

Class：规定元素的类名（classname）。就是给某一个div起名字。

Ps :div 的名字可以随便起。

< div class="con"> 是说我定义了一个div并且给这div起了一个名字叫"con

Style：位于 head 部分。它的出现是要我们告诉浏览器我要给一个叫con的东西规定样式。比如。一个叫con的div它的宽是多少？高是多少？颜色是什么？

是不是跃跃欲试准备来亲自动手做网站设计,所以明白了上述再去做网页制作；

没有我们想象的那么难，赶紧加入百事讯吧！