初步了解Dreamweaver.docVIP

XXXXX学校授课教案 授课班级： __________ 授课教师：__________ 第___周 星期____ 第___节 200____年____月___日 课 题 初步了解Dreamweaver 课型 新授 教学目标 1．了解Dreamweaver界面 教学 重点 dreamweaver的界面 教学难点 各个面板的调用 教学方法 讲练 演示 课前测标 知识回顾：回顾上堂课的内容，站点的建立（3‘） 学生自学 登陆论坛相应板块,先阅读本课程的知识要点,以及要操作的实验内容(5’) 教 学 过 程 一、引入 （2‘） 为什么要用Dreamweaver而不用Frontpage？ Dreamweaver是Macromedia公司的出品，它以程序小、运行速度快、所制作网页代码少这些优点，赢得了网页制作人员的喜爱。 二、新授 （15‘） 例一：m1.htm和f1.htm的大小比较 例二：frontpage安装程序和dreamweaver安装程序的大小比较 例三：frontpage运行和dreamweaver启动比较 1．文档窗口：主菜单、工具栏、底部启动条、文档编辑区 2．对象面板：标准、表格、表单、框架、特殊、文件头、隐藏、字符 教 学 过 程 3．启动面板：站点管理、代码检查、HTML样式、CSS样式、行为、历史记录、资源管理 4．属性面板：随目前对象不同而内容不同 三、实验任务 （15‘） 当 堂 训 练 实验要求： 1．写出Dreamweaver对象界面中所有对象的名称 2．新建一个空白网页，写出空白网页的HTML代码 3．回复论坛 作 业 教 学 反 思 科组长查阅签名： 日期：200 年 月 日 教导处查阅： XXXXXX学校授课教案 授课班级： __________ 授课教师：__________ 第___周 星期____ 第___节 200____年____月___日 课 题 认识Dreamweaver（二） 课型 新授 教学目标 回忆原来学过的网页的文字知识，熟悉Dreamweaver的操作，熟悉属性面板的使用，掌握页面属性、文本属性的设置 教学 重点 常用属性 教学难点 向导图片、预格式化、图片的路径 教学方法 讲练 演示 课前测标 回顾上堂课程的内容：Dreamweaver界面 （3‘） 学生自学 登陆论坛相应板块,先阅读本课程的知识要点,以及要操作的实验内容(5’) 教 学 过 程 一、复习引入（2‘） 1．输入文本 2．回车键的作用 3．如何输入换行符：Shift+ENTER，或者是对象面板à符号 4．换行符对应的HTML标记 二、新授 （10） 设置页面属性 1．打开页面属性对话框：右击页面，选择页面属性（page properties） 2．设置标题显示（Title）： 3．设置页面背景（Background image）：选择背景图像，注意路径 4．设置背景颜色Background： 5．设置本页面中文字的颜色Text：在没有设置其它的字体颜色前，这个文字颜色发生作用，一旦对具体的文字设置颜色，这个设置就不起作用了 6．设置链接的各种颜色（Visited Links、Active Links、Links） 7．设置页面边界（Left Top ）：使内容与边框没有空隙 8．设置文档字符集（Document Encoding）：gb2312 9．设置向导图片（Tracing Image）：用于设计时，下面的滑动条用于设置这个图片的透明度（Transparent） 三、设置文本属性 1．格式（Format）： （1）样式：段落（Paragraph），标题（Heading1）、……预先格式化的（preformatted） 教 学 过 程 预先格式化的：可以输入空格，可以按文本原来的样子排列，缺点是不能实现自动换行 （2）字体：Default Font （3）大小：Size （4）颜色： （5）其它：加粗、倾斜 （6）对齐： 2．链接（Link）：链接到文件，链接到地址， 相关（Relate to）：文档（Document），站根目录（SiteRoot） 3．目标（Target）：打开链接的目标_blank、_self、_parent、_top 4．项目符号、编号和缩进 四、实验 （观看视频