《网页设计与制作》课程教学大纲.docx

1、网页设计与制作课程教学大纲网页设计与制作课程教学大纲（适用于网管专业、维护专业、计算机网络专业）（96课时）一、课程的性质与任务1、课程性质：网页设计与制作是高等职业技术学院多媒体专业和计算机网络专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver CS3，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。2 、课程任务：本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下

2、技能和知识：掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。掌握各种网页元素在Dreamweaver CS3中的使用。例如表格、文本、图像、超级链接、层和表单等。熟悉一些网页设计辅助软件的功能和使用方法。例如Flash、Fireworks、Photoshop等。掌握测试和发布网站的方法。包括网站测试的内容和方法、Cuteftp的使用方法等。能够解决一些网页设计中的常见问题。二、课程目标 本课程的基本目标是：使学生通过本课程的学习，掌握Dreamweaver CS3的使用方法，学会使用Dreamweaver CS3制作Web网页的技术。本课程学习结束后，学生应能自行设计各种网页、

3、开发一定规模的网站，使学生通过本课程的学习，熟练掌握其基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。课程在知识、素质和能力方面的基本要求：（1）知识要求深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握网站设计和发布的流程。了解FTP、GOPHER、HTTP、MAILTO、NEWS、TELNET、WAIS等协议的含义和作用；理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用；了解多种网页制作软件和图像处理软件相结合设计网站的好处。（2）素质要求本课程将培养学生以下几方面的职业素质：服务意识：能够为他人提供优质的服务；

4、文明法制意识：网站内容应积极健康向上，不做违法的事；合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力；较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。（3）能力与技能要求网页制作软件的使用方法；在网页中编制/插入需要的脚本；进行网站的上传/下载、更新、管理。三、适用专业及开设学期 1 、适用专业：网管专业、维护专业、计算机网络专业2 、开设学期：第二学期或者第三学期 四、学时分配 总学时：96，理论：48 ，实验：48。 各知识单元的学时 ( 理论与实验学时 ) 分配如下： 教学内容 理论学时 实验学时 经典网页赏析22网页设计制作基础知识2420网页提高模块

5、的编程单元66网页提高模块的技术设计单元88网页提高模块的拓展单元66综合模块26合计4848五、课程各知识单元的内容、重点、组织结构及授课要求 理论部分 （一） 经典网页赏析内容概述1.通过对网页设计基础知识的介绍，了解建立网站的一些准备工作以及与网站有关的一些概念；2.建立网站的过程，能从网站得网站的整体进行规划，定位网站的主体和风格；3.构建网站的目录框架和链接框架，会发布网页。本章目标与网站相关的概念，网站的主题定位，网站的目录结构，网站的链接结构，网站布局，发布站点。重点和难点网站的整体风格，创意设计，发布网站。内容组织结构网页与网站的概念网页的设计网站的策划与创建原则网站的开发流程

6、（二） 网页构成内容概述1.掌握Dreamweaver CS3的使用界面中各组成元素的名称与功能；2.掌握打开与关闭工具窗口的方法；3.理解站点、网站、网页及网页属性的概念。本章目标 Dreamweaver CS3的组成与使用方法重点和难点理解站点、网站、网页及网页属性的概念。内容组织结构Dreamweaver CS3 简述新增功能的介绍和了解Dreamweaver CS3界面简介个性化的工作环境的设置和了解（三） 页面控制内容概述1.了解网页中文本的输入、编辑以及打开、关闭与设置其属性的方法。掌握系统属性及网页属性的设置方法，及各设置参数的作用；2.要求重点了解制作网页时的不同断行方法， 增

