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

《网页设计与制作》课程实训教学大纲 课程名称：网页设计与制作 实验学时： 18 适用专业：全校本科 课程类别： 选修 一、实训教学任务与目的： 《网页设计与制作》是全校各专业的一门限定性选修课。综合介绍设计网站及网页制作方面的技术。主要内容包括：Dreamweaver简介；创建Web网站和Web页面；在页面中添加各种元素；网页超链接；表格、层、框架的灵活使用；Fireworks概述；文本、图片的创建及特效；图像处理优化；动画制作；制作网页的交互性等。通过本课程的学习，了解网页网站的基础知识；掌握网页制作的方法；学会综合使用多种工具，来创建和优化网站网页。为学生自学图形设计、多媒体制作及广告设计，今后进行网站的设计和开发打下良好的基础。 二、实训目的与基本要求： 要求通过实验训练，能熟练处理各种类型的数字化信息，掌握它们的应用，能熟练使用网页设计常用工具进行网页设计与网站开发创作的尝试。 三、实训项目内容、能力标准和学时分配 序 号 实训项目名称 项目类型 主要内容 实训要求 实训学时 1 网页基本图形的制作方法 综合 用Fireworks创建按钮与导航条。创建简单GIF 动画。 必做 4 2 网页的编辑与制作（一） 综合 定义站点。使用表格。创建链接。 必做 5 3 网页的编辑与制作（二） 综合 框架网页的制作，层和行为的使用。样式的使用。 必做 5 注：项目类型：演示、验证、设计、综合、其它 实训要求：必做、选做 [实训一] 网页基本图形的制作方法 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、教学的组织与实施：