一个网站是怎么制作出来的
"一个网站是怎么制作出来的?是不是用了很巨大上的技能?"
这是大多数童鞋经常会产生的疑问
网页制作并非大家想的那样用了巨大上的技能。其实网站制作很简单,是由一个叫div+css来搞定的
Div+css是什么?
div+css是网站布局方法
Div:是一个常见网页布局结构。它替代传统的表格布局方法。(就相当于人的骨架和各个零件)
Css :是给网站进行美化和润饰。(相当于人的衣服、鞋子、帽子等润饰自己的东西)
例如:咱们把div比方成一个人的话,那么css 便是给这个人穿上华丽的外衣。
Div+css布局的优势是什么呢?
这样写代码精简,提高页面的下载速度,有利于查找引擎的优化。
一个网站开发完结后。用户通过"百度查找"的方法获得该网站信息,若要用传统的表格布局。会形成网页页面很乱,不利于百度的查找和查找。
结构与样式别离,便利前端开发人员与后台程序开发人员分工和谐。
一个完好的网站由前端开发人员和后台程序开发人员相互配合来完结。
前端人员担任网站页面的规划和布局。后台程序开发人员担任网站功能开发(如:文件上传)
若结构和样式没有分隔,不利于前端开发人员与后台程序开发人员的后续工作。
看完这段代码后有何感想?有人会问div是什么?class是什么?con是什么? Style 是什么?
Div :是网页布局标签。
Class:规则元素的类名(classname)。便是给某一个div起名字。
Ps :div 的名字可以随意起。
< div class="con"> 是说我定义了一个div并且给这div起了一个名字叫"con"
Style:位于 head 部分。它的出现是要咱们告知浏览器我要给一个叫con的东西规则样式。比如。一个叫con的div它的宽是多少?高是多少?颜色是什么?