15.1 策划构思及设计流程

本例以制作一个肿瘤医生的个人主页为主导，系统详细地介绍个人主页的制作全过程。整个准备过程中的流程如下：根据客户需求→制作网站策划→准备所需素材→创建网页布局→创建CSS样式→制作首页模板→制作子页模板→案例扩展分析→测试上传。全面讲解分析该网站，目的是可以让读者深入理解个人网站的制作方法，并熟练使用Dreamweaver工具快速建立个人网站。本案例所使用的素材及最终网页文件全部在配书光盘的anli_1文件夹中。为了尊重肖像权，将网站中医生的照片用另外的图片替代。

15.1.1 客户需求

应客户的要求，为余医生建立一个个人网页，用以与患者之间进入交流。建立了这个互动的平台，可以随时发表一些自己的生活感悟和预防疾病的常识。

客户需要有一个独立的顶级域名和网站空间，对于界面主体色调，前期建立没有提出要求，图片要求以向阳花为主。

15.1.2 网站策划

根据客户的要求，参照网上一些医生主页的样式，为该网站策划了如下栏目。

● 个人介绍：介绍余医生的相关资历和职称等个人情况。

● 临床实践：介绍临床中治疗的一些案例及分析。

● 肿瘤知识：介绍关于肿瘤的一些常识。

● 生活感悟：记录生活中的一些随感和心情。

● 健康问答：与患者交互的留言反馈平台。

网站的内容严肃而不失生动，网站的整体风格采用800×600分辨率的界面样式，深粉色为主。为吸引浏览者停留，采用现今网络上流行的CSS样式、Flash等技术进行网站的静态和动态页面设计，优美协调的色调再配以动听的背景音乐，给浏览者留下深刻的印象。

15.1.3 网站结构规划

在正式创建网站之前，先规划网站目录的结构，然后再策划网页结构和布局，最后再确定网页的内容编排。这样做可以方便站点的管理和维护。本案例制作完成之后的目录结构和网页文件名称如图15.1所示。

15.1.4 准备所需素材

在制作网站的过程中，需要图片、文字资料和Flash动画素材。一般情况下，可以使用Photoshop制作各种图片，用ImageReady来切割图片，用Flash和Swish2相结合来制作Flash动画文件。本案例中所使用的图片都是用Photoshop制作的，动画中所使用的文字动画由Swish2制作完成，如图15.2所示。