dreamweaver网页制作教学大纲

课程编号：课程名称：《网页设计与制作》英文名称：课程类型：专业选修课总学时：72 讲课学时：41 上机实践学时：31学分：100分适用对象：三年高职电子商务专业先修课程：《计算机文化与应用基础》一、课程的性质和任务“Dreamweaver 网页设计”是计算机网络技术专业（专科）的一门统设必修课，同时也是电子商务的基础课。

本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS 层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。

目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。

二、课程的教学目标和基本要求掌握Dreamweaver的交互界面的组成与使用方法，Web站点的基本方法与步骤，站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系、系统属性及网页属性的设置方法，及各设置参数的作用。

掌握制作超级链接、E-mail链接、书签等形式的超级链接，使用CSS样式创建、编辑网页的方法，水平线、日期、图象对象的主要属性与设置方法，表格的创建、结构调整与美化方法，网页中创建、修改层和嵌套层的方法，掌握框架结构网页的制作方法，学会利用行为面板设置控制对象的行为，学会通过模板和库元素创建网页的方法，学会使用Dreamweaver中应用表单设计网页的方法，掌握并了解可以在网页中插入Fireworks电影、Flash MX电影、ActiveX.控件等多媒体对象的方法。

本课程要求学生掌握基本的HTML语言。

学会使用Dreamweaver开发工具进行网页设计。

这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。

三、先修课程要求《图像处理》要求：熟练掌握图像的格式转换、色彩调节、比例缩放、文字处理、特效制作等四、教学内容和教学要求㈠网页设计介绍⒈网页概念⒉网页中的基本元素⒊怎样建立网站⒋网页制作原理⒌网页设计和HTML教学要求：掌握网网页制作原理。

教学重点：网页设计。

㈡认识 Dreamweaver⒈Dreamweaver 功能简介⒉安装Dreamweaver⒊认识Dreamweaver的工作界面⒋认识Dreamweaver窗口项目教学要求：熟练Dreamweaver窗口项目。

教学重点：熟练掌握窗口中各菜单、面板的操作。

㈢Dreamweaver基本操作⒈制作网站相册⒉为网站相册制作首页⒊知识重点教学要求：掌握Dreamweaver的基本操作。

教学重点：熟练掌握图像、表格、文本及页面属性的相关操作。

㈣HTML⒈HTML编程技术⒉HTML简介⒊HTML基本语法和结构⒋HTML常用标记教学要求：掌握的基本语法和结构。

教学重点：HTML编程技术的掌握。

㈤CSS属性⒈样式表设计⒉CSS属性教学要求：掌握CSS样式创建及编辑。

教学重点：CSS样式参数设置。

㈥表格⒈用表格制作主页⒉表格与视图介绍⒊表格详细介绍教学要求：熟练掌握用表格规划网页的操作。

教学重点：用表格对页面的布局。

㈦图层的应用⒈层的介绍⒉层与表格相互转换⒊设置层属性教学要求：掌握层的创建、层属性的设置操作。

教学重点：层的应用操作。

㈧表单⒈表单介绍⒉建立表单⒊以一个简单实例演示表单的制作教学要求：掌握表单的创建及属性设置。

教学重点：动态表单的创建。

㈨模板和框架⒈模板的使用⒉框架教学要求：掌握模板和框架的创建方法。

教学重点：能正确应用模板和框架对网站整体风格进行设置。

㈩Dreamweaver的综合应用⒈建立一个网站的实例⒉资源面板的运用⒊行为面板的运用⒋文件面板的使用⒌站点管理器的使用⒍站点测试、上传及网站的宣传教学要求：掌握网站的创建、设置及行为面板的使用方法。

教学重点：能正确地制作网站、站点的测试和上传等操作。

五、上机实验本课程实践性很强，上机实习环节是本课程的重要组成部分，并设置了该课程的课程设计教学环节。

上机实习内容实验一创建本地站点、控制页面㈠实验目的⒈熟悉Dreamweaver 界面布局和工作环境；⒉掌握本地站点创建和管理、页面的设置方法。

㈡实验要求⒈能熟练启动、退出Dreamweaver，能正确显示使用“浮动面板”；⒉会创建本地站点并能进行管理此站点；⒊能编辑静态的网页，熟练掌握其中相关操作技能；⒋展示学生作品，将完成的所有内容发到教师机上。

㈢学时分配本实践项目为2学时㈣实验内容创建本地站点、控制页面。

实验二文本操作与图像操作㈠实验目的⒈掌握在网页中输入文本、空格，换行和编辑文本插入水平线和日期的方法；⒉掌握网页中文本编辑、图文混排的方法。

