网页制作教学大纲

1、Dreamweaver 网页制作教学大纲课程编号：课程名称：网页设计与制作英文名称：课程类型：专业选修课总学时：72 讲课学时：41 上机实践学时：31学分：100分适用对象：三年高职电子商务专业先修课程：计算机文化与应用基础   一、课程的性质和任务   “Dreamweaver 网页设计”是计算机网络技术专业（专科）的一门统设必修课，同时也是电子商务的基础课。本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、

2、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。   二、课程的教学目标和基本要求   掌握Dreamweaver的交互界面的组成与使用方法，Web站点的基本方法与步骤，站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系、系统属性及网页属性的设置方法，及各设置参数的作用。掌握制作超级链接、E-mail链接、书签等形式的超级链接，使用CSS样式创建、编辑网页的方法，水平线、日期、图象对象的主要

3、属性与设置方法，表格的创建、结构调整与美化方法，网页中创建、修改层和嵌套层的方法，掌握框架结构网页的制作方法，学会利用行为面板设置控制对象的行为，学会通过模板和库元素创建网页的方法，学会使用Dreamweaver中应用表单设计网页的方法，掌握并了解可以在网页中插入Fireworks电影、Flash MX电影、ActiveX.控件等多媒体对象的方法。   本课程要求学生掌握基本的HTML语言。学会使用Dreamweaver开发工具进行网页设计。这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在

4、此基础上有所创造、有更进一步的发挥。  三、先修课程要求   图像处理   要求：熟练掌握图像的格式转换、色彩调节、比例缩放、文字处理、特效制作等   四、教学内容和教学要求   网页设计介绍    网页概念    网页中的基本元素    怎样建立网站    网页制作原理    网页设计和HTML    教学要求：掌握网网页制作原理。   

5、;  教学重点：网页设计。    认识 Dreamweaver     Dreamweaver 功能简介     安装Dreamweaver     认识Dreamweaver的工作界面     认识Dreamweaver窗口项目     教学要求：熟练Dreamweaver窗口项目。     教学重点：熟练掌握窗口中各菜单、面板的操作。    Dreamweaver

6、基本操作     制作网站相册     为网站相册制作首页    知识重点     教学要求：掌握Dreamweaver的基本操作。     教学重点：熟练掌握图像、表格、文本及页面属性的相关操作。    HTML    HTML编程技术     HTML简介     HTML基本语法和结构     HTML常用标记

7、    教学要求：掌握的基本语法和结构。     教学重点：HTML编程技术的掌握。    CSS属性     样式表设计     CSS属性     教学要求：掌握CSS样式创建及编辑。     教学重点：CSS样式参数设置。    表格     用表格制作主页     表格与视图介绍   

8、60; 表格详细介绍     教学要求：熟练掌握用表格规划网页的操作。     教学重点：用表格对页面的布局。    图层的应用     层的介绍     层与表格相互转换     设置层属性     教学要求：掌握层的创建、层属性的设置操作。     教学重点：层的应用操作。    表单     表单介绍  

9、;   建立表单     以一个简单实例演示表单的制作     教学要求：掌握表单的创建及属性设置。     教学重点：动态表单的创建。    模板和框架     模板的使用     框架     教学要求：掌握模板和框架的创建方法。     教学重点：能正确应用模板和框架对网站整体风格进行设置。    Dreamweaver的

10、综合应用     建立一个网站的实例     资源面板的运用     行为面板的运用     文件面板的使用     站点管理器的使用     站点测试、上传及网站的宣传     教学要求：掌握网站的创建、设置及行为面板的使用方法。     教学重点：能正确地制作网站、站点的测试和上传等操作。     五、上机实验  

11、   本课程实践性很强，上机实习环节是本课程的重要组成部分，并设置了该课程的课程设计教学环节。    上机实习内容    实验一创建本地站点、控制页面         实验目的      熟悉Dreamweaver 界面布局和工作环境；     掌握本地站点创建和管理、页面的设置方法。     实验要求    

12、0; 能熟练启动、退出Dreamweaver，能正确显示使用“浮动面板”；     会创建本地站点并能进行管理此站点；     能编辑静态的网页，熟练掌握其中相关操作技能；      展示学生作品，将完成的所有内容发到教师机上。       学时分配      本实践项目为2学时       实验内容   

