一个网页需要满足三点:结构(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代码的书写方式和语法规则,函数的编写和引用,变量及内置对象的概念,然后是输出方式。
制作网页最重要的是思维,好的思维可以事半功倍,顺着清晰的思维编写是很轻松的事。一个网页的构造不是一蹴而就的,需要细心地编写,耐心的调试,让网页趋于完美,让用户赏心悦目体验度爆表。