(完整版)《网页设计》课程教学大纲

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

《网页设计》课程教学大纲

一、课程说明:

课程类别:选修课

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

计划学时: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创建文本超链接

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

4.3创建图像超链接

掌握:创建图像热点链接的方法

4.4创建电子邮件链接

掌握:创建电子邮件链接的方法

4.5空链接

理解:创建空链接的意义

第5章网页的布局

5.1表格的应用

掌握:插入表格的方法

5.2表格编辑及属性设置

掌握:表格、单元格、行或列的编辑及属性的设置方法

5.3应用APDiv布局页面

掌握:使用APDiv布局页面

5.4APDiv与表格的相互转换

理解:APDiv转换与表格的互相转化方法

5.5框架的应用

理解:创建框架集及设置框架集属性

掌握:如何设置框架中显示的网页及框架的编辑

第6章表单的应用

6.1创建表单

理解:表单的概念

6.2添加表单对象

掌握:如何添加表单对象,如:插入文本域、插入单选按钮/单选按钮组、插入复选框/复选框组、插入选择框(列表/菜单)、插入文件域、插入按钮

6.3表单的提交

掌握:表单的提交设置

6.4应用表格布局表单实例

掌握:应用表格布局表单的方法

第7章行为与脚本语言及模板和库的应用

7.1行为在网页中的应用

理解:行为、事件、动作

掌握:如何添加行为、事件

相关文档
最新文档