Div+CSS 3.0网页布局案例精粹
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.7.2 页面细化及实施

网页设计制作是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂的顺序来进行。所谓“先大后小”,是指在制作网页时,先把大的结构设计好,然后再把小的部分逐渐完善设计出来。所谓“先简单后复杂”,是指先设计出简单的内容,然后再将复杂的内容设计出来并完善,这样在出现问题时可方便进行修改。如果有一个好的网站策划与分工,后台程序可以和美工设计同时开展。

1.网页美工设计

美工设计人员应该在网站策划阶段就与客户充分接触,了解客户对网站设计的需求,以便在设计过程中有一个基调,从而提高设计稿的被认可率。

美工首先要对网站有一个整体的定位,然后再根据此定位分别做出首页、二级栏目及内容页的设计稿。

一般要设计1~3套不同风格的设计稿交由客户评审,然后再按需求设计出页面的设计图。

2.静态页面的制作

美工在设计好各个页面的效果图后,需要制作成HTML页面,以供后台人员将程序整合。静态页面的制作可分为以下3个步骤。

(1)观察。当看到一张网页设计稿时,首先要对设计稿进行仔细的观察,以确定该页面的制作方法,然后再对页面所需的素材进行切割。

(2)拆分。当对如何拆分设计图和组成HTML页面有了规划后,就可以将图纸拆分成需要的“素材”,以便在组装页面时使用。

(3)组装。组装就是把分离出来的元素,按照一定的方法组合成与设计图效果相似的页面。使用CSS布局方式制作网页一般包括构建层结构、插入内容、美化样式表、处理细节和优化样式表几个部分。

提示

很多时候设计图的实际情况会和之前的规划有些许差别,因此,用户应多注意尺寸的设定。

3.程序开发

程序开发人员可以先行开发功能模块,然后再整合到HTML页面内,也可以用制作好的页面进行程序开发。但是为了程序有很好地一致性和亲和力,仍然推荐先开发功能模块,然后再整合到页面中。