2022年《网页设计》课程教学大纲 .pdf

1 / 6 网页设计课程教学大纲一、课程说明：课程类别：选修课适用专业：工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。计划学时： 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）掌握在网页中嵌入图象和多媒体的方法；名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 6 页 - - - - - - - - - 2 / 6 （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 图像占位符及属性的设置理解：图像占位符的含义名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 6 页 - - - - - - - - - 3 / 6 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 行为在网页中的应用理解：行为、事件、动作掌握：如何添加行为、事件名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 6 页 - - - - - - - - - 4 / 6 7.2 JavaScript 脚本理解： JavaScript 脚本概述、 JavaScript 脚本语言特效掌握： JavaScript 脚本在网页中的应用7.3 创建与应用模板理解：创建模板的意义掌握：如何创建和使用模板创建新网页及模板的编辑7.4 创建与应用库项目理解：创建库的意义掌握：如何创建、在网页应用库项目及库的编辑第 8 章 站点的测试8.1 站点的测试了解：站点的测试方法，如：检查浏览器兼容性、链接的检查与修正、不同分辨率下的测试等8.2 创建远程站点了解：如何设置远程服务器、连接远程站点8.3 文件的上传和下载了解：文件的上传、下载文件、文件的取出与存回的操作方法第 9 章 FireworksCS6 基础及其在网页制作中的应用9.1 FireworksCS6 基础了解：认识FireworksCS6 工作区、文档管理、布局工具、各种面板、常用工具9.2 绘制并编辑矢量图形掌握：绘制与编辑基本形状、自动形状、自由变形形状、复合形状的基本操作方法9.3 创建并修饰位图图像理解：创建与编辑位图图像的方法9.4 创建并编辑文本掌握：创建与编辑文本的方法9.5 应用笔触和填充掌握：应用和更改笔触、填充、样式9.6 应用动态滤镜理解：动态滤镜9.7 使用切片和热点掌握：切片和热点的基本操作和导出设置第 10 章 FlashCS6 基本操作及在网页制作中的应用10.1 FlashCS6 的基本操作理解： FlashCS6 的工作界面、文档的创建、打开、保存及面板组的使用10.2 时间轴的使用掌握：图层、帧、播放头、场景的概念和含义10.3 元件、实例和库资源掌握：元件的创建方法、实例概念、库面板以及元件与实例的关系10.4 创建各种动画掌握：遮罩层动画、引导层动画、形状补间动画、逐帧动画的创建方法和内涵10.5 在动画中添加声音掌握：在动画中添加声音及编辑方法10.6 文本的使用掌握：传统文本字段在动画中的应用名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 6 页 - - - - - - - - - 5 / 6 10.7 动作面板的使用了解：动作面板的使用及动作脚本的基本元素10.8 ActionScript 基本语句了解：时间轴控制命令、浏览器/网络命令的使用方法10.9 动作的应用了解：在动画中使用动作控制动画的原理10.10 测试发布Flash 动画理解：制作过程中动画的测试方法掌握：如何发布影片第 11 章 PhotoshopCS6 基本操作及在网页设计中的应用11.1 PhotoshopCS6 基本操作了解： PhotoshopCS6 的工作界面、文件操作、环境设置、基本概念理解：选区的创建与编辑掌握：利用画笔类工具绘制图像、利用形状绘制工具绘制图像、图像修饰工具的应用、调色命令的高级应用理解：图层样式、文字图层、滤镜的应用11.2 页面设计与制作掌握：整体页面、导航栏、网页内容板块、网页页脚的制作和设计方法第 12 章 网页制作工具集成及网页制作综合实训12.1 Fireworks 与 Dreamweaver 的集成理解： Fireworks 与 Dreamweaver 两者如何协同工作12.2 使用 Photoshop 和 Dreamweaver 了解： Dreamweaver 中处理 Photoshop 文件的工作流程12.3 Dreamweaver 与 Flash的集成理解： Flash 与 Dreamweaver 两者如何协同工作理论教学学时分配表（54 课时）章节课时第 1 章网页设计与制作概述8第 2 章DreamweaverCS6 网页设计基础4第 3 章图像与多媒体2第 4 章超级链接及其应用2第 5 章网页的布局4第 6 章表单的应用2第 7 章行为与脚本语言及模板和库的应用6第 8 章站点的测试2第 9 章FireworksCS6 基础及其在网页制作中的应用8第 10 章 FlashCS6 基本操作及在网页制作中的应用8第 11 章 PhotoshopCS6 基本操作及在网页设计中的应用8第 12 章网页制作工具集成及网页制作综合实训2实践教学内容：36 学时（本部分内容为学生上机自学内容、以每章习题中的实践题为实践内容）实践目的与任务：目的是让学生提高自己的实际动手能力，熟练掌握当前的流行网页制作工具，具备设计并且实现一名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 6 页 - - - - - - - - - 6 / 6 个网站的能力。基本要求：（1）要求学生掌握网页基础语言HTML 语言（2） 要求学生掌握通过Dreamweaver CS6 建设网站和编辑网页的技术（3）要求学生掌握通过Fireworks CS6 进行图片特效处理及切片的技术（4）要求学生掌握通过Flash CS6 进行简单动画制作的技术（5）要求学生掌握通过Photoshop CS6进行图片特效处理的技术实践学时分配表内容课时网页设计与制作概述4DreamweaverCS6 在网页设计中的应用10FireworksCS6 基础及其在网页制作中的应用8FlashCS6 基本操作及在网页制作中的应用8PhotoshopCS6 基本操作及在网页设计中的应用6实践方法通过模拟教材实例的方法掌握工具的基本用法，再试着改变一些设计内容和参数来设计自己喜欢或需要的例子，最终完成一个完全由自己规划和设计与制作的个人网站，并撰写出实验报告。彈贸摄尔霁毙攬砖卤庑诒尔肤。五、教材与参考书教材：1、张军凌，网页设计与制作教程，中国原子能出版社，第一版参考书：1、网页三剑客类书籍2、赵丰年，网页制作教程，人民邮电出版社，第三版六、考核方式1、理论基础知识部分笔试考核，占60%2、实验部分通过考查实验过程并和提交的个人设计作业进行实验成绩考核，占40%名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 6 页 - - - - - - - - -