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

1、网页设计与制作及实训教学大纲课程名称：网页设计与制作适用层次、专业：高职高专学 时： 64 学时 学 分： 4 课程类型：必修课课 程 性 质：专业课先修课程：计算机应用基础 、电子商务概论 、网络技术等一、课程的教学目标与任务本课程是一门操作性很强的专业技术课。它的主要任务是通过本课程的学习，使学生掌握 HTML 语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标签 及属性，能设计出多窗口网页、动态网页；能熟练运用 Dreamweaver 进行网站的导入、规划、 管理、发布的相关技术及网页制作的操作技能；能熟练运用 Fireworks 、进行图片处理，能熟 练运用 Fla

2、sh 制作网页动画；能维护、管理和设计 WEB 应用程序；能独立设计 WEB 站点。二、本课程与其他课程的联系和分工本课程是学生在学习了计算机基础 、电子商务概论 、网络技术 、等课程之后，开 设的一门专业课。通过学习，培养学生具有制作一般商业网站的能力，同时了解网页网站的 技术发展趋势、最新的技术动态和网页、网站制作软件平台。它将为后续开设的 ASP 网络 程序设计、 JAVA 程序设计等课程奠定坚实的基础，学生通过学习本课程，可参加网页设 计师和平面设计师及网站后台开发工程师等认证。三、课程讲授内容及基本要求（一）网页设计基础知识（总学时：2；其中理论： 1，上机： 1）1.1 inter

3、net 基础1.2 网页制作工具1.3 HTML 语言1基本要求（1）了解WW服务；（ 2）了解网页设计工具；（3）掌握HTML语言。2重点、难点重点：网页的开发流程和 HTML标签。难点：HTML标签。3说明：（二）创建站点（总学时：2；其中理论： 1，上机： 1）2.1 Dreamweaver MX 8.0 工作界面2.2 定义本地站点1. 基本要求（ 1）了解 DREAMWERVER 工具界面（ 2）了解并掌握建站点的创建（ 3）掌握简单网页的制作2. 重点、难点重点：站点的创建和测试难点：站点的创建和测试3. 说明：（三）制作页面（总学时：4；其中理论： 2，上机： 2）3.1 案例导

4、入：西部旅游网3.2 页面属性的设置3.3 文本的修饰3.4 设置超级链接3.5 制作包含超链接的纯文本网站3.6 使用图像1. 基本要求（ 1）了解页面属性的设置（ 2）掌握精确设置文本属性、使用样式控制文本外观 （3）掌握使用图像和超级链接2. 重点、难点 重点：使用样式控制文本外观，使用图像和超级链接 难点：超级链接3. 说明：（四）设计页面布局（总学时：8；其中理论： 4，上机： 4）4.1 网页版面布局概述4.2 实例导入：表格排版网页4.3 使用表格排版4.4 使用层排版4.5 时间轴特效及行为4.6 使用框架排版网页1. 基本要求（1）掌握使用表格进行页面的排版（2）掌握使用层进

5、行页面的排版（3）掌握时间轴特效及行为（4）掌握使用框架进行页面的排版2. 重点、难点 重点：使用表格、框架排版 难点：使用表格、框架排版3. 说明：（五）CSS 样式表（总学时： 4；其中理论： 2，上机： 2）5.1 使用 CSS 样式表的网页实例5.2 使用 CSS 样式表5.3 CSS 样式的应用1. 基本要求（1）了解 CSS 样式表的用途（2）掌握 CSS 样式表的创建和应用2. 重点、难点重点： CSS 样式表的创建和应用难点：CSS样式表中的DIV排版和滤镜属性3. 说明：（六）使用表单（总学时：2；其中理论： 2，上机： 2）6.1 实例导入：利用表单创建用户信息注册表6.2