13、  创建本地站点、控制页面。   实验二 文本操作与图像操作     实验目的     掌握在网页中输入文本、空格，换行和编辑文本插入水平线和日期的方法；     掌握网页中文本编辑、图文混排的方法。    实验要求     能熟练地在网页中输入编辑文本，掌握空格和换行的基本操作；    能在页面中正确地插入时间日期、水平线、图片等操作；    能

14、够进行图文混排操作，设计出精美的网页。    学时分配    本实践项目为2学时。     实验内容     本实验的内容主要是“文本操作与图像制作”。 实验三 网页布局之一    实验目的     掌握利用表格布局网页中的文字、图像、存储文本、数据排序等操作方法；    掌握应用布局表格和层布局网页中的文字和图片的方法。      实验要求 &#

15、160;  实验前认真预习，熟练掌握有关概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。     学时分配     本实践项目为4学时。    实验内容     本实验的内容主要是制作一个“我的主页”的主页文件，能够用表格和层布局网页。实验四 网页布局之一    实验目的     学会将已有网页生成模板的操作方法；  

16、60; 掌握编辑模板和将模板生成新网页的操作方法；    掌握应用库项目制作和更新库项目的操作方法；    掌握在网页中应用框架、设置框架集属性的方法。 实验要求 按实验任务准备相关素材，按照实验要求完成每一步操作，利用一定时间展示学生作品，按完成的任务进行评定学生的成绩。    学时分配     本实践项目为4学时。     实验内容 本实验的内容主要是创建模板和框架，利用模板生成、更新页面。实验五 动感元素与超级链接 &#

17、160;  实验目的     掌握在网页中插入flash动画、设置其属性方法；     掌握创建各种形式的超级链接的操作方法。     实验要求     实验前认真看书预习，熟练掌握有关插入多媒体的方法，制作或收集Flash文件，实验过程中按实验任务进行操作，链接的操作要实现用“文字”、“图片”、“按钮”作为链接，链接到相关的网页。实验完毕将作品提交到教师机。    学时分配     本实践项目为2学时。

18、    实验内容     本实验的内容主要是能正确地插入Flash文档，能用多种对象制作超级链接，让学生按实验任务要求完成具体的操作。实验六 创建表单网页     实验目的     (1)掌握在网页中插入表单域，在表单域中插入文本域、单选和复选按钮、列表/菜单、等表单控件方法；    (2)掌握实现滚动文字效果的操作方法。    实验要求     实验前认真预习，熟练掌握有关框架网页的基

19、础概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。     学时分配     本实践项目为2学时。    实验内容    本实验的内容主要是制作一个表单页，实现表单的制作和正确提交。实验七 CSS样式应用    实验目的     掌握样式的定义方法和编辑方法；     掌握使用样式表布局网页元素以及美化页面。 &#

20、160;  实验要求     实验前认真预习，熟练掌握实验前认真预习，熟练掌握有关CSS概念和知识，为正确地进行相关实验操作奠定坚实的基础，实验过程中一定要按实验要求完成每一步操作，并将完成结果提交到教师机。     学时分配 本实践项目为2学时。    实验内容     本实验的内容主要是熟练表单的基本操作，并制作表单网页。 实验八 综合网页制作    实验目的     利用框架、表格和CSS样式对网页元

21、素布局；     制作下拉式菜单     实验要求     完成实验任务中的“在线帮助网站主页制作”，除必要的图片混排外，还要利用框架和CSS样式表对网页元素布局，同时完成下拉式菜单的制作。    学时分配     本实践项目为4学时。    实验内容   利用CSS样式和框架制作页面，利用层的显示与隐藏制作出下拉式菜单。    六、学时分配 本课程参考总学时为72，其中上机实

22、习不应低于34学时，具体课时分配建议如下： 主项目名称 子项目名称 计划课时 课程内容选取依据与知识技能目标 理论实践一体化课程 项目一 网页赏析模块 经典赏析 2 欣赏优秀网页，激发学生学习网页设计的兴趣 ； 分析优秀网页的布局结构、颜色搭配、视觉效果； 对网页的组成元素有一个初步印象。 项目二网页基础模块 网页基础 2 了解网页的相关概念和术语，认识网页构成元素。 了解网页制作、处理图像、动画制作的专业工具； 熟悉Dreamweaver 的启动、退出及窗口环境。 项目三网页制作模块 页面控制 2 了解Dreamweaver 8的参数设置方法； 掌握页面属性、文件头内容的设置方法； 会使用辅

