网页设计与制作课程实训教学大纲

《网页设计与制作》课程实训教学大纲

课程名称：网页设计与制作实验学时：18

适用专业：全校本科课程类别：选修

一、实训教学任务与目的：

《网页设计与制作》是全校各专业的一门限定性选修课。综合介绍设计网站及网页制作方面的技术。主要内容包括：Dreamweaver简介；创建Web网站和Web页面；在页面中添加各种元素；网页超链接；表格、层、框架的灵活使用；Fireworks概述；文本、图片的创建及特效；图像处理优化；动画制作；制作网页的交互性等。通过本课程的学习，了解网页网站的基础知识；掌握网页制作的方法；学会综合使用多种工具，来创建和优化网站网页。为学生自学图形设计、多媒体制作及广告设计，今后进行网站的设计和开发打下良好的基础。

二、实训目的与基本要求：

要求通过实验训练，能熟练处理各种类型的数字化信息，掌握它们的应用，能熟练使用网页设计常用工具进行网页设计与网站开发创作的尝试。

实训要求：必做、选做

[实训一] 网页基本图形的制作方法

1、内容：

查看、熟悉Fireworks工作界面；设置“首选参数”对话框的基本项目。新建、打开、导入、导出Fireworks 文档，制作基本图形。导入位图，并进行基本编辑。创建热点、创建图像切片、为切片或热点附加行为。创建按钮与导航条。创建简单GIF 动画。

2、目标及要求：

掌握Fireworks 的基础操作方法，以及“首选参数”对话框的设置方法。掌握基本图形的制作方法。掌握制作按钮、导航条。掌握制作教师在课程演示的实例。

3、时间分配及进度安排：第1-3周，4学时。

4、教学的组织与实施：

教师用多媒体技术教学手段进行教学，教师在课程演示实例，提供一定数量的素材，使学生在掌握新知识技能的基础上进行实际训练，并利用课外时间进行创造性设计与训练。5、实验环境与设备

硬件：多媒体计算机

软件：windowsXP操作系统、Dreamweaver 8/Flash 8/Fireworke 8

[实训二] 网页的编辑与制作（一）

1、内容：

查看、熟悉Dreamweaver工作界面。设置“首选参数”对话框的基本项目。定义站点。、创建主页文件，并进行简单编辑。将文本、图像、日期、Flash 动画、水平线、文件头和脚本等插入网页。在网页中插入和编辑表格，使用表格精确控制网页元素的位置。创建内部、外部链接、创建E-mail 和下载链接、创建跳转菜单、利用热点为图片各部分创建链接。

2、目标及要求：

了解Dream weaver 的工作环境。掌握“首选参数”对话框基本设置方法。了解定义站点的基本方法。掌握定义站点的基本方法。牢记定义站点的重要性。掌握文本、图像和脚本等的插入方法。掌握表格的插入和编辑方法。掌握使用表格控制网页布局的方法。掌握统一资源定位地址（URL Uniform Resource Loactor）概念。掌握超级链接的方法。

3、时间分配及进度安排：第4-7周，5学时。

4、教学的组织与实施：

教师用多媒体技术教学手段进行教学，教师在课程演示实例，提供一定数量的素材，使学生在掌握新知识技能的基础上进行实际训练，并利用课外时间进行创造性设计与训练。

5、实验环境与设备

硬件：多媒体计算机

软件：windowsXP操作系统、Dreamweaver 8/Flash 8/Fireworke 8

[实训三] 网页的编辑与制作（二）

1、内容：

创建和保存框架网页、编辑框架网页。制作拼图游戏、制作鼠标经过图像、创建弹出消息框、设置打开广告网页、创建弹出式菜单、创建滚动字幕。创建、编辑新样式，重定义HTML 标签。创建外部样式表（文件）。建立网页与外部样式的链接。创建模板和库。应用模板和库。站点移动、发布。

2、目标及要求：

了解框架网页概念。了解框架网页的基本编辑方法。掌握与层有关的操作（设置）方法。、掌握利用“行为”面板添加、编辑行为的方法。

了解CSS 的基本概念。掌握“新建CSS 样式”对话框的使用方法。掌握应用样式的方法。含网页与外部样式的链接。了解模板和库的创建应用方法。了解创建模板；修改模板更新文档。

3、时间分配及进度安排：第8-14周，5学时。

4、教学的组织与实施：

教师用多媒体技术教学手段进行教学，教师在课程演示实例，提供一定数量的素材，使学生在掌握新知识技能的基础上进行实际训练，并利用课外时间进行创造性设计与训练。

5、实验环境与设备

硬件：多媒体计算机

软件：windowsXP操作系统、Dreamweaver 8/Flash 8/Fireworke 8

四、考核方法

1．学生每人均需完成各个项目的作品制作，以作品为实训考核的主要依据（60%），结合平时操作情况（20%）、实训报告（20%）确定实训成绩。

2．上述实训成绩占本课程总成绩的30%。（可按实训学时占课程比例折算）。

五、实训指导书及主要参考书

《Dreamweaver 8/Flash 8/Fireworke 8网页设计三剑客》中国青年出版社张鑫

《Dreamweaver Photoshop Flash Fireworks JavaScript网页制作实例大讲堂》人民邮电出版社孙宇等编著

《网页制作与网站建设从入门到精通》人民邮电出版社宇帆等编著

执笔人：张元

教研室：数字媒体技术教研室

修改日期: 2008年 4月