6、 创建表单6.3 插入表单对象1. 基本要求（1）了解表单的应用（2）掌握表单控件的使用2. 重点、难点重点：表单控件的使用难点：表单控件的使用3. 说明：（七）模板与库的应用（总学时： 4；其中理论： 2，上机： 2）7.1 实例导入：利用模板生成的站点7.2 创建模板7.3 模板的应用和更新7.4 使用“库”7.5 利用模板和库生成站点的制作过程1. 基本要求（1）掌握模板的创建、应用及编辑与更新（2）了解资源面板和库项目的使用2. 重点、难点重点：模板的创建与应用及编辑与更新难点：模板的创建与应用及编辑与更新3. 说明：（八）在网页中插入多媒体对象（总学时：4；其中理论： 2，上机： 2

7、）8.1 实例导入：多媒体站点8.2 使用多媒体对象8.3 多媒体站点实例的制作过程1. 基本要求（ 1）了解并掌握如何插入多媒体对象2. 重点、难点重点：制作图像效果，插入 FLASH 动画难点：插入音频和视频文件3. 说明：（九）Firework 图像处理（总学时： 16；其中理论： 8，上机： 8）9.1 图像基础及色彩应用9.2 静态图像的制作9.3 动画图像的制作9.4 动态交互图像的制作9.5 网站首页的设计1. 基本要求（ 1）了解 WEB 图像基础（ 2）掌握 Firework 软件的基础操作（ 3）掌握 Firework 进阶应用2. 重点、难点重点：利用 firework

8、来制作 WEB 图像，并直接导出为网页 难点：导航栏与弹出式菜单的制作3. 说明：（十） Flash 动画的制作（总学时： 16；其中理论： 8，上机： 8）10.1 实例导入：制作 Flash MTV10.2 FLASH 概述10.3 Flash 基本功能10.4 Flash 应用基础10.5 综合实例：制作 Flash MTV1. 基本要求（1）掌握 Flash 的基本功能；（2）了解 Flash 动画的制作流程（3）掌握 Flash 应用基础2. 重点、难点重点：利用 Flash 制作有交互功能的动画 难点：动作脚本语言的编程3. 说明： （十一）综合实例（总学时： 4；其中上机： 4）

9、11.1 站点规划11.2 站点设计与素材准备11.3 网页制作11.4 WEB 服务器的配置11.5 站点上传与发布1. 基本要求（1）了解站点规划流程（ 2）掌握网页设计与制作的技能（ 3）掌握 WEB 服务器的配置（4）掌握站点的测试、上传与发布2. 重点、难点重点：网页设计与制作难点：站点的规划与设计3. 说明：四、实验内容及基本要求四、实验内容实验一、创建本地站点和编写简单的网站（上机： 2 学时）1、实验目的和要求通过编写简单的网页熟练 HTML语言书写方法；学会建立本地站点和维护本地站点。学会连接远程站点的维护远程站点。2、实验内容（ 1） 打开 dreamweaver mx ；

10、（2）创建一个本地站点命名为 www站点内包含一个子目录 images作为图像文件夹；（ 3） 编辑一个简单网页，要求文件名为 index.htm （默认首页名称）；（4）网页插入一个表格，并输入内容；（5）插入一幅图片，并添加学习网站的相关友情链接等，网页要求颜色搭配协调、内容 清晰。实验二、站点上传（上机： 2 学时）1、实验目的和要求学习连接远程站点和远程站点的维护和更新2、实验内容（1）在in ternet中申请免费个人空间，要求此个人空间支持FTP功能和提供免费域名;（2）本地站点建立成功后将其上传到远程站点中属于自己的目录文件夹下；（ 3） 在 IE 浏览器中输入自己域名，浏览网页

11、。 实验三、创建并编辑站点（上机： 2 学时）1、学习编辑网页的方法（ 1） 编辑网站首页，效果图如图 3.35 所示，包括有图像映射、鼠标经过图像、导航条；（ 2） 编辑其它内容网页并添加超链接， 如图 3.36 所示，其它页面中包括有图像和文本等； （ 3） 有一个网页中是明星的相册。实验四、使用表格控制网页布局（上机： 2 学时）1、实验目的和要求 熟练掌握使用表格控制网页布局。2、实验内容 编辑一个网页，要求制表控制主页和其他页的布局，并插入图片。 的颜色、大小、粗细、行间距、链接效果、背景的处理等。实验五、创建框架页面，利用层排版和实现网页特效（上机： 2 学时）1、实验目的和要求（

