dreamweaver网页设计教案12 - 网页设计.docxVIP

接外部样式表”对话框，可以链接外部的CSS样式文件。l清除样式:选中要清除样式的对象

接外部样式表”对话框，可以链接外部的CSS样式文件。l清除样式:选中要清除样式的对象,设置成“无”样

程和步骤，着重提出保存和站点文件夹的命名。详细讲解站点结构的组织方法和原则。分别演示这几个操作通过d

这些分散的网页组合成一个统一的整体，让浏览者只打开主页就能访问到其它各个面呢？----需要创建超级链

，超级链接的路径较难理解；其他内容相对容易，且操作性较强，易掌握，学生基本都能创建各种类型的超级链接

dreamweaver网页设计教案第1章网页设计基础教学目标与要求熟记站标、导航条、广告条、按钮等网页构成要素，以及网页、网站、IP地址、域名、网址等概念；了解网页的本质和网页的布局类型和HTML文档的基本结构，熟练掌握网站建设的基本流程。

1.网页的构成要素和组成元素n网页的构成要素：站标、导航条、广告条、标题栏和按钮；n网页的组成元素：文字、图片、动画（gif、flash）、表单（交互功能）、音频、视频、超链接、表格、框架、导航等。

2.网页相关知识简介n基本概念：网页的本质网页、网站、主页、互联网动态网页、静态网页IP地址、域名、网址（url）、浏览器等概念n网页布局网页布局的相关概念常见的布局类型n网站管理与网页制作相关软件制作和管理网页工具；制作和优化网页图像工具；

制作网页动画工具；其中Dreamweaver、fireworks、flash这三个软件合称为网页“三剑客”。

其他小工具软件。

nXHTML语言简介n脚本语言简介3.网页的设计理念和配色方案n网页的设计理念n色彩的三要素n网页中的色彩心理与网页表现n色彩搭配应遵循的原则4.网站的开发流程①网站需求分析②设计制作网站页面③空间和域名申请④测试和发布网站⑤网站推广制作页面第二阶段：创建站点，设计制作各级页面规划网站准备素材定义站点设置页面属性第一阶段：网站需求分析第三阶段：申请空间和域名第四阶段：测试和发布网站第五阶段：网站推广5.典型网站分析n页面结构n色彩运用以提问的方式引

5分钟）举例讲解行为的创建步骤。（10分钟）演示常用的DW内置行为的操作步骤和要领，部分调整在机房讲图像格式有哪些？各有什么特点？如果在网页中添加动画格式的浮动广告，采用何种格式？为什么？电子相册，应

5分钟）举例讲解行为的创建步骤。（10分钟）演示常用的DW内置行为的操作步骤和要领，部分调整在机房讲

图像格式有哪些？各有什么特点？如果在网页中添加动画格式的浮动广告，采用何种格式？为什么？电子相册，应

、行为和时间轴的综合运用教学难点1.使用DW内置的行为；2.高级行为的应用；3.AP元素、行为和时间

与作用3.１.５设置段落效果1.设置段落格式２.缩进段落３．对齐段落（4种对齐方式）４.分段与换行的

打开一个搜狐主页，保存成不同的类型，让大家看保存的效果，加深对网页本质的理解；先打开一个网页的源文件，结合网络常识，详细讲解网页的定义，然后略讲网站和主页的概念。并提醒同学理解并记忆这些概念。

以平顶山学院和搜狐网站的IP地址与域名为例，简要讲述这两个概念。通过查看分析知名网站的网址引入url的定义和组成，其它概念略讲。提醒学生理解并记忆上述概念。

打开一网页（详细讲解网页布局效果的教程）让学生讨论、分析总结布局类型。

根据学生特点简要讲解ps、flash、fw等软件在网页设计中的功能。让学生欣赏插入后的效果，吸引学生dw的相关代码。

结合上网的经验，让学生总结网页的设计理念。

色彩的三要素和心理表现学生在上学期的ps课程中学习过，采用提问法，进行复习；然后打开几个典型网站，分析其配色方案，最后总结网页中色彩运用的原则。

根据设计的先后顺序和学生一起分析总结网站的开发流程，并用图加以解释，重点讲解网站的需求分析，以加深学生对重点知识的掌握。

采用课堂讨论教学法，打开几个典型的网页让同学们讨论总结网站的构成要素、组成元素、布局结构和配色方案。

教学目标与要求1.学会编辑设置和管理站点2.理解站点面板的设置使用3.能打开、编辑、删除、上传站点。5.课堂实例用布局表格布局网站主页展示一个布局合理、美观的网页，激起学生的学习兴趣。简要讲解并3种表体的运用3.3.1在网页中使用视频flash1.网页中常见的视频文件格式和插入方法；2.常见的fla模式中不能像布局表格的空白区域插入内容，只能创建布局单元格，布局单元格才是承载具体内容的容器。4.2作业布置：