第一阶段网站设计实训指导书

电子商务网站建设课程实训第一阶段课题：静态网站开发

实训目的：

（1）使学生复习、巩固所学过的网页设计理论，并应用于项目的实际开发；

（2）强调理论联系实际、认真负责的工作态度；

（3）进一步训练学生的基本技能（如：搜集资料、图片、动画处理、DW操作发现与分析问题、寻求解决问题的方案等）；

（4）培养学生的团队意识，提高协作分工的能力。

课题设计内容：建设一个小型静态网站

一、总体策划要求

1. 确定网站主题

确定站点的目标是创建Web 站点时应该采取的第一步。明确的目标使我们可以集中注意力，针对特定的需要来设计和规划Web 站点。主题要求积极向上，最好与企业、学校及个人生活联系紧密。内容充实，符合法律道德等互联网规范。

2. 选择目标用户

确定了站点实现的目标之后，需要确定站点的浏览客户。创建世界上每个人都能使用的Web 站点是不可能的。人们的兴趣、爱好不同，因此需要确定目标用户，根据用户的特点来设计站点风格。

3. 组织站点结构

如果没有考虑文档在文件夹层次结构中的位置就开始创建文档，最终可能会导致一个充满了文件的臃肿混乱的文件夹，或导致相关的文件散布在许多名称类似的文件夹中。

设置站点的常规做法是在本地磁盘上创建一个包含站点所有文件的文件夹（称作本地站点），然后在该文件夹中创建和编辑文档。当准备好发布站点并允许公众查看时，再将这些文件上传到Web 服务器上。

组织站点结构时，应注意以下三个问题：

（1）将站点分类，把相关的页面放在同一文件夹中。

（2）将图像动画等素材放在指定的文件夹中，以便于文件的查找定位。例如，将所有图像放在Image 文件夹中，当在页面中插入图像时，就可以方便的找到它。

（3）本地站点和远程Web 站点应该具有完全相同的结构。如果使用Dreamweaver8创建本地站点，然后将全部内容上传到远程站点，则Dreamweaver 8确保在远程站点中精确拷贝本地结构。

4. 设计外观

页面布局和设计保持一致非常重要。如果不考虑板块设计，浏览者会觉得你的网站内容杂乱、无条理，先要考虑好自己设计的板块与链接结构；根据所需的站点布局外观，在实训报告本上画一个站点草图，以便以后建立站点时可以按照它来操作。如图1所示，是一个站点首页的设计布局图。（此图为一示例，实训网站布局由自己决定）

第1页下一页