23、助工具。 文本操作 2 能在网页中输入、编辑文本； 学会在网页中插入水平线和日期； 掌握网页文本格式化操作。 图像操作 2 掌握图像的插入、属性设置及图文混排的方法； 掌握插入鼠标经过图像的方法，了解插入图像占位符的方法。 表格布局 2 学会添加表格、设置表格、行、列属性的方法； 掌握拆分单元格，合并单元格的方法； 掌握在表格中输入文字、插入和定位图像的方法。 布局表格 2 掌握切换视图、绘制布局表格的操作方法； 掌握绘制、移动布局单元格元格的操作方法； 掌握布局表格和单元格属性的操作方法。 层的布局 2 掌握描绘层、插入层、选择层和激活层的方法； 能设置层的属性、在层中输入文本、插入图像；

24、掌握嵌套层的创建、层与表格相互转换的方法。 框架网页 2 掌握创建框架、导入框架源文件的操作方法； 能保存框架集文件和各个框架操作文件； 能设置框架集和框架属性、编辑内容的操作方法。 模板和库 2 理解模板和库的作用，会创建模板和利用模板生成新网页的方法； 掌握如何应用库项目制作网页。 动感元素 2 了解flash文件的类型、能在网页中插入flash动画和设置Flash对象的属性； 掌握在网页中插入flash按钮、文本的方法。 超级链接 2 掌握创建外部链接和内部链接的操作方法； 掌握制作图像映射、创建E-mail链接操作方法。 表单网页 2 掌握在表单中插入表单域、在表单域中插入文本域、单选

25、和复选按钮的方法； 掌握在表单域中插入列表/菜单、按钮和图像域。 项目四网页编程模块 HTML语言 4 掌握Dreamweaver 的HTML源代码编辑功能； 掌握常用的HTML标记的含义及其应用。 美化网页 2 掌握CSS样式表的基本语法和定义位置； 掌握标签样式、高级样式、类样式的定义方法； 掌握样式的编辑，利用样式表美化页面的方法； 项目五网站管理模块 网站管理 2 掌握“文件”面板的使用方法； 掌握站点的创建和管理方法。 网站测试 2 掌握网站测试的方法； 了解域名的设计与申请、网站发布、维护与更新的方法。 项目六网页设计模块 网页设计 2 掌握网站的开发流程，了解网站的规划与组织；

26、掌握网页设计原理、规范。 实例分析 2 掌握网站的规划、站点的创建； 学会创建站点目录结构、准备素材； 熟练制作首页、站点测试、发布。 理论实践一体化课时小计 40 单元独立实践课外拓展实践生产性实训 项目七单元独立实践 实验1创建本地站点、控制页面 2 熟悉Dreamweaver 界面布局和工作环境； 掌握本地站点创建和管理、页面的设置方法。 实验2文本操作与图像操作 2 掌握在网页中输入文本、空格，换行和编辑文本插入水平线和日期的方法； 掌握网页中文本编辑、图文混排的方法。 实验3网页布局之一 4 掌握利用表格布局网页中的文字、图像、存储文本、数据排序等操作方法； 掌握应用布局表格和层布局

27、网页中的文字和图片的方法。 实验4 网页布局之二 4 学会将已有网页生成模板的操作方法； 掌握编辑模板和将模板生成新网页的操作方法； 掌握应用库项目制作和更新库项目的操作方法； 掌握在网页中应用框架、设置框架集属性的方法。 实验5 动感元素与超级链接 2 掌握在网页中插入flash动画、设置其属性方法； 掌握创建各种形式的超级链接的操作方法。 实验6 创建表单网页 2 掌握在网页中插入表单域，在表单域中插入文本域、单选和复选按钮、列表/菜单、等表单控件方法； 掌握实现滚动文字效果的操作方法。 实验7CSS样式应用 2 掌握样式的定义方法和编辑方法； 掌握使用样式表布局网页元素以及美化页面。 实验8 综合网页制作 4 利用框架、表格和CSS样式对网页元素布局； 制作下拉式菜单 单元独立实践课时小计 22 项目八课外拓展实践 课外拓展实践 0根据课堂所学习的操作方法，选择一个主题，学生自己动手制作网页，不占用课程时间。 项目九工学结合实训网页制作综合实训 10 掌握规划网站的内容、目录、链接结构的方法； 熟练掌握Dreamweaver 8的基本操作和使用技能； 掌握页面的整体控制和页面布局方法； 熟练掌握在网页中输入、设