DW_教案讲解由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“dw教案讲解”。
一 网页制作与网址建设基础知识
(1学时)
一.教学目标
初步了解WEB工作原理、初步了解URL构成、了解网页版面布局 连接了Internet计算机、DreamWeaver 8和IE 6软件 二.教学环境、设备 三.教学步骤
(一)背景知识简述
WEB网站也是常用的一种软件开发模式(B/S)网站的访问是通过网址(URL地址)进行
网页版面布局是网页制作中最为重要的环节之一
(二)实验步骤
1.Web和浏览器
2.网页制作的相关知识 3.网页制作的基本方法
4.熟悉Macromedia Studio 8安装及操作界面
四.实验习题
1.确认计算机连接了Internet 2.双击IE浏览器 3.在地址栏中输入网址
二 认识DreamWeaver 8基本操作
(1学时)
一.教学目的了解DreamWeaver软件,能够使用DreamWeaver制作简单的网页
站点的作用,创建WEB站点、创建一个静态网页并能够保存在磁盘上形成文件 二.教学难点 三.教学环境、设备
计算机、DreamWeaver 8和IE 6软件
四.教学步骤
(一)背景知识简述
DreamWeaver软件是当前最为流行的网页制作软件之一,熟悉和熟练掌握该软件对学生在进行后面的学习中将起到关键的作用
(二)教学步骤
1.了解Dreamweaver及其基本特点 2.了解Dreamweaver 8的新功能 3.Dreamweaver 8概述 4.Dreamweaver 8的新功能 5.Dreamweaver 8的编辑环境 6.建立站点 7.创建简单的页面
8.预览页面
四. 实验习题
1、确认计算机连接了Internet2、双击IE浏览器
3、在地址栏中输入网址
五.实验拓展习题
使用DreamWeaver 8创建一个站点,并创建一个名为Index.html的网页
三 插入文本和图像(1学时)
一.教学目的了解网页中插入文本和图像的基本操作、并能对插入的文本和图像进行属性设置
二.教学难点
文字图像的排版
三.教学环境、设备
计算机、DreamWeaver 8和IE 6软件
四.教学步骤
(一)背景知识简述
文本和图像是一个网页的基本元素,向网页中插入文本和图像以及对问本和图像进行属性设置也是网页制作人员必备的技能
(二)实验步骤
1.掌握插入与修改文本的方法 2.了解CSS样式 3.插入文本 4.设置文本属性 5.创建列表项 6.拼写检查 7.图像编排 9.文本和图像应用
五、实验习题
1、新建一个静态页面
2、在网页中输入文本
3、利用属性面板对文本进行格式化操作
4、向网页中插入图像
5、利用属性面板对图像进行格式化操作
六.实验拓展习题(学生选做)
使用DreamWeaver 8创建一个图文并茂的网页
四 超级链接(1学时)
一.教学目的了解超链接的基本特点、掌握超链接的创建与管理方法
二.教学难点
创建图像及热点超链接、创建邮件、关闭窗口和后退的超链接
三.教学环境、设备
计算机、DreamWeaver 8和IE 6软件
四.教学步骤
(一)背景知识简述
超链接是网页间的桥梁、是一个网站必备的元素;一个有效网站就是有一个主页和多个网页构成的,网页间的相互访问就是通过超链接来实现的(二)教学步骤
1.创建超链接概述 2.在页面中创建文本超链接 3.在页面中创建图像超链接 4.在页面中创建图像热点超链接 5.在页面中创建邮件超链接
6.在页面中创建后退、前进和关闭超链接 7.超链接管理
五.实验习题
1、创建两个网页,并命名为test1.htm和test2.htm2、在test1.htm中输入文本
3、选中输入的文本,在属性面板中使用超链接属性来选中test2.htm 六.实验拓展习题(学生选做)
制作网页间的超链接 制作图像及热点超链接
制作邮件、关闭窗口和后退的超链接
五 表格(2学时)
一.教学目的了解Dreamweaver 8中表格的基本特点、掌握表格的基本操作、掌握使用表格创建网页的方法
二.教学难点
插入并美化表格进行页面布局。
三.教学环境、设备
计算机、DreamWeaver 8和IE 6软件
四.教学步骤
(一)背景知识简述
一个网页是否美观主要取决于页面布局是否合理、各个功能模块是否划分明确,而表格的主要重要就在于页面布局
(二)教学步骤
1.了解Dreamweaver 8中表格的基本特点 2.掌握表格的基本操作 3.掌握使用表格创建网页的方法 4.插入表格 5.单元格操作 6.表格操作 7.表格数据操作 8.使用表格规划页面布局 9.表格应用
五.实验习题
1、新建一个静态页面
2、向页面中插入表格
3、根据页面布局需要合并或拆分单元格
4、对表格进行属性设置
六.实验拓展习题(学生选做)
使用DreamWeaver 8实现如下页面布局
六 表单(2学时)
一.教学目的掌握表单的基本操作、掌握使用表单创建网页的方法
二.教学难点
创建互动网页、表单的设计
三.教学环境、设备
计算机、DreamWeaver 8和IE 6软件
四.教学步骤
(一)背景知识简述
当前的网站都存在与用户进行交互的模块,让用户填写信息是实现交互的第一步,掌握好表单的设计对后面做交互模块具有重要的作用
(二)教学步骤
1.表单对象 2.插入表单域 3.插入文本域 4.插入文件域
5.插入单选按钮和复选框 6.插入按钮
7.插入列表和下拉菜单 8.插入其他表单对象 9.表单应用
五.实验习题
1、新建一个静态网页
2、在页面中插入表单
3、在表单中插入表单元素
六.实验拓展习题(学生选做)
制作一个用户注册的表单页面如下
七 框架(2学时)
一.教学目的掌握框架的基本操作、掌握使用框架创建网页的方法
二.教学难点
框架网页
三.教学环境、设备
计算机、DreamWeaver 8和IE 6软件
四.教学
(一)背景知识简述
框架能将不同的内容显示在同一个浏览器窗口中,利用这一技术将页面分成不同的区域,分别在这些区域中显示不同的内容
框架集的主要作用是决定文档窗口中显示的文档数目、各个文档的大小、文档以何种方式载入框架集。
(二)实验步骤
1.认识框架 2.创建框架 3.框架的基本操作 4.插入预设的框架集 5.设计和插入框架集
五.实验习题
1、新建一个框架网页
2、编辑各个框架内的网页
3、保存所有网页
六.实验拓展习题(学生选做)
创建如下网页
八 模板(2学时)
一.教学目的了解模板及其基本特点,掌握模板的创建、使用与保存,掌握使用模板创建页面的方法与技巧
二.教学难点
二级页面的网站模板
三.教学环境、设备
计算机、DreamWeaver 8和IE 6软件
四.教学步骤
(一)背景知识简述
网页制作是一个复杂而又费劲的工作,而又多个网页的布局和界面大致相同,如何能快速完成这些网页的制作,模板就为我们提供了快捷的方式。
(二)教学步骤
1.模板简介 2.创建模板 3.使用资源模板 4.定义模板可编辑区域 5.创建基于模板的文档 6.设置模板参数 7.模板应用
五.实验习题
1、新建模版网页
2、完成布局和美化模版的工作
3、添加可编辑区域
4、保存
5、使用模板创建网页
六.实验拓展习题(学生选做)
制作如下模板
九 层和行为(2学时)
一.教学目的了解层的基本特点、掌握层的插入与设置方法;了解Dreamweaver 8行为的概念及其基本特点、掌握行为的设置与使用方法、掌握第三方行为的下载方法
二.教学难点
特效网页操作
三.教学环境、设备
计算机、DreamWeaver 8和IE 6软件
四.教学步骤
(一)背景知识简述
层也是网页布局的一种方式,另外特效网页的很多必备元素(层);行为在网页中能够根据动作来实现特殊效果的(二)实验步骤
1.行为概述 2.行为面板
3.Dreamweaver 8内置的行为 4.下载和安装第三方行为 5.行为的应用
五.实验习题
1、创建一个静态网页
2、插入层
3、打开行为面板
4、插入对应行为
五.实验拓展习题(学生选做)
制作一个显示-隐藏层的网页特效