7、加分隔线的方法及文本列表的设置。本章目标 学会制作首页页面，了解通常网站首页的结构，学会链接网页中的图像和文字，能够应用站点地图调整网站构架。重点和难点 首页是网站的门户，首页布局是否合理、色彩应用是否恰当及内容是否有吸引力，直接关系到网站的访问量，学会首页的制作是重点。内容组织结构 制作首页标题设置导航栏设置首页内容设置“页面”属性浏览页面设置首页及应用站点地图设置参数（四） 文本操作内容概述 1.应用文字及设置文字格式；2.设置样式及样式参数；3.对特殊格式的处理。本章目标 文本是网页中不可缺少的元素，对网页中的文字进行格式设置，可以使网页文字易于被浏览者接受。重点和难点 文字表现形式的具

8、体应用。内容组织结构 在文档中键入文本及导入表格式数据文档设置段落格式和文档结构创建项目列表和编号列表设置文本格式插入特殊字符、水平线、日期对象（五） 图像操作内容概述 1.了解网页中按使用的图像类型；2.对网页应用所需图像；3.图像的优化。本章目标 网页中制作精良的图像会使网页美观、生动，使网页的内容更加丰富，充分表达网页的主题重点和难点 合理图像的处理及应用内容组织结构 图像常用文件格式在页面中插入图像创建鼠标经过图像使用Fireworks优化图像（六） 表格布局内容概述 1.掌握表格的创建、结构调整与美化方法；2.熟悉表格与单元格的主要属性及其设置方法；3.掌握通过表格来进行网页页面的布

9、局方法。本章目标 掌握表格的创建、结构调整与美化方法，熟悉表格与单元格的主要属性及其设置方法，掌握通过表格来进行网页页面的布局方法重点和难点 表格的创建、调整、单元格的编辑与属性设置等操作的方法内容组织结构 表格及其属性设置基本表格操作表格排序使用表格进行页面布局（七） 布局表格内容概述 1.掌握布局表格的相关概念；2.不同模式之间的切换；3.添加内容至布局单元格。本章目标 在布局模式中，可以在网面部直接画出表格与单元格，有利用对网页定位。重点和难点 布局模式生成的表格的操作。内容组织结构 布局模式的切换绘制布局表格绘制布局单元格布局表格转换为标准表格（八） 框架网页内容概述 1.了解框架网页

10、与普通网页之间的区别与联系；2.掌握框架网页在创建、选择、设置、存储与应用方面的特点；3.掌握框架结构网页的制作方法；4.掌握浮动框架的特点和制作方法。本章目标 框架网页的特点、框架网页的创建、编辑、保存与应用方法重点和难点 利用框架制作动态网页内容组织结构 框架与框架集的概念框架的用途框架和框架集工作流程创建框架和框架集嵌套框架集框架和框架集的编辑控制具有链接的框架内容处理不能显示框架的浏览器（九） 层的布局内容概述 1.掌握在网页中创建、修改层和嵌套层的方法；2.掌握层的属性和编辑层属性的方法；3.掌握移动、删除层的方法；4.能够将层与行为进行简单结合。本章目标 层的概念以及层的创建与修改

11、方法重点和难点 图层的概念与运用内容组织结构 创建层修改层设置图层参数和图层属性（十） 模板和库内容概述 1.要求掌握Dreamweaver CS3中模板与库元素的概念与作用；2.了解模板的固定区域与可编辑区域的区别和用途；3.了解更改模板或库元素对使用选定的模板或包含选定库元素的网页的影响；4.学会通过模板和库元素创建网页的方法。本章目标 模板与库元素的特点、用途、制作与使用方法，以及如何利用模板控制面板及库控制面板来管理模板与库元素。重点和难点 模板和库的概念内容组织结构 模板与库的相关概念模板的固定区域与可编辑的区别与用途使用库项目模板的创建和设置（十一） 超级链接内容概述 1.深入理解

