静态网页设计说明书

常州信息职业技术学院课程设计说明书

课题名称：静态网页设计

专业班级：

学生学号：

学生姓名：

指导教师：

一、课程设计任务书

二、网站规划

1、网站主题(说明完整的功能、内容)

美汇园食品厂企业网站。可以在网站上察看公司简介，产品展示，美汇园食品厂的联系方式等信息。也可以察看中秋溯源，中秋习俗，关于月饼的小知识。

本网站提供在线订单和留言板功能，方便顾客与我们联系，和购买本公司产品。

三、网站的基本结构

四、网站设计效果图

1. 网站首页网站首页

联系

我们

产品展示留言板

公司简介在线

订单

中秋

溯源

中秋

习俗

关于

月饼

酥皮月饼

鸡蛋

糕

小面

包

桃酥

2. 公司简介子页

3. 产品展示子页

4. 在线订单子页

5.留言板子页

6. 联系我们子页

7、中秋溯源子页8中秋习俗子页

9关于月饼子页

10、模板

1、

2、3、

五、课程设计小结（不少于150字）

时间过的很快，转眼间《静态网页制作》的课程已经结束了。在这短短的半个学期中，我对静态网页制作的软件三剑客有了一定的认识。最后通过到网上查找资料，老师的指导，和运用自己所学过的知识，顺利制作了美汇园食品厂企业的网站。

在做自己的网站之前，首先要明确自己要做网站的主题和功能，然后再通过Internet网上查找一些好看的网页模板作为自己网站的参考。

找好主题和模板之后就要开始做网站了。首先是网站首页的排版，我现在纸上大体的构造了一下首页的布局，然后再用dreamweaver 软件新建首页，通过插入表格的方式进行布局。也可以将找到的网站模版导入到fireworks中，通过做切片的方式，然后导出，图片统一放到一个文件夹里。不过这种方法导出来之后，再通过dreamweaver编辑之后，可能会由于尺寸的问题，网页会裂开。所以我选择了表格的布局方式。运用dreamweaver软件做网站一定要先建立一个站点，然后在站点中做网页，如果不建站点，那自己做的网页中的图片或其他的素材在另一台机器上不一定能完全显示。

布局完成之后，可以通过fireworks 制作网页中的logo和菜单栏的图片，利用Flash 制作动画素材。然后把素材统一都放到站点文件夹下的images文件夹中。方便利用dreamweaver 插入到网页中。首页做好之后，再另存为模板，插入可编辑区域来制作子页。在制作表单时，整个表单要在两个红线之间。

素材的尺寸也是很重要的。总之做网页不像想象中的那样简单，需要自己的细心和耐心。