网页设计课程教学大纲

网页设计》课程教学大纲

一、课程说明：

课程类别：选修课

适用专业：工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。

计划学时：60 学时（讲课24学时，上机实验36 学时）

学分：4

先修课程：计算机基础

执笔：

审阅：

二、课程的教学目的

以培养应用型人才为目标，充分考虑远程教育学生的学习基础和学习特点。简单介绍HTML语言、CSS样式、javascript 语言，全面介绍与网页设计制作有关的知识，通过对Web页制作技术和制作

工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。并使学生具有解决一般网页制作问题的能力。掌握运用Dreamweaver CS6网页制作软件制作网页的方法，掌握运用Fireworks CS6、photoshop cs6 图像处理软件进行网页中图形制作版式设计及切片的应用。掌握运用flash CS6

动画制作软件设计网页中动画的方法，进而掌握将这四个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作工作打下基础。

三、课程教学基本要求：

1、课程重点

掌握网页制作三剑客Dreamweaver、Fireworks 、flash 及photoshop 在网页设计过程中的应用，使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能，提高学生分析解决问题能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成。通过学习，使学生熟练掌握运用Dreamweaver 网页制作软件制作网页，掌握运用Fireworks 、Photoshop 图形图像处理软件进行网页中图形图像的设计与制作，掌握运用flash 动画制作软件设计网页中动画的方法。

2、课程难点

（1）理解HTML语言各种文本格式、字符格式、段落设置、列表、标记的作用；

（2）理解CSS样式表中属性单位的作用和意义；

（3）理解javascript 语言脚本程序的工作方式；

（4）深入理解超级链接、图形图像各种功能和应用；

（5）深入理解表格、AP Div 、框架、表单的作用；

（6）深入理解模板、库、行为和脚本的高级应用；

（7）理解网站测试的目的和测试方法；

（8）深入理解“切片”和“热点”的涵义和应用；

（9）深入理解动画的组成“时间轴” 、“场景”、“帧”的涵义及各种动画的制作；

（10）理解使用图像设计软件进行版式设计的方法。

3、能力培养要求

(1)了解HTML语言的基本内涵。理解基本标记的用法；

(2)掌握在网页中添加CSS样式的方法。熟练使用CSS设置网页格式和列表的格式；

( 3)熟练掌握网页中文本的输入、特殊字符的插入及字符格式的设置方法；

( 4)掌握在网页中嵌入图象和多媒体的方法；

(5)熟练掌握使用绝对和相对URL创建文本超链接，图象热点的方法；

( 6)熟练掌握使用表格、框架、AP Div 布局页面的方法；

( 7)掌握创建表单的方法；

( 8)掌握模板的创建和库项目的使用方法；

( 9)理解行为和脚本的用法；

( 10)掌握FireworksCS6 基本操作及其在网页制作中的应用；

( 11)掌握FlashCS6 基本操作及简单动画的制作；

( 12)掌握PhotoshopCS6 基本操作及在网页设计中的应用；

四、课程教学内容与学时：

理论教学内容：

第1 章网页设计与制作概述

1.1 网络的基础知识

掌握：TCP/IP协议、IP地址、域名地址、统一资源定位器的概念和内涵

1.2 图形图像的基础知识理解：位图与矢量图的概念了解：常用的图形、图像格式

1.3 网页的布局知识了解：网页的基本结构及页面的布局原则和模式理解：网页的色彩应用及色彩属性与象征意义

1.5 HTML 基础

理解：HTML 基础标记符的内涵，如文本格式标记、超链接标记符、图像标记符、表格标记符、框架标记符、表单标记符、滚动条

了解：CSS技术的内涵，能够识别基本属性，如：字体属性、列表样式属性理解：CSS 的定义及使用方法

了解：JavaScript 技术及JavaScript 脚本嵌入HTML 文档的方法

第2 章DreamweaverCS6 网页设计基础

2.1 Dreamweaver 的工作环境

理解：Dreamweaver 的工作区菜单、面板、属性检查器的使用

2.2 构建Dreamweaver 站点掌握：如何创建、管理本地站点及站点中文件

2.3 网页文本编辑掌握：正文文本的添加和格式的设置、插入空格、特殊字符理解：页面属性的设置

2.4 CSS 样式设置

重点掌握：如何创建CSS规则、链接样式表

2.6 Dreamweaver 工作环境的设置了解：环境设置的方法

第3 章图像与多媒体

3.1 图像的应用掌握：如何在网页中插入图像及设置图像属性

3.2 创建鼠标经过图像掌握：如何在网页中创建鼠标经过图像及设置图像属性 3.3图像占位符及属性的设置理解：图像占位符的含义

3.4 插入flash 动画掌握：如何在网页中插入flash 动画及设置动画属性

3.5 音频的应用了解：音频文件格式掌握：如何在网页中添加音频

3.6 视频的应用掌握：网页中视频的应用及属性的设置第4 章超级链接及其应用

4.1超链接概述

理解：绝对路径和相对路径的含义及超链接的内涵

4.2 创建文本超链接掌握：各种创建文本超链接的方法