12、绝对路径、相对路径、根相对路径的概念、意义及用法；2.了解建立超级链接各目标参数的意义，掌握设置超级链接的方法；3.掌握制作超级链接、E-mail链接、锚点等形式的超级链接；4.掌握导航条与跳转菜单的特点与用法。本章目标 掌握常用的超级链接设置的方法，包括：锚点，内部链接，外部链接，E-mail,脚本，跳转菜单和导航条的设置方法重点和难点 理解导航条与跳转菜单内容组织结构 超级链接的概念各种链接的功能和实现方法（十二） 表单网页内容概述 1.学会使用Dreamweaver CS3中应用表单设计网页的方法；2.全面掌握表单的创建、编辑、处理方法，以及各表单对象的功能、特点和用途（包括：复选框、下

13、拉列表框、按钮）的特点与使用方法；3.能够初步理解ASP脚本，认识客户端脚本与服务器端脚本使用的异同。本章目标 表单的创造、编码、处理方法，以及各种表单对象的特点与使用方法。能够区分客户端脚本与服务器端脚本的使用。重点和难点 理解表单、表单对象的概念内容组织结构 表单的概念及作用HTML表单设计基础表单网页的制作方法表单处理（十三） 动感网页内容概述 1.掌握时间线的创建与调整方法；2.学会通过如何为时间线增加行为等方式来控制时间线的播放效果；3.掌握利用时间线制作网页动画的方法。本章目标 时间线的创建、编辑、行为设置等内容。重点和难点 时间线和动态网页的概念内容组织结构 时间轴的相关概念“时

14、间轴”面板创建时间轴在时间轴上添加行为在时间轴中改变对象属性编辑时间轴（十四） HMTL语言内容概述 1.HTML语言的历史；2.使用HTML语言标签；3.运用标签在Web页面中生成某种特殊效果。本章目标 认识网页文件的结构以及HTML语言的基本语法重点和难点 表单的各种域的标记语法内容组织结构 基础知识HTML超级链接文本格式图像及多媒体的使用表格与框架（十五） 美化网页内容概述 1.了解网站中应用CSS的意义，熟练掌握CSS样式的定义、设置及应用；2.要求重点了解CSS滤镜的应用。本章目标 能够根据网站的要求灵活地建立与使用CSS层叠样式表，CSS滤镜的应用重点和难点 CSS样式的定义、使

15、用及CSS滤镜的应用内容组织结构 CSS概念CSS的创建与使用CSS的滤镜（十六） JavaScrip技术内容概述 1.JavaScrip的由来、历史及其特点；2.JavaScript语句在浏览器中的执行过程；3.JavaScript语句的开发使用。本章目标 了解JavaScript语言基础知识重点和难点 JavaScript的函数和事件处理内容组织结构 JavaScript语言概述JavaScript的变量、常量、数据类型和表达式JavaScript程序语句JavaScript函数和事件处理JavaScript中的对象（十七） 网站管理内容概述 1.通过站点管理器规划、创建站点的方法与站点设

16、置参数的意义和设置方法；2.站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系；3.通过站点管理器发布站点的方法与上传、下载与同步更新站点内容的方法。本章目标 站点的创建、站点地图的使用以及文件的下载、上传与同步更新。重点和难点 站点管理器的使用。内容组织结构 为什么要进行网站的维护与更新做好网站维护需要哪些工作网站如何更新维护（十八） 网页设计内容概述 1.了解域名注册的过程；2计数器及留言板的获取；3.增加网站交互性的手段。本章目标 掌握增强交互性网站的常用方法重点和难点 计数器与留言板的获取。内容组织结构 企业注册域名的方法免费申请站点计数器申请免费留言板（十九） 特效制

17、作内容概述 1.在网页中插入Fireworks HTML、Java Applet小程序；2.Shockwave电影、Flash电影、ActiveX.控件等多媒体对象的使用方法。本章目标 如何在网页中插入需要的媒体元素。重点和难点 理解在网页中插入多媒体对象的概念。内容组织结构 添加 Flash 动画创建和插入 Flash 按钮， Flash 文本插入 Shockwave 影片 添加视频及嵌入声音文件插入 ActiveX 控件插入 Java applet（二十） 应用行为内容概述 1.了解行为、事件与动作的概念；2.学会利用行为面板设置控制对象的行为；3.会利用系统提供的主要行为，设置网页对象的

