Dreamweaver8.0教案要点分析.doc

第 1讲 第 1、2课时（第 1 周） 课 题： 课 时：2学时 教学目标： 了解本课程的教学目的、把握本课程的学习方法 教学重点： 课程的教学内容体系 教学难点： 课程的学习方法 教学方法： 教 具： 黑板 教学过程: 自我介绍 个人简介 个人学习工作方式方法介绍 课程简介 课程的主要特点：dreamweaver是网页设计的可视化设计软件。A、主题鲜明：通过文字或表现手法能很快识别主题是什么。 B、网站名称简介：容易记忆 C、色彩搭配合理：风格一致，视觉美观 D、布局合理：符合人的视觉焦点，按照网站的特点布局 三、作业 请大家回去后对书本上的P9图1-4-1—图1-4-4根据上课的分析方法给予欣赏，给出分析报告。 第 3 讲 第 5、6课时（第 1 周） 课 题： 网页版式、色彩的运用 课 时：2学时 教学目标： 了解几种常见的布局格式、掌握网页色彩的基本概念 教学重点： 色彩的基本概念 教学难点： 色彩的感觉 教学方法： 讲授法 教 具： 多媒体 教学过程: 复习 1、网页的构成要素 2、作业讲解 新授 1、网页的常见布局格式 1）T型 2）口型 3）三型 4）对比结构 5）POP结构 2、版式设计的要求：整体和谐，兼顾美学的连续、渐变、对称、比例、平衡、调和、律动、统一、完整等。 3、色彩的运用 1）色彩的要素：色相、饱和度、明度 2）色彩的三基色：R、G、B 3）色彩的感觉 4）色彩的搭配 原则：必须适合主题，色彩不超过3种，跳跃式色彩搭配，对比明显。 配色方案：暖色调、冷色调、相近色、对比色调。 作业 结合自己的网页设计思考色彩的运用。 第 4 讲 第 7、8课时（第 2 周） 课 题： 网网页网页是计算机网络最基本的信息单位,它实际是一个文件,存放在世界某个角落的某一台计算机中,当我们在浏览器输入网址后,网页文件会被传送到你的计算机,这样就可以利用网页来访问计算机了网页分类1）静态网页:网页中包含文字图片2）动态网页:网页中包含文字图片以及交互功能.两者的主要区别:是否包含交互功能网站设计的原则 内容明确（２） 网页色调和谐，布局清晰。（３） 网站有效的导航条使人很容易从每一页上访问网站的任何部分每一页同样的位置上都有相同的导航条（４）避免长文本页面避免使用过大的图像不要使用横。 避免错误链接保证链接有效。img标记、flash动画、视频、表格、超级链接、日期、水平线等：39属性可以在属性面板中进行可视化设置 修改：可以使用修改菜单更改选定页面元素的属性。 文本：可以设置文本的格式，如段落格式，字体等。（重点介绍编辑字体列表）文本环绕排版及停止文本环绕 40　看40 命令：提供各种命令的访问。 站点：提供用于管理站点以及上传和下载文件的菜单项，可以创建站点和对 已有站点进行编辑 窗口：提供对Dreamweaver中的所有面板，检查器和窗口的访问。 帮助：提供了对Dreamweaver文档的访问。 第 5 讲 第 9、10课时（第 2 周） 课 题： Dreamweaver基础 课 时：2学时 教学目标：了解Dreamweaver的基本工作界面 教学重点： Dreamweaver各工作区及各控件功能 教学难点： 各控件功能 教学方法： 演示法、讲授法 教 具： 多媒体电脑 教学过程: 一、Dreamweaver介绍 Dreamweaver MX 2004 是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。 利用 Dreamweaver 中的可视化编辑功能，可以快速地创建页面而无需编写任何代码。可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。可以在Fireworks 或其他图形应用程序中创建和编辑图像，然后将它们直接导入 Dreamweaver，或者添加 Flash 对象，从而优化开发工作流程。 二、Dreamweaver 工作区 使用Dreamweaver 工作区可以查看文档和对象属性。工作区还将许多常用操作放置于工具栏中，使用它可以快速更改文档。 工作区布局 在 Windows 中，Dreamweaver 提供了一个将全部元素置于一个窗口中的集成布局。在集成的工作区中，全部窗口和面板都被集成到一个更大的应用程序窗口中。 Dreamweaver 工作区元素 “