无动画网页设计与制作实训指导书

《网页设计与制作》实训指导书

一、实训目的

1． 进一步熟悉和掌握网站建设的基本流程和技术规范；

2． 巩固运用Dreamweaver网页制作软件制作网页； 3． 巩固运用Fireworks或Photoshop图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识； 4． 巩固综合运用Dreamweaver、Fireworks(Photoshop)、flash三个软件完成网站建设任

务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 5． 具备独立撰写实训报告等科技文件的基本能力；

6． 在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识； 7． 为今后从事网站开发、维护和管理奠定基础。

二、实训任务

1． 站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上搜索相关资料（图

片、文字等）。 2． 进行主页设计。构思主页布局，进行主页标题图片的设计，进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。 3． 网页设计。除主页以外的网页设计，要求包含网页模版设计，一部分网页由模版生成，一部分为单独设计（依据实际需要确定哪些网页由模版生成，确定哪些网页单

独设计）。包括版面设计和图形设计、内容录入等。 4． 综合优化。链接正确、得当，动态效果好（时间轴动画、行为等） 5． 网站测试并递交。在浏览器中对完成的网站逐页打开测试，包括链接正确与否，页

面打开时间，图片和动画是否丢失等。

三、实训要求

1．站点结构与命名。

站点文件夹为学号姓名(如：101404127 李晶)

站点文件夹中所包含文件夹：Images （存放图片文件） Templates（存放模版文件）

其余视文件夹需要而添加，全部用英文命名 站点文件夹中所包含文件： index （首页）

其文件余视需要而添加，全部用英文命名

2．网站题材选择。

建立专题网站，主题内容自定，网站标题自拟。要求内容积极向上、充实、健康。

如：校园网站、旅游网站、商务网站、文章网站、体育网站等。 3．网站技术要求。

①网页布局可采用框架、表格等布局方式，要求布局合理，色彩和谐，链接正确，图文并茂。网站页面大小应该满足800*600分辨率的客户，兼顾1024*768分辨率。 ②所需要的图片动画等素材可以来源于网络（文件名称不得使用网络下载名称），但

要经过自己的编辑设计，合理应用。

③必须且合理使用动态技术（包括行为、时间轴动画等），必须且合理运用模版. 站点中网页总数不少于8页。结构为(仅为参考)：

主页 栏目1 栏目2 栏目3 栏目4 栏目5 内容1 内容2

四、实训计划（时间安排） 周次 课号 1 2 3-5 6 7 8 9 10 11 12 13 授 课 章 节、主 要 内 容 教师布置实训任务。学生阅读实训指导书，理解并接受任务。 站点规划，搜集资料 主页设计——主页布局，主页标题图形、图形设计、文字图片的插入以及整体优化 网站其他网页的设计----栏目1（包括网页、图形设计） 栏目2（包括网页、图形设计） 栏目3（包括网页、图形设计） 栏目4（包括网页、图形设计） 栏目5（包括网页、图形设计） 网页设计——网页模版设计及用模版统一网页 网站页面的综合优化——布局设计、图形图像设计、颜色基调设计 综合优化——链接、动态效果等，网站测试 时数 2 2 6 2 2 2 2 2 2 2 2 2 备注 14-15 撰写实训报告书

四、实训步骤与指导

1．教师布置实训任务：实训目的、实训要求、实训时间安排、进度安排等。

2．学生在明确任务的基础上，开始网站设计的构思和准备。

3．学生进行网站设计。对存在的共性问题，教师作集体解答，对个性问题，个别解决。 4．对所学知识归纳整理，提高网站设计的实际能力。 5．撰写实训报告，教师作指导。

五、实训评分标准

网页设计 30分

图形设计 15分 整体效果 15分 实训报告 20 纪律、出勤率等 20分