没有合适的资源?快使用搜索试试~ 我知道了~
《Dreamweaver网页设计》教案.docx
资源推荐
资源详情
资源评论
《Dreamweaver 网页设计》教案
第 1 章 网页设计基础
教学目标与要求
熟记站标、导航条、广告条、按钮等网页构成要素,以
及网页、网站、IP 地址、域名、网址等概念;了解网页
的本质和网页的布局类型和 HTML 文档的基本结构,熟练
掌握网站建设的基本流程。
教学重点
重点:站标、导航条、广告条、网页、网站、IP 地址、
域名、网址等概念,以及网站建设的流程
教学难点
难点: IP 地址、域名、网址,HTML 文档的基本结构及其
常见标签
教学方法
提问、启发、图示、情景教学、案例、课堂讨论
教学课时
2 课时
第 1 章 网页设计基础
教学
提示
导入课程:大家会输入文字、制作和处理图像、
设计动画,如何把这些作品放到 internet 中,
让更多的人去查阅和欣赏呢?---DW 就可以
制作网页。
1.网页的构成要素和组成元素
网页的构成要素:站标、导航条、广告条、
标题栏和按钮;
网页的组成元素:文字、 图 片 、 动 画
(gif、flash)、表单(交互功能)、音频、
视频、超链接、表格、框架、导航等。
2.网页相关知识简介
基本概念:
➢ 网页的本质
➢ 网页、网站、主页、互联网
➢ 动态网页、静态网页
➢ IP 地址、域名、网址(url)、浏览器
等概念
网页布局
以提问的方式引入课程
采用课堂讨论教学法,打开
几个典型的网页让同学们
讨论总结构成要素和组成
元素。
打开一个搜狐主页,保存成
不同的类型,让大家看保存
的效果,加深对网页本质的
理解;
先打开一个网页的源文件,
结合网络常识,详细讲解网
页的定义,然后略讲网站和
《Dreamweaver 网页设计》教案
➢ 网页布局的相关概念
➢ 常见的布局类型
网站管理与网页制作相关软件
➢ 制作和管理网页工具;
➢ 制作和优化网页图像工具;
➢ 制作网页动画工具;
➢ 其中 Dreamweaver、 fireworks、
flash 这三个软件合称为网页“三
剑客”。
➢ 其他小工具软件。
HTML 语言
➢ HTML 的概念
➢ HTML 文档的基本结构
➢ 几个常见的 html 标签: html、
head、title、style、script、link、
meta、body、img、p、font 等。
XHTML 语言简介
脚本语言简介
3.网页的设计理念和配色方案
网页的设计理念
色彩的三要素
网页中的色彩心理与网页表现
色彩搭配应遵循的原则
4.网站的开发流程
① 网站需求分析
② 设计制作网站页面
③ 空间和域名申请
④ 测试和发布网站
⑤ 网站推广
5.典型网站分析
页面结构
主页的概念。并提醒同学理
解并记忆这些概念。
以注册和登录邮箱为例,对
比讲解动态网页和静态网
页的特点和区别。
以平顶山学院和搜狐网站
的 IP 地址与域名为例,简
要讲述这两个概念。通过查
看分析知名网站的网址引
入 url 的定义和组成,其它
概念略讲。提醒学生理解并
记忆上述概念。
打开一网页(详细讲解网页
布局效果的教程)让学生
讨论、分析总结布局类型。
根据学生特点简要讲解 ps、
flash、fw 等软件在网页设
计中的功能。
打开搜狐主页的源代码,让
学生认识一下 html 语言及
其结构,然后分别用记事本
和 dw 创建 2 个最简单的网
制作页面
第二阶段:创建站点,设计制作各级页面
规划网站
准备素材
定义站点
设置页面属性
第一阶段:网站需求分析
第三阶段:申请空间和域名
第四阶段:测试和发布网站
第五阶段:网站推广
《Dreamweaver 网页设计》教案
色彩运用
页,让学生细看其源代码,
并详细讲解 8 个基本标签
及其结构关系,最后根据时
间酌情讲解其它几个常见
标签。
简要讲解这两个概念,然后
创建一个网页,复制无缝循
环的代码并粘贴到网页的
body 标签,让学生了解脚
本语言的功能。
让学生欣赏插入后的效果,
吸引学生 dw 的相关代码。
结合上网的经验,让学生总
结网页的设计理念。
色彩的三要素和心理表现
学生在上学期的 ps 课程中
学习过,采用提问法,进行
复习;然后打开几个典型网
站,分析其配色方案,最后
总结网页中色彩运用的原
则。
根据设计的先后顺序和学
《Dreamweaver 网页设计》教案
生一起分析总结网站的开
发流程,并用图加以解释,
重点讲解网站的需求分析,
以加深学生对重点知识的
掌握。
采用课堂讨论教学法,打开
几个典型的网页让同学们
讨论总结网站的构成要素、
组成元素、布局结构和配色
方案。
作业布置:
1.察看并对比分析大型网站(如中国网、着名学校网、着名医院网、
官方网、科技网、娱乐休闲运动网、儿童网、体育网、着名出版社网、
cctv 网站、sohu、yahoo、IBM、微软等)的风格、色彩搭配与布局。
2 .察看的同时下载自己需要的文章、图片、软件等资源。
3.课后习题。
提问
小结:通过提问、启发、图示、情景教学、课堂讨论等教学方法的综
合运用,提高了学生的学习兴趣,从学生的反应看,授课效果很
好。
第 2 章 Dreamweaver 基础知识
教学目标与要求
熟悉 Dreamweaver 8 工作界面 ,熟记几个常用的工具按钮
和菜单命令;熟练掌握站点的创建步骤,能快速规范地创
建站点;能够快速创建、打开、保存网页文档;能熟练设
置页面的属性。
教学重点
1.创建站点并组织站点的结构;2. 在站点中创建网页 3.
页面的属性设置
教学难点
HTML 基础
教学方法
举例为主,适当讲授操作要领,提问以测试课题效果。
《Dreamweaver 网页设计》教案
教学课时
2 课时
第 2 章 Dreamweaver 基础知识
教学 提示
我们一贯都是浏览网页,想自己动手做网站吗?
用 什 么 工 具 做 网 站 ? 怎 样 做 呢 ? ---
Dreamweaver 网页制作工具。
2.1 熟悉 Dreamweaver 8 工作界面
2.2 网站创建与管理
2.2.1 站点的定义、组成和结构
2.2.2 网页文档与文件夹命名规则
2.2.3 创建本地站点的步骤
2.2.4 组织站点结构
2.3 网页文档基本操作
新建、保存、预览、打开、关闭
2.4 基本页面属性设置
制定文档标题和边距、网页背景颜色和背
景图像,为网页设置文本属性、链接属性
和跟踪图像的属性,总结页面的使用的技
巧:
抛出问题,引入新课
启动 dw,详细讲解插入栏、
文档标签与“文档”工具
栏、状态栏的作用,区分
标签检查器、标签选择器、
标记选择符 3 个概念及
其作用
详细讲解站点的定义、组
成、结构,以及文件和文
件夹的命名规则。
演示站点的创建过程和
步骤,着重提出保存和站
点文件夹的命名。
详细讲解站点结构的组
织方法和原则。
分别演示这几个操作
通过 dw 设计视图分别创
建 1 个网页,分别演示文
档标题和边距、背景颜色
和背景图像、文本和链接
属性,以及跟踪图像的属
性的设置方法和步骤,帮
助学生掌握页面的设置
过程。并总结页面设置和
创建过程中的一些使用
技巧。
作业:习题一第 1,2, 3 题
小结:本次课内容操作性很强,经过学生自己上台操作,发现大多数学生都能
创建并组织好一个站点,还能快速地设置网页的属性,达到了教学目标的要求。
第 3 章 网页中的基本元素
教学目标与要求
1.熟练操作网页中的文本;
2.熟练插入各种格式的图像并设置其属性;
3.了解图像切片的作用;
4.熟练制作图像切片,并插入到 dw 中
教学重点
1.文本对象的插入和格式设置;
2.GIF、PNG 和 JPEG 三种图像格式 的异同点和使用环境;
3.用 fireworks 制作网页切片的方法;
教学难点
1.设置文本标题;段落的设置效果;
2.GIF、PNG 和 JPEG 三种图像格式的异同点和使用环境;
剩余27页未读,继续阅读
资源评论
是空空呀
- 粉丝: 171
- 资源: 3万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功