《网页设计》课程教学大纲
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 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 章行为与脚本语言及模板和库的应用