Dreamweaver CC 网页设计与制作(微课版)
上QQ阅读APP看书,第一时间看更新

1.2.2 方案实现

在方案实现的中期,首先要结合前期的准备工作制作栏目策划书,再根据策划书设计页面方案,方案设计完成后制作静态和动态网页,最后按照整体规划进行集成和整合。

1.栏目策划

对收集的相关信息进行整理后,要找出重点,根据重点以及公司业务的侧重点,结合网站定位来确定网站的栏目。开始时可能会因为栏目较多而难以确定最终需要的栏目,这就需要展开另一轮讨论,需要所有的设计和开发人员在一起阐述自己的意见,一起反复比较,将确定下来的内容进行归类,形成网站栏目的树状列表,用以清晰表达站点结构。

对于比较大的网站,可能还需要讨论和确定二级栏目以下的子栏目,对它进行归类,并逐一确定每个二级栏目的主页面需要放哪些具体的内容,二级栏目下面的每个小栏目需要放哪些内容,让栏目负责人能够很清楚地了解本栏目的细节。讨论完以后,就应由栏目负责人来按照讨论过的结果写栏目规划书。栏目规划书要求写得详细具体,并有统一的格式,以便网站留档。这次的策划书只是第一版本,以后在制作的过程当中如果出现问题,应及时修改该策划书,并且也需要留档。

2.页面设计

现在需要做的就是让美术设计师(也称为美工)根据每个栏目的策划书来设计页面。这里需要再次指出,在设计之前,应该让栏目负责人把需要特殊处理的地方跟设计人员讲明。在设计页面时,设计师要根据策划书把每个栏目的具体位置和网站的整体风格确定下来。为了让网站有整体感,应该在网页中放置一些贯穿性的元素,最终要拿出至少3种不同风格的方案。每种方案应该考虑到公司的整体形象,与公司的精神相结合。确定设计方案后,经讨论后定稿,最后挑选出两种方案交给客户选择,由客户确定最终的方案。

3.网页制作

方案设计完成以后,下一步是实现静态页面,由制作人员负责根据设计师给出的设计方案制作出网页,并制作成模板。在这个过程中需要特别注意网站页面之间的逻辑,并区分静态页面和需要服务器端实现的动态页面。

在制作页面的同时,栏目负责人应该开始收集每个栏目的具体内容并整理。模板制作完成后,由栏目负责人向每个栏目里面添加具体内容。对于静态页面,将内容添加到页面中即可;对于需要服务器端编程实现的页面,应交由编程人员继续完成。

为了便于理解,在这里举一个例子,以区分动态页面和静态页面的含义。例如,某个公司的网站需要展示1 000种商品,每个页面中展示10种商品。如果只用静态页面来制作,那么一共需要100个静态页面,在日后需要修改某商品的信息时,需要重新制作相应的页面,修改得越多,工作量就越大。如果借助于服务器端的程序,制作为动态页面,例如使用ASP技术,只需要制作一个页面,然后把1 000种商品的信息存储在数据库中。页面根据浏览者的需求调用数据库中的数据,动态地显示这些商品信息。需要修改商品信息时,只要修改数据库中的数据即可。

4.网站整合

当静态与动态网页制作完成后,根据网站的目录结构使用树状和星状链接将每个页面条理清晰地整合并链接起来,使浏览者既可以便捷地浏览页面,又可以清晰准确地找到相关信息,提高浏览效率。在整合完成之后,要对目录层次及链接的页面进行检查,对存在的问题及时修改调整。