㈡实验要求⒈能熟练地在网页中输入编辑文本，掌握空格和换行的基本操作；⒉能在页面中正确地插入时间日期、水平线、图片等操作；⒊能够进行图文混排操作，设计出精美的网页。

㈢学时分配本实践项目为2学时。

㈣实验内容本实验的内容主要是“文本操作与图像制作”。

实验三网页布局之一㈠实验目的⒈掌握利用表格布局网页中的文字、图像、存储文本、数据排序等操作方法；⒉掌握应用布局表格和层布局网页中的文字和图片的方法。

㈡实验要求实验前认真预习，熟练掌握有关概念和知识。

实验过程中记录发生的现象并分析原因。

实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。

㈢学时分配本实践项目为4学时。

㈣实验内容本实验的内容主要是制作一个“我的主页”的主页文件，能够用表格和层布局网页。

实验四网页布局之一㈠实验目的⒈学会将已有网页生成模板的操作方法；⒉掌握编辑模板和将模板生成新网页的操作方法；⒊掌握应用库项目制作和更新库项目的操作方法；⒋掌握在网页中应用框架、设置框架集属性的方法。

㈡实验要求按实验任务准备相关素材，按照实验要求完成每一步操作，利用一定时间展示学生作品，按完成的任务进行评定学生的成绩。

㈢学时分配本实践项目为4学时。

㈣实验内容本实验的内容主要是创建模板和框架，利用模板生成、更新页面。

实验五动感元素与超级链接㈠实验目的⒈掌握在网页中插入flash动画、设置其属性方法；⒉掌握创建各种形式的超级链接的操作方法。

㈡实验要求实验前认真看书预习，熟练掌握有关插入多媒体的方法，制作或收集Flash文件，实验过程中按实验任务进行操作，链接的操作要实现用“文字”、“图片”、“按钮”作为链接，链接到相关的网页。

实验完毕将作品提交到教师机。

㈢学时分配本实践项目为2学时。

㈣实验内容本实验的内容主要是能正确地插入Flash文档，能用多种对象制作超级链接，让学生按实验任务要求完成具体的操作。

实验六创建表单网页㈠实验目的(1)掌握在网页中插入表单域，在表单域中插入文本域、单选和复选按钮、列表/菜单、等表单控件方法；(2)掌握实现滚动文字效果的操作方法。

㈡实验要求实验前认真预习，熟练掌握有关框架网页的基础概念和知识。

实验过程中记录发生的现象并分析原因。

实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。

㈢学时分配本实践项目为2学时。

㈣实验内容本实验的内容主要是制作一个表单页，实现表单的制作和正确提交。

实验七 CSS样式应用㈠实验目的⒈掌握样式的定义方法和编辑方法；⒉掌握使用样式表布局网页元素以及美化页面。

㈡实验要求实验前认真预习，熟练掌握实验前认真预习，熟练掌握有关CSS概念和知识，为正确地进行相关实验操作奠定坚实的基础，实验过程中一定要按实验要求完成每一步操作，并将完成结果提交到教师机。

㈢学时分配本实践项目为2学时。

㈣实验内容本实验的内容主要是熟练表单的基本操作，并制作表单网页。

实验八综合网页制作㈠实验目的⒈利用框架、表格和CSS样式对网页元素布局；⒉制作下拉式菜单㈡实验要求完成实验任务中的“在线帮助网站主页制作”，除必要的图片混排外，还要利用框架和CSS样式表对网页元素布局，同时完成下拉式菜单的制作。

㈢学时分配本实践项目为4学时。

㈣实验内容利用CSS样式和框架制作页面，利用层的显示与隐藏制作出下拉式菜单。

六、学时分配本课程参考总学时为72，其中上机实习不应低于34学时，具体课时分配建议如下：七、考核方法平时作业(50%)+实验作品(50%)㈠平时作业平时作业成绩为每次课堂作业完成情况的平均分。

㈡实验作品制作一个静态网站，主题自选。

其作品由以下几个部分(子作品)组成，并分别评分。

子作品有：作品1：网站相册；作品2：层叠样式表应用；作品3：利用表格进行页面布局；作品4：网站模板(网页框架)的设计；作品5：注册表单的制作。

㈢评分说明将作品分解到平时，分别对各个子作品进行讲评和分析，有利于及时纠正学生出现的问题，学生也能有更多的时间去修改作品中，从而提高作品质量。

㈣作品评价量规八、教材及主要参考书㈠教材《Dreamweaver网页制作》标准教程，北京理工大学出版社，㈡参考书《网页设计与制作》高等教育出版社，。