18、行为从而实现交互式网页的设计；4.能够下载、安装并使用第三方行为。本章目标 行为、事件、动作的基本概念，以及如何利用行为面板为选定的对象设置行为。重点和难点 行为的理解与应用内容组织结构 认识行为和事件基本行为操作使用DreamweaverMX的内置行为下载并安装第三方行为（二十一） 应用插件内容概述 1.常用插件的分类方法；2.HTML插件的使用；3.MXP插件的运用；4.插件的常用使用及下载的方法。本章目标 掌握在常用插件的使用及下载方法重点和难点 插件的常用使用及下载的方法内容组织结构 插件的类型的掌握插件的安装方法插件的使用插件的下载（二十二） 应用Fireworks插件内容概述 1.

19、Fireworks中文本和绘图工具的使用；2.Fireworks中属性面板的使用；3.运用Fireworks制作特效素材；4.Fireworks中帧面板和画布的使用与修改；5.运用Fireworks制作动画并导出不同格式的图像素材。本章目标 掌握在网页设计中合理地运用Fireworks。重点和难点 Fireworks中帧面板的使用及画布的修改内容组织结构 用Fireworks制作导航条利用Fireworks制作网站徽标使用Fireworks制作栏目边框素材用Fireworks制作鼠标经过图像素材合理使用Fireworks制作栏目动画素材通过Fireworks设计横幅广告并合成相应网页（二十三）

20、 应用Flash内容概述 1.Flash工具面板和属性面板的使用；2.新建元件及时间轴面板的使用；3创建补间动画和引导线动画；4.Photoshop素描自画像的制作；5.添加网页特效代码。本章目标 掌握Flash在网页设计中的应用重点和难点 Flash素材的制作及页面的合成。内容组织结构 首页中Flash动画的制作首页中动态导航菜单的制作及首页的合成雪中江湖页面中Flash素材的制作及页面合成白雪少年页面中素描自画像素材的制作及页面合成（二十四） 综合实训内容概述 1.综合站点实例的练习；2全面设计站点目录结构的规划和设置介绍了；3.网页的创建、布局以及设置方法4.综合功能的运用。本章目标 全

21、面掌握交互式网站的制作方法重点和难点 理解站点、网站、网页及网页属性的概念，会向网页中插入多媒体信息。内容组织结构 分析站点创建的全过程站点目录结构的规划和设置制作包含表单的交互式网页的制作利用Fireworks处理图片制作按钮与导航拦等网页的创作技巧实训部分 （一） 经典网站赏析实验目标通过对经典网站的赏析，掌握建立网站的过程，构建网站的目录框架和链接框架，会发布网页。相关知识点1.网页设计基础知识的介绍；2.建立网站的过程；3.定位网站的主体和风格；4.构建网站的目录框架和链接框架。内容安排网页与网站的概念网页的设计网站的策划与创建原则网站的开发流程重点和难点网站的整体风格，创意设计，发布

22、网站（二） 网页构成实验目标通过对网站主页构成进行剖析，了解网页的基本构成单元，知晓常用制作网页的软件相关知识点1.掌握Dreamweaver CS3的使用界面中各组成元素的名称与功能；2.掌握打开与关闭工具窗口的方法；3.理解站点、网站、网页及网页属性的概念。内容安排Dreamweaver CS3 简述新增功能的介绍和了解Dreamweaver CS3界面简介个性化的工作环境的设置和了解重点和难点理解站点、网站、网页及网页属性的概念。（三） 页面控制实验目标掌握对网站主页的整体控制相关知识点1.了解网页中文本的输入、编辑以及打开、关闭与设置其属性的方法。掌握系统属性及网页属性的设置方法，及各