12、 1） 掌握使用框架结构来排版网页，这样可以节省开发时间（ 2） 掌握建立、修改、控制层的方法；（ 3） 掌握利用层进行排版网页；（ 4） 掌握利用层和时间轴进行网页特效的制作。2、实验内容（ 1） 将网站中的产品介绍这个栏目的所有网页，利用框架结构进行网页的排版。（ 2） 新建一个网页，插入层，在层内插入相关的网页元素；（ 3） 利用层进行网页的排版（ 4） 制作网页特效，保存为网页。实验六、用CSS控制网页中的元素（上机：2学时）1、实验目的和要求熟练掌握用CSS样式来控制网页中的元素，使网页的排版更加美观大方。2、实验内容编辑网页，用 CSS排版并控制网页的边距和网页中的文字 实验七、表

13、单（上机： 2 学时）1、实验目的和要求（ 1）掌握表单 form 的插入和设置，以及数据的提交；（ 2）掌握各表单元素的插入和设置方法；（3）掌握使用CSS样式控制表单以及表单元素。2、实验内容利用表单制作客户需求或服务质量调查表，客户通过EMAIL的方式发送到网站管理员邮箱中。实验八、使用模板（上机： 2学时）1、实验目的和要求（ 1）掌握创建模板、修改模板的方法；（ 2）掌握模板中插入可编辑区域和不可编辑区域的原则和方法。2、实验内容在前面实验的基础（建好的站点、定义好的css样式以及js文件）上，利用模板，制作指定的网站的各页。实验九、多媒体站点的制作（上机： 2 学时）1、实验目的和

14、要求掌握在站点中插入多媒体对象的方法。2、实验内容（ 1）创建一个网页 , 然后插入音频和视频文件；（2）插入FLASH寸象,添加翻转图像，插入导航条；（ 3）制作相册。实验十、位图的创建与编辑（上机： 2 学时）1、实验目的和要求掌握位图工具的使用，位图特效的制作。2、实验内容（ 1）练习位图工具的使用；（ 2）利用位图的特效来制作一个有渐变发发黄效果的老照片。实验十一、利用矢量工具绘制苹果标志（上机： 2 学时）1、实验目的和要求掌握矢量工具的使用，矢量图的制作。2、实验内容（ 1）练习矢量工具的使用；（ 2）利用绘制苹果标志。实验十二、 FIREWORK 综合实例（上机：4 学时）1、

15、实验目的和要求（ 1）掌握 firework 的综合知识，绘制网站的首页；（ 2）掌握制作导航条方法；（ 3）掌握制作动画的方式；（ 4）掌握切片和热点链接的方法；（ 5）掌握导出网页和图像的方法。2、 实验内容（ 1）利用 Firework 的图像制作技术，绘制网站的首页；（ 2）添加导航条和动画；（ 3）制作热点链接；（ 4）利用切片制作网页特效；（ 5）导出直接生成网站的首页。实验十三、利用遮罩层的功能制作霓光灯效果（上机： 2学时）1、实验目的和要求（1）掌握FLASH中的家版技巧；（2）掌握FLASH中形状修改方法；（3）掌握填充方法；（4）掌握运动动画的方法。2、实验内容（1）利用

16、文本工具输入文件并打散文本；（2）添加层，并修改层的属性；（3）利用flash的蒙版技巧和运动动画制作光波闪动效果的特效字。实验十四、制作 FLASH MTV（上机：2学时）1、实验目的和要求（1）掌握FLASH中的应用技巧，制作图文音并茂的FLASH MTV2、实验内容（1）设计画面；（2）添加声单文件；（3）利用动作集成画面和音频效果。实验十五、综合实例（上机：4学时）1、实验目的和要求掌握网站制作的技巧。2、实验内容(1)站点规划(2)站点设计与素材准备(3)网页设计与制作(4)WEB服务器的配置(5)站点的测试、上传与发布五、教学安排及方式总学时64学时，讲课30学时，上机34学时。教学环节-教学时数课程