dreamweaver网页制作教学大纲.docx
- 文档编号:4323995
- 上传时间:2022-11-29
- 格式:DOCX
- 页数:17
- 大小:21.06KB
dreamweaver网页制作教学大纲.docx
《dreamweaver网页制作教学大纲.docx》由会员分享,可在线阅读,更多相关《dreamweaver网页制作教学大纲.docx(17页珍藏版)》请在冰豆网上搜索。
dreamweaver网页制作教学大纲
课程编号:
课程名称:
《网页设计与制作》
英文名称:
课程类型:
专业选修课
总学时:
72讲课学时:
41上机实践学时:
31
学分:
100分
适用对象:
三年高职电子商务专业
先修课程:
《计算机文化与应用基础》
一、课程的性质和任务
“Dreamweaver网页设计”是计算机网络技术专业(专科)的一门统设必修课,同时也是电子商务的基础课。
本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计,包括新建、编辑和设置一个Web站点;如何对页面属性进行基本的设置,如何设置、编辑CSS层叠式样式表;如何排版文字、表格和层;如何进行基本的图像处理;建立框架;模板和库的使用和编辑;网站的发布与维护等基本知识与应用。
目的是通过本课程的学习,培养学生的实际动手能力和计算机的操作能力,能够运用所学的知识进行网页设计。
二、课程的教学目标和基本要求
掌握Dreamweaver的交互界面的组成与使用方法,Web站点的基本方法与步骤,站点管理器的用途,学会利用站点地图查看、管理各网页之间的超链接关系、系统属性及网页属性的设置方法,及各设置参数的作用。
掌握制作超级链接、E-mail链接、书签等形式的超级链接,使用CSS样式创建、编辑网页的方法,水平线、日期、图象对象的主要属性与设置方法,表格的创建、结构调整与美化方法,网页中创建、修改层和嵌套层的方法,掌握框架结构网页的制作方法,学会利用行为面板设置控制对象的行为,学会通过模板和库元素创建网页的方法,学会使用Dreamweaver中应用表单设计网页的方法,掌握并了解可以在网页中插入Fireworks电影、FlashMX电影、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学时,具体课时分配建议如下:
主项目名称
子项目名称
计划课时
课程内容选取依据与知识技能目标
理论+实践一体化课程
项目一
网页赏析模块
经典赏析
2
⑴欣赏优秀网页,激发学生学习网页设计的兴趣;
⑵分析优秀网页的布局结构、颜色搭配、视觉效果;
⑶对网页的组成元素有一个初步印象。
项目二
网页基础模块
网页基础
2
⑴了解网页的相关概念和术语,认识网页构成元素。
⑵了解网页制作、处理图像、动画制作的专业工具;
⑶熟悉Dreamweaver的启动、退出及窗口环境。
项目三
网页制作模块
页面控制
2
⑴了解Dreamweaver8的参数设置方法;
⑵掌握页面属性、文件头内容的设置方法;
⑶会使用辅助工具。
文本操作
2
⑴能在网页中输入、编辑文本;
⑵学会在网页中插入水平线和日期;
⑶掌握网页文本格式化操作。
图像操作
2
⑴掌握图像的插入、属性设置及图文混排的方法;
⑵掌握插入鼠标经过图像的方法,了解插入图像占位符的方法。
表格布局
2
⑴学会添加表格、设置表格、行、列属性的方法;
⑵掌握拆分单元格,合并单元格的方法;
⑶掌握在表格中输入文字、插入和定位图像的方法。
布局表格
2
⑴掌握切换视图、绘制布局表格的操作方法;
⑵掌握绘制、移动布局单元格元格的操作方法;
⑶掌握布局表格和单元格属性的操作方法。
层的布局
2
⑴掌握描绘层、插入层、选择层和激活层的方法;
⑵能设置层的属性、在层中输入文本、插入图像;
⑶掌握嵌套层的创建、层与表格相互转换的方法。
框架网页
2
⑴掌握创建框架、导入框架源文件的操作方法;
⑵能保存框架集文件和各个框架操作文件;
⑶能设置框架集和框架属性、编辑内容的操作方法。
模板和库
2
⑴理解模板和库的作用,会创建模板和利用模板生成新网页的方法;
⑵掌握如何应用库项目制作网页。
动感元素
2
⑴了解flash文件的类型、能在网页中插入flash动画和设置Flash对象的属性;
⑵掌握在网页中插入flash按钮、文本的方法。
超级链接
2
⑴掌握创建外部链接和内部链接的操作方法;
⑵掌握制作图像映射、创建E-mail链接操作方法。
表单网页
2
⑴掌握在表单中插入表单域、在表单域中插入文本域、单选和复选按钮的方法;
⑵掌握在表单域中插入列表/菜单、按钮和图像域。
项目四
网页编程模块
HTML语言
4
⑴掌握Dreamweaver的HTML源代码编辑功能;
⑵掌握常用的HTML标记的含义及其应用。
美化网页
2
⑴掌握CSS样式表的基本语法和定义位置;
⑵掌握标签样式、高级样式、类样式的定义方法;
⑶掌握样式的编辑,利用样式表美化页面的方法;
项目五
网站管理模块
网站管理
2
⑴掌握“文件”面板的使用方法;
⑵掌握站点的创建和管理方法。
网站测试
2
⑴掌握网站测试的方法;
⑵了解域名的设计与申请、网站发布、维护与更新的方法。
项目六
网页设计模块
网页设计
2
⑴掌握网站的开发流程,了解网站的规划与组织;
⑵掌握网页设计原理、规范。
实例分析
2
⑴掌握网站的规划、站点的创建;
⑵学会创建站点目录结构、准备素材;
⑶熟练制作首页、站点测试、发布。
理论+实践一体化课时小计
40
单元独立实践+课外拓展实践+生产性实训
项目七
单元独立实践
实验1
创建本地站点、控制页面
2
⑴熟悉Dreamweaver界面布局和工作环境;
⑵掌握本地站点创建和管理、页面的设置方法。
实验2
文本操作与图像操作
2
⑴掌握在网页中输入文本、空格,换行和编辑文本插入水平线和日期的方法;
⑵掌握网页中文本编辑、图文混排的方法。
实验3
网页布局之一
4
⑴掌握利用表格布局网页中的文字、图像、存储文本、数据排序等操作方法;
⑵掌握应用布局表格和层布局网页中的文字和图片的方法。
实验4
网页布局之二
4
⑴学会将已有网页生成模板的操作方法;
⑵掌握编辑模板和将模板生成新网页的操作方法;
⑶掌握应用库项目制作和更新库项目的操作方法;
⑷掌握在网页中应用框架、设置框架集属性的方法。
实验5
动感元素与超级链接
2
⑴掌握在网页中插入flash动画、设置其属性方法;
⑵掌握创建各种形式的超级链接的操作方法。
实验6
创建表单网页
2
⑴掌握在网页中插入表单域,在表单域中插入文本域、单选和复选按钮、列表/菜单、等表单控件方法;
⑵掌握实现滚动文字效果的操作方法。
实验7
CSS样式应用
2
⑴掌握样式的定义方法和编辑方法;
⑵掌握使用样式表布局网页元素以及美化页面。
实验8
综合网页制作
4
⑴利用框架、表格和CSS样式对网页元素布局;
⑵制作下拉式菜单
单元独立实践课时小计
22
项目八
课外拓展实践
课外拓展实践
0
根据课堂所学习的操作方法,选择一个主题,学生自己动手制作网页,不占用课程时间。
项目九
工学结合实训
网页制作综合实训
10
⑴掌握规划网站的内容、目录、链接结构的方法;
⑵熟练掌握Dreamweaver8的基本操作和使用技能;
⑶掌握页面的整体控制和页面布局方法;
⑷熟练掌握在网页中输入、设置标题和正文文字、插入图像、Flash动画、音乐、视频对象的方法;
⑸掌握建立各种形式超级链接、表单的制作、网站测试的方法。
课外拓展实践+生产性实训课时小计
10
课时累计
72
七、考核方法
平时作业(50%)+实验作品(50%)
㈠平时作业
平时作业成绩为每次课堂作业完成情况的平均分。
㈡实验作品
制作一个静态网站,主题自选。
其作品由以下几个部分(子作品)组成,并分别评分。
子作品有:
作品1:
网站相册;
作品2:
层叠样式表应用;
作品3:
利用表格进行页面布局;
作品4:
网站模板(网页框架)的设计;
作品5:
注册表单的制作。
㈢评分说明
将作品分解到平时,分别对各个子作品进行讲评和分析,有利于及时纠正学生出现的问题,学生也能有更多的时间去修改作品中,从而提高作品质量。
㈣作品评价量规
作品内容
设计标准
备注
网站主题设计
50
1、网站主题小而具体
20
2、有新意、创意
20
网站内容设计
50
1、内容围绕主题编排
20
2、内容划分合理
20
其它
20
1、参考了多个网站的主题、内容编排和色彩
10
2、列举出参考网站的网址、参考的内容
10
八、教材及主要参考书
㈠教材
《Dreamweaver网页制作》标准教程,北京理工大学出版社,
㈡参考书
《网页设计与制作》高等教育出版社,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- dreamweaver 网页 制作 教学大纲
![提示](https://static.bdocx.com/images/bang_tan.gif)