当前位置:首页>>建站资讯

做网页模板,先别急着写代码。打开浏览器,找十个你看着顺眼的网站。截图。把头部、导航、区、页脚用方框圈出来。你会发现,大部分网站骨架差不多。

从找参考、画草图到写结构、调样式,分步讲普通人能上手的网页模板做法;

小编

接着拿张纸,画格子呗。哪块放logo,哪块放菜单,哪块是广告位。留白比塞满重要。手机端就一列,电脑端分两三列。想清楚再动手。

打开代码编辑器。新建一个html文件。先把结构搭好,用div标签分块。给每块起个看得懂的名字,比如header、main、footer。别用拼音,也别用abc。

样式写在css文件里。颜色选两三个就够,字体别超过两种。边距用统一数值,比如16px、24px。这样改起来省事。

公共部分单独拎出来。比如导航和页脚,每个页面都一样。以后改一处,全站跟着变。这叫省力气。

最后一点拿真实往里填。别用“一”“二”这种假字。填上真文字,你会发现哪块太挤,哪块太空。调。

做完存成模板文件。下次做新页面,复制一份,改改文字就行。


返回顶部