做网页模板,先别急着写代码。拿张纸,画三个框:页头、区、页脚。页头放logo和导航,区留白,页脚塞版权和联系方式。就这么简单。
本文介绍做网页模板的简单步骤:画结构、写HTML、加CSS、复制改,强调先能用再好看。
打开编辑器,新建一个HTML文件。先写结构,别管好看难看。用div把三个区域圈出来,给每个div起个名,比如header、main、footer。名字用英文,别用拼音。
接着写CSS。把每个div的宽度设成100%,高度先空着。页头加个背景色,区给点内边距,页脚居中。字体用系统默认的,别折腾。
想换颜色?改背景色和文字色就行。想换布局?把div的宽度调调,或者加个float。别一上来就搞弹性盒子,那玩意儿容易晕。
做完一个页面,复制一份,改改。这就是模板。下次做新页面,直接拿这个改,省事。
别追求完美。先让页面能看,再让它好看。改十遍不如发出去让人骂一遍。
记住:模板是拿来用的,不是拿来供的。能改,能套,能跑,就行。

