《网页设计与制作》课程教学大纲.docx
《《网页设计与制作》课程教学大纲.docx》由会员分享，可在线阅读，更多相关《《网页设计与制作》课程教学大纲.docx（32页珍藏版）》请在冰豆网上搜索。
《网页设计与制作》课程教学大纲
《网页设计与制作》课程教学大纲
（适用于网管专业、维护专业、计算机网络专业）
（96课时）
一、课程的性质与任务
1、课程性质：
《网页设计与制作》是高等职业技术学院多媒体专业和计算机网络专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件DreamweaverCS3，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。
2、课程任务：
本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：
●掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。
●掌握各种网页元素在DreamweaverCS3中的使用。
例如表格、文本、图像、超级链接、层和表单等。
●熟悉一些网页设计辅助软件的功能和使用方法。
例如Flash、Fireworks、Photoshop等。
●掌握测试和发布网站的方法。
包括网站测试的内容和方法、Cuteftp的使用方法等。
●能够解决一些网页设计中的常见问题。
二、课程目标
本课程的基本目标是：
使学生通过本课程的学习，掌握DreamweaverCS3的使用方法，学会使用DreamweaverCS3制作Web网页的技术。
本课程学习结束后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，熟练掌握其基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。
课程在知识、素质和能力方面的基本要求：
（1）知识要求
深入了解Internet，理解WWW、HTTP、HTML等概念及作用；
掌握网站设计和发布的流程。
了解FTP、GOPHER、HTTP、MAILTO、NEWS、TELNET、WAIS等协议的含义和作用；
理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用；
了解多种网页制作软件和图像处理软件相结合设计网站的好处。
（2）素质要求
本课程将培养学生以下几方面的职业素质：
服务意识：
能够为他人提供优质的服务；
文明法制意识：
网站内容应积极健康向上，不做违法的事；
合作精神：
能够与他人进行合作，具有协调工作能力和组织管理能力；
较强的自我知识及技术更新能力：
快速跟踪网页制作的新技术及市场应用动态。
（3）能力与技能要求
网页制作软件的使用方法；
在网页中编制/插入需要的脚本；
进行网站的上传/下载、更新、管理。
三、适用专业及开设学期
1、适用专业：
网管专业、维护专业、计算机网络专业
2、开设学期：
第二学期或者第三学期
四、学时分配
总学时：
96，理论：
48，实验：
48。
各知识单元的学时（理论与实验学时）分配如下：
教学内容
理论学时
实验学时
经典网页赏析
2
2
网页设计制作基础知识
24
20
网页提高模块的编程单元
6
6
网页提高模块的技术设计单元
8
8
网页提高模块的拓展单元
6
6
综合模块
2
6
合计
48
48
五、课程各知识单元的内容、重点、组织结构及授课要求
理论部分
（一）经典网页赏析
内容概述
1.通过对网页设计基础知识的介绍，了解建立网站的一些准备工作以及与网站有关的一些概念；
2.建立网站的过程，能从网站得网站的整体进行规划，定位网站的主体和风格；
3.构建网站的目录框架和链接框架，会发布网页。
本章目标
与网站相关的概念，网站的主题定位，网站的目录结构，网站的链接结构，网站布局，发布站点。
重点和难点
网站的整体风格，创意设计，发布网站。
内容组织结构
网页与网站的概念
网页的设计
网站的策划与创建原则
网站的开发流程
（二）网页构成
内容概述
1.掌握DreamweaverCS3的使用界面中各组成元素的名称与功能；
2.掌握打开与关闭工具窗口的方法；
3.理解站点、网站、网页及网页属性的概念。
本章目标
DreamweaverCS3的组成与使用方法
重点和难点
理解站点、网站、网页及网页属性的概念。
内容组织结构
DreamweaverCS3简述
新增功能的介绍和了解
DreamweaverCS3界面简介
个性化的工作环境的设置和了解
（三）页面控制
内容概述
1.了解网页中文本的输入、编辑以及打开、关闭与设置其属性的方法。
掌握系统属性及网页属性的设置方法，及各设置参数的作用；
2.要求重点了解制作网页时的不同断行方法，增加分隔线的方法及文本列表的设置。
本章目标
学会制作首页页面，了解通常网站首页的结构，学会链接网页中的图像和文字，能够应用站点地图调整网站构架。
重点和难点
首页是网站的门户，首页布局是否合理、色彩应用是否恰当及内容是否有吸引力，直接关系到网站的访问量，学会首页的制作是重点。
内容组织结构
制作首页标题
设置导航栏
设置首页内容
设置“页面”属性
浏览页面
设置首页及应用站点地图
设置参数
（四）文本操作
内容概述
1.应用文字及设置文字格式；
2.设置样式及样式参数；
3.对特殊格式的处理。
本章目标
文本是网页中不可缺少的元素，对网页中的文字进行格式设置，可以使网页文字易于被浏览者接受。
重点和难点
文字表现形式的具体应用。
内容组织结构
在文档中键入文本及导入表格式数据文档
设置段落格式和文档结构
创建项目列表和编号列表
设置文本格式
插入特殊字符、水平线、日期对象
（五）图像操作
内容概述
1.了解网页中按使用的图像类型；
2.对网页应用所需图像；
3.图像的优化。
本章目标
网页中制作精良的图像会使网页美观、生动，使网页的内容更加丰富，充分表达网页的主题
重点和难点
合理图像的处理及应用
内容组织结构
图像常用文件格式
在页面中插入图像
创建鼠标经过图像
使用Fireworks优化图像
（六）表格布局
内容概述
1.掌握表格的创建、结构调整与美化方法；
2.熟悉表格与单元格的主要属性及其设置方法；
3.掌握通过表格来进行网页页面的布局方法。
本章目标
掌握表格的创建、结构调整与美化方法，熟悉表格与单元格的主要属性及其设置方法，掌握通过表格来进行网页页面的布局方法
重点和难点
表格的创建、调整、单元格的编辑与属性设置等操作的方法
内容组织结构
表格及其属性设置
基本表格操作
表格排序
使用表格进行页面布局
（七）布局表格
内容概述
1.掌握布局表格的相关概念；
2.不同模式之间的切换；
3.添加内容至布局单元格。
本章目标
在布局模式中，可以在网面部直接画出表格与单元格，有利用对网页定位。
重点和难点
布局模式生成的表格的操作。
内容组织结构
布局模式的切换
绘制布局表格
绘制布局单元格
布局表格转换为标准表格
（八）框架网页
内容概述
1.了解框架网页与普通网页之间的区别与联系；
2.掌握框架网页在创建、选择、设置、存储与应用方面的特点；
3.掌握框架结构网页的制作方法；
4.掌握浮动框架的特点和制作方法。
本章目标
框架网页的特点、框架网页的创建、编辑、保存与应用方法
重点和难点
利用框架制作动态网页
内容组织结构
框架与框架集的概念
框架的用途
框架和框架集工作流程
创建框架和框架集
嵌套框架集
框架和框架集的编辑
控制具有链接的框架内容
处理不能显示框架的浏览器
（九）层的布局
内容概述
1.掌握在网页中创建、修改层和嵌套层的方法；
2.掌握层的属性和编辑层属性的方法；
3.掌握移动、删除层的方法；
4.能够将层与行为进行简单结合。
本章目标
层的概念以及层的创建与修改方法
重点和难点
图层的概念与运用
内容组织结构
创建层
修改层
设置图层参数和图层属性
（十）模板和库
内容概述
1.要求掌握DreamweaverCS3中模板与库元素的概念与作用；
2.了解模板的固定区域与可编辑区域的区别和用途；
3.了解更改模板或库元素对使用选定的模板或包含选定库元素的网页的影响；
4.学会通过模板和库元素创建网页的方法。
本章目标
模板与库元素的特点、用途、制作与使用方法，以及如何利用模板控制面板及库控制面板来管理模板与库元素。
重点和难点
模板和库的概念
内容组织结构
模板与库的相关概念
模板的固定区域与可编辑的区别与用途
使用库项目
模板的创建和设置
（十一）超级链接
内容概述
1.深入理解绝对路径、相对路径、根相对路径的概念、意义及用法；
2.了解建立超级链接各目标参数的意义，掌握设置超级链接的方法；
3.掌握制作超级链接、E-mail链接、锚点等形式的超级链接；
4.掌握导航条与跳转菜单的特点与用法。
本章目标
掌握常用的超级链接设置的方法，包括：
锚点，内部链接，外部链接，E-mail,脚本，跳转菜单和导航条的设置方法
重点和难点
理解导航条与跳转菜单
内容组织结构
超级链接的概念
各种链接的功能和实现方法
（十二）表单网页
内容概述
1.学会使用DreamweaverCS3中应用表单设计网页的方法；
2.全面掌握表单的创建、编辑、处理方法，以及各表单对象的功能、特点和用途（包括：
复选框、下拉列表框、按钮）的特点与使用方法；
3.能够初步理解ASP脚本，认识客户端脚本与服务器端脚本使用的异同。
本章目标
表单的创造、编码、处理方法，以及各种表单对象的特点与使用方法。
能够区分客户端脚本与服务器端脚本的使用。
重点和难点
理解表单、表单对象的概念
内容组织结构
表单的概念及作用
HTML表单设计基础
表单网页的制作方法
表单处理
（十三）动感网页
内容概述
1.掌握时间线的创建与调整方法；
2.学会通过如何为时间线增加行为等方式来控制时间线的播放效果；
3.掌握利用时间线制作网页动画的方法。
本章目标
时间线的创建、编辑、行为设置等内容。
重点和难点
时间线和动态网页的概念
内容组织结构
时间轴的相关概念
“时间轴”面板
创建时间轴
在时间轴上添加行为
在时间轴中改变对象属性
编辑时间轴
（十四）HMTL语言
内容概述
1.HTML语言的历史；
2.使用HTML语言标签；
3.运用标签在Web页面中生成某种特殊效果。
本章目标
认识网页文件的结构以及HTML语言的基本语法
重点和难点
表单的各种域的标记语法
内容组织结构
基础知识
HTML超级链接
文本格式
图像及多媒体的使用
表格与框架
（十五）美化网页
内容概述
1.了解网站中应用CSS的意义，熟练掌握CSS样式的定义、设置及应用；
2.要求重点了解CSS滤镜的应用。
本章目标
能够根据网站的要求灵活地建立与使用CSS层叠样式表，CSS滤镜的应用
重点和难点
CSS样式的定义、使用及CSS滤镜的应用
内容组织结构
CSS概念
CSS的创建与使用
CSS的滤镜
（十六）JavaScrip技术
内容概述
1.JavaScrip的由来、历史及其特点；
2.JavaScript语句在浏览器中的执行过程；
3.JavaScript语句的开发使用。
本章目标
了解JavaScript语言基础知识
重点和难点
JavaScript的函数和事件处理
内容组织结构
JavaScript语言概述
JavaScript的变量、常量、数据类型和表达式
JavaScript程序语句
JavaScript函数和事件处理
JavaScript中的对象
（十七）网站管理
内容概述
1.通过站点管理器规划、创建站点的方法与站点设置参数的意义和设置方法；
2.站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系；
3.通过站点管理器发布站点的方法与上传、下载与同步更新站点内容的方法。
本章目标
站点的创建、站点地图的使用以及文件的下载、上传与同步更新。
重点和难点
站点管理器的使用。
内容组织结构
为什么要进行网站的维护与更新
做好网站维护需要哪些工作
网站如何更新维护
（十八）网页设计
内容概述
1.了解域名注册的过程；
2．计数器及留言板的获取；
3.增加网站交互性的手段。
本章目标
掌握增强交互性网站的常用方法
重点和难点
计数器与留言板的获取。
内容组织结构
企业注册域名的方法
免费申请站点计数器
申请免费留言板
（十九）特效制作
内容概述
1.在网页中插入FireworksHTML、JavaApplet小程序；
2.Shockwave电影、Flash电影、ActiveX.控件等多媒体对象的使用方法。
本章目标
如何在网页中插入需要的媒体元素。
重点和难点
理解在网页中插入多媒体对象的概念。
内容组织结构
添加Flash动画
创建和插入Flash按钮，Flash文本
插入Shockwave影片
添加视频及嵌入声音文件
插入ActiveX控件
插入Javaapplet
（二十）应用行为
内容概述
1.了解行为、事件与动作的概念；
2.学会利用行为面板设置控制对象的行为；
3.会利用系统提供的主要行为，设置网页对象的行为从而实现交互式网页的设计；
4.能够下载、安装并使用第三方行为。
本章目标
行为、事件、动作的基本概念，以及如何利用行为面板为选定的对象设置行为。
重点和难点
行为的理解与应用
内容组织结构
认识行为和事件
基本行为操作
使用DreamweaverMX的内置行为
下载并安装第三方行为
（二十一）应用插件
内容概述
1.常用插件的分类方法；
2.HTML插件的使用；
3.MXP插件的运用；
4.插件的常用使用及下载的方法。
本章目标
掌握在常用插件的使用及下载方法
重点和难点
插件的常用使用及下载的方法
内容组织结构
插件的类型的掌握
插件的安装方法
插件的使用
插件的下载
（二十二）应用Fireworks插件
内容概述
1.Fireworks中文本和绘图工具的使用；
2.Fireworks中属性面板的使用；
3.运用Fireworks制作特效素材；
4.Fireworks中帧面板和画布的使用与修改；
5.运用Fireworks制作动画并导出不同格式的图像素材。
本章目标
掌握在网页设计中合理地运用Fireworks。
重点和难点
Fireworks中帧面板的使用及画布的修改
内容组织结构
用Fireworks制作导航条
利用Fireworks制作网站徽标
使用Fireworks制作栏目边框素材
用Fireworks制作鼠标经过图像素材
合理使用Fireworks制作栏目动画素材
通过Fireworks设计横幅广告并合成相应网页
（二十三）应用Flash
内容概述
1.Flash工具面板和属性面板的使用；
2.新建元件及时间轴面板的使用；
3．创建补间动画和引导线动画；
4.Photoshop素描自画像的制作；
5.添加网页特效代码。
本章目标
掌握Flash在网页设计中的应用
重点和难点
Flash素材的制作及页面的合成。
内容组织结构
首页中Flash动画的制作
首页中动态导航菜单的制作及首页的合成
《雪中江湖》页面中Flash素材的制作及页面合成
《白雪少年》页面中素描自画像素材的制作及页面合成
（二十四）综合实训
内容概述
1.综合站点实例的练习；
2．全面设计站点目录结构的规划和设置介绍了；
3.网页的创建、布局以及设置方法
4.综合功能的运用。
本章目标
全面掌握交互式网站的制作方法
重点和难点
理解站点、网站、网页及网页属性的概念，会向网页中插入多媒体信息。
内容组织结构
分析站点创建的全过程
站点目录结构的规划和设置
制作包含表单的交互式网页的制作
利用Fireworks处理图片
制作按钮与导航拦等网页的创作技巧
实训部分
（一）经典网站赏析
实验目标
通过对经典网站的赏析，掌握建立网站的过程，构建网站的目录框架和链接框架，会发布网页。
相关知识点
1.网页设计基础知识的介绍；
2.建立网站的过程；
3.定位网站的主体和风格；
4.构建网站的目录框架和链接框架。
内容安排
网页与网站的概念
网页的设计
网站的策划与创建原则
网站的开发流程
重点和难点
网站的整体风格，创意设计，发布网站
（二）网页构成
实验目标
通过对网站主页构成进行剖析，了解网页的基本构成单元，知晓常用制作网页的软件
相关知识点
1.掌握DreamweaverCS3的使用界面中各组成元素的名称与功能；
2.掌握打开与关闭工具窗口的方法；
3.理解站点、网站、网页及网页属性的概念。
内容安排
DreamweaverCS3简述
新增功能的介绍和了解
DreamweaverCS3界面简介
个性化的工作环境的设置和了解
重点和难点
理解站点、网站、网页及网页属性的概念。
（三）页面控制
实验目标
掌握对网站主页的整体控制
相关知识点
1.了解网页中文本的输入、编辑以及打开、关闭与设置其属性的方法。
掌握系统属性及网页属性的设置方法，及各设置参数的作用；
2.要求重点了解制作网页时的不同断行方法，增加分隔线的方法及文本列表的设置。
内容安排
制作首页标题
设置导航栏
设置首页内容
设置“页面”属性
设置首页及应用站点地图
设置参数
重点和难点
布局的合理性、色彩应用的恰当性及内容吸引力是重点。
（四）文本操作、图像操作
实验目标
掌握网页的文本及图像插入、设置、编辑的相关操作
相关知识点
1.应用文字及设置文字格式；
2.对特殊格式的处理；
3.对网页应用所需图像；
4.图像的优化。
内容安排
在文档中键入文本及导入表格式数据文档
设置段落格式和文档结构
创建项目列表和编号列表
插入特殊字符、水平线、日期对象
在页面中插入图像
创建鼠标经过图像
使用Fireworks优化图像
重点和难点
文字与图像表现形式的具体应用。
（五）表格布局
实验目标
使用表格布局网页和使用布局表格布局网页
相关知识点
1.掌握表格的创建、结构调整与美化方法；
2.熟悉表格与单元格的主要属性及其设置方法；
3.掌握通过表格来进行网页页面的布局方法。
内容安排
表格及其属性设置
基本表格操作
表格排序
使用表格进行页面布局
重点和难点
表格的创建、调整、单元格的编辑与属性设置等操作的方法
（六）框架网页
实验目标
掌握框架网页的创建、编辑、保存与应用方法并能使用Fireworks布局网页
相关知识点
1.掌握框架网页在创建、选择、设置、存储与应用方面的特点；
2.掌握框架结构网页的制作方法；
3.掌握浮动框架的特点和制作方法。
内容安排
框架和框架集工作流程
创建框架和框架集
嵌套框架集
框架和框架集的编辑
控制具有链接的框架内容
重点和难点
利用框架制作动态网页
（七）层的布局
实验目标
掌握层的创建与修改的方法
相关知识点
1.掌握在网页中创建、修改层和嵌套层；
2.掌握层的属性和编辑层属性；
3.掌握移动、删除层。
内容安排
创建层的操作
修改层的使用
设置图层参数和图层属性
重点和难点
图层的运用与设置
（八）模板和库
实验目标
掌握模板与库的制作与使用，了解模板控制面板及库控制面板来管理，能利用模板和库制作网页。
相关知识点
1.掌握DreamweaverCS3中模板与库元素的使用；
2.掌握模板的固定区域与可编辑区域操作；
3.了解更改模板或库元素对使用选定的模板或包含选定库元素的网页的影响；
4.学会通过模板和库元素创建网页的方法。
内容安排
使用库项目
模板的创建和设置
模板的固定区域与可编辑区域的区别和用途
利用模板和库元素创建网页的方法
重点和难点
模板和库使用与设置。
（九）超级链接
实验目标
掌握常用的超级链接设置的方法。
相关知识点
1.理解绝对路径、相对路径、根相对路径的概念、意义及用法；
2.掌握建立超级链接各目标参数的意义，掌握设置超级链接的方法；
3.掌握制作超级链接、E-mail链接、锚点等形式的超级链接；
4.掌握导航条与跳转菜单的特点与用法。
内容安排
设置超级链接
掌握制作超级链接
锚点等形式的超级链
掌握导航条与跳转菜单的特点与用法
重点和难点
理解导航条与跳转菜单
（十）表单网页
实验目标
表单的创造、编码、处理方法，以及各种表单对象的特点与使用方法。
相关知识点
1.掌握DreamweaverCS3中应用表单设计网页的方法；
2.掌握表单的创建、编辑、处理方法；
3.各表单对象的功能、特点和用途。
内容安排
表单的运用
HTML表单设计基础
表单网页的制作方法
表单处理及应用
重点和难点
表单、表单对象的使用
（十一）动感网页
实验目标
掌握时间线的创建、编辑、以及行为的设置
相关知识点
1.掌握时间线的创建与调整方法；
2.掌握时间线增加行为等方式来控制时间线的播放效果；
3.掌握时间线制作网页动画的方法。
内容安排
创建时间轴
在时间轴上添加行为
编辑时间轴
在时间轴中改变对象属性
重点和难点
时间线的使用及相关设置
（十二）HTML语言
实验目标
认识网页文件的结构以及HTML语言的基本语法
相关知识点
1.使用HTML语言标签；
2.运用标签在Web页面中生成某种特殊效果。
内容安排
HTML超级链接
利用HTML设置文本格式
HTML中图像及多媒体的使用
使用HTML对表格与框架进行相关设置
重点和难点
表单的各种域的标记语法
（十三）美化网页
实验目标
使用CSS样式美化网页
相关知识点
1.掌握网站中应用CSS的意义；
2.熟练掌握CSS样式的定义、设置及应用；
3.了解CSS滤镜的应用。
内容安排
CSS的创建
CSS的使用与设置
CSS的滤镜的相关操作
重点和难点
CSS样式的定义、使用及CSS滤镜的应用
（十四）JavaScript技术
实验目标
JavaScript技术的应用
相关知识点
1.JavaScript语句在浏览器中的执行过程；
2.JavaScript语句的开发使用。
内容安排
JavaScript的变量、常量、数据类型和表达式
JavaScript程序语句
JavaScri
升级会员 