标签：需要 架构 css选择器 体验 表单验证 语法规则 规则 思维 选择器
一个网页需要满足三点：结构(HTML)样式(CSS) 行为(JavaScript)。而制作网页前需要一个代码编辑器，现在用的两个编辑器EditPlus、sublime，我一般选择sublime这个懒人编辑器-.-。制作网页最重要的是思维，好的思维可以事半功倍，顺着清晰的思维编写是很轻松的事。要清楚的明白自己要做什么，步骤是怎样的。
做网页就像建造房子，首先要有地基，HTML的编写就像是地基。HTML的编写：要清楚HTML的构造，HTML的编写规则，标签的属性等。其中有几点需要特别注意：表格标记及其属性、文本标记及其属性、链接(有绝对路径和相对路径)、表单标记及其属性。
然后是房子的整体框架，常用div+CSS来实现网页的框架构造，div标签可以设置高度，所以用来构造框架。而DIV这个标签又比较特别，它具有独占一行的性质，所以又要用到浮动(float)让它浮动来使框架更美观。CSS主要是用来给HTML网页来设置外观，比如这个网页里面的文本有多大、文字的属性、网页的背景颜色等，这些外观的效果统一都需要使用CSS来进行设置。然后再用HTML去填充内容。CSS的编写：CSS语法规则，CSS选择器的选择，CSS属性(特别注意定位属性，"子绝父相"，CSS的浮动和清除浮动)。
平房底层建筑可以用HTML来实现，但随着技术的进步，底层的建筑满足不了需求。地基框架完成了就需要让它有实用性，所以需要JS来进行完善，JS相当于房子的家具和用品，更大的网页制作(高楼大厦)一般都是通过JS来实现，可以节省很多代码编写，特别是Bootstrap的出现更是让代码的编写变得简洁。JS一般是用来进行表单验证、网页特效的实现，JS的编写：要清楚JS代码的书写方式和语法规则，函数的编写和引用，变量及内置对象的概念，然后是输出方式。
制作网页最重要的是思维，好的思维可以事半功倍，顺着清晰的思维编写是很轻松的事。一个网页的构造不是一蹴而就的，需要细心地编写，耐心的调试，让网页趋于完美，让用户赏心悦目体验度爆表。
标签：需要 架构 css选择器 体验 表单验证 语法规则 规则 思维 选择器
原文地址：http://www.cnblogs.com/gwbbk/p/6055840.html