23、设置参数的作用；2.要求重点了解制作网页时的不同断行方法， 增加分隔线的方法及文本列表的设置。内容安排制作首页标题设置导航栏设置首页内容设置“页面”属性设置首页及应用站点地图设置参数重点和难点布局的合理性、色彩应用的恰当性及内容吸引力是重点。（四） 文本操作、图像操作实验目标 掌握网页的文本及图像插入、设置、编辑的相关操作相关知识点 1.应用文字及设置文字格式；2.对特殊格式的处理；3.对网页应用所需图像；4.图像的优化。内容安排 在文档中键入文本及导入表格式数据文档设置段落格式和文档结构创建项目列表和编号列表插入特殊字符、水平线、日期对象在页面中插入图像创建鼠标经过图像使用Fireworks

24、优化图像重点和难点 文字与图像表现形式的具体应用。（五） 表格布局实验目标 使用表格布局网页和使用布局表格布局网页相关知识点 1.掌握表格的创建、结构调整与美化方法；2.熟悉表格与单元格的主要属性及其设置方法；3.掌握通过表格来进行网页页面的布局方法。内容安排 表格及其属性设置基本表格操作表格排序使用表格进行页面布局重点和难点 表格的创建、调整、单元格的编辑与属性设置等操作的方法（六） 框架网页实验目标 掌握框架网页的创建、编辑、保存与应用方法并能使用Fireworks布局网页相关知识点 1.掌握框架网页在创建、选择、设置、存储与应用方面的特点；2.掌握框架结构网页的制作方法；3.掌握浮动框架

25、的特点和制作方法。内容安排 框架和框架集工作流程创建框架和框架集嵌套框架集框架和框架集的编辑控制具有链接的框架内容重点和难点 利用框架制作动态网页（七） 层的布局实验目标 掌握层的创建与修改的方法相关知识点 1.掌握在网页中创建、修改层和嵌套层；2.掌握层的属性和编辑层属性；3.掌握移动、删除层。内容安排 创建层的操作修改层的使用设置图层参数和图层属性重点和难点 图层的运用与设置（八） 模板和库实验目标 掌握模板与库的制作与使用，了解模板控制面板及库控制面板来管理，能利用模板和库制作网页。相关知识点 1.掌握Dreamweaver CS3中模板与库元素的使用；2.掌握模板的固定区域与可编辑区域

26、操作；3.了解更改模板或库元素对使用选定的模板或包含选定库元素的网页的影响；4.学会通过模板和库元素创建网页的方法。内容安排 使用库项目模板的创建和设置模板的固定区域与可编辑区域的区别和用途利用模板和库元素创建网页的方法重点和难点 模板和库使用与设置。（九） 超级链接实验目标 掌握常用的超级链接设置的方法。相关知识点 1.理解绝对路径、相对路径、根相对路径的概念、意义及用法；2.掌握建立超级链接各目标参数的意义，掌握设置超级链接的方法；3.掌握制作超级链接、E-mail链接、锚点等形式的超级链接；4.掌握导航条与跳转菜单的特点与用法。内容安排 设置超级链接掌握制作超级链接锚点等形式的超级链掌握

27、导航条与跳转菜单的特点与用法重点和难点 理解导航条与跳转菜单（十） 表单网页实验目标 表单的创造、编码、处理方法，以及各种表单对象的特点与使用方法。相关知识点 1.掌握Dreamweaver CS3中应用表单设计网页的方法；2.掌握表单的创建、编辑、处理方法；3.各表单对象的功能、特点和用途。内容安排 表单的运用HTML表单设计基础表单网页的制作方法表单处理及应用重点和难点 表单、表单对象的使用（十一） 动感网页实验目标 掌握时间线的创建、编辑、以及行为的设置相关知识点 1.掌握时间线的创建与调整方法；2.掌握时间线增加行为等方式来控制时间线的播放效果；3.掌握时间线制作网页动画的方法。内容安

28、排 创建时间轴在时间轴上添加行为编辑时间轴在时间轴中改变对象属性重点和难点 时间线的使用及相关设置（十二） 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