2、面板组:是分组在某个标题下面的相关面板的集合。 3、属性检査器:用于测试和编辑当前所选页面元素的属性 五、站点的建立: 步骤:1、在硬盘上新建一个用来存放网站内容的文件夹。 2、“站点”“管理站点” 3、“新建”“站点” 4、定义“编辑文件”第一部分:为站点输入名称。 5、定义“编辑文件”第二部分:服务器技术的运用与否。 6、定义“编辑文件”第三部分。 7、定义“共享文件” 8、完成 六、编辑网页 教 1、用记事本:<html <head> < title>欢迎光临我的第一个网页!</ title </head> <body> 这是我的第一个网页!</ody /html> 过 2、用 dreamweaver编辑 七、教学反思 程学生通过本节课的学习后,大多数同学已经掌握了网页制作软件 dreamweaver创建站 点的应用,制作一个简单的网页。在教学过程中取得了较好的效果。同时在教学过程 中应该应用较多的实例来调动学习积极性 八、课外作业:上机练习
教 学 过 程 2、面板组:是分组在某个标题下面的相关面板的集合。 3、属性检查器:用于测试和编辑当前所选页面元素的属性。 五、站点的建立: 步骤:1、在硬盘上新建一个用来存放网站内容的文件夹。 2、“站点”“管理站点” 3、“新建”“站点” 4、定义“编辑文件”第一部分:为站点输入名称。 5、定义“编辑文件”第二部分:服务器技术的运用与否。 6、定义“编辑文件”第三部分。 7、定义“共享文件” 8、完成。 六、编辑网页 1、 用记事本:<html> <head> <title>欢迎光临我的第一个网页!</title> </head> <body> 这是我的第一个网页!</body> </html> 2、 用 dreamweaver 编辑 七、教学反思: 学生通过本节课的学习后,大多数同学已经掌握了网页制作软件 dreamweaver 创建站 点的应用,制作一个简单的网页。在教学过程中取得了较好的效果。同时在教学过程 中应该应用较多的实例来调动学习积极性 八、课外作业:上机练习
Dreamweaver MX2004教案 第三周星期二 第1、2节 表格的应用 课题教标 学目通过本节学习,让学生掌握在网页中如何应用表格,以及如何对表格进行编辑 教学重表格的创建与修改 点 教学难表格的修改
Dreamweaver MX2004 教案 第三周 星期二 第 1、2 节 课 题 表格的应用 教 学 目 标 通过本节学习,让学生掌握在网页中如何应用表格,以及如何对表格进行编辑。 教 学 重 点 表格的创建与修改 教 学 难 点 表格的修改
复习:1、如何利用 Dreamweaver mX2004创建一个站点 2、如何利用 Dreamweaver MX2004创建一个简单的网页。 讲授新课 概念 1、表格宽度:百分比、像素 2、边框粗细:设置表格边框的大小,默认值为1像素 3、单元格边框:单元格中的内容与边框距离的大小。 4、单元格间距:指单元格与单元格、单元格与表格边框的距离,两者的单位都 为像素 5、页面设置:实质是为表格选择一个加粗文字的标题栏,这样对于要求标题以 默认粗体显示的表格省去加粗动作, 教 、表格的编辑和排版 1、创建表格 方法一:菜单。单击“插入/表格”命令,完成表格创建操作 学 方法二:在“常用”工具栏中单击“插入表格”按钮,创建表格 2、表格修改 (1)表格的宽度和高度 过 (2)表格的背景和边框 3、选择单元格 1)选择单个单元格:按 delete键后,内容清除,表格存在 (2)连续选多个单元格: 程 (3)选择整行单元格: (4)选择多个非连续的单元格:按下ctr键。 (5)选择整个表格 4、调整行和列的宽度和高度 5、插入行和列 修改一-表格一插入行或列 6、拆分和合并单元格 7、表格的嵌套 在一个表格的其中一个单元格里再插入一个表格,“插入”一“表格” 、课堂小结 学生通过本节课的学习后,大多数同学已经掌握了网页制作软件 dreamweaver的表格 创建,应用及编辑。制作一个简单的网页。在教学过程中取得了较好的效果。同时在 Dreamweaver MX2004教案 第三周星期三 第1,2节 课 表格应用实例(一)
教 学 过 程 复习:1、如何利用 Dreamweaver MX2004 创建一个站点。 2、如何利用 Dreamweaver MX2004 创建一个简单的网页。 讲授新课: 一、概念 1、 表格宽度:百分比、像素 2、 边框粗细:设置表格边框的大小,默认值为 1 像素。 3、 单元格边框:单元格中的内容与边框距离的大小。 4、 单元格间距:指单元格与单元格、单元格与表格边框的距离,两者的单位都 为像素。 5、 页面设置:实质是为表格选择一个加粗文字的标题栏,这样对于要求标题以 默认粗体显示的表格省去加粗动作。 二、表格的编辑和排版 1、 创建表格 方法一:菜单。单击“插入/表格”命令,完成表格创建操作。 方法二:在“常用”工具栏中单击“插入表格”按钮,创建表格。 2、 表格修改 (1) 表格的宽度和高度 (2) 表格的背景和边框 3、 选择单元格 (1) 选择单个单元格:按 delete 键后,内容清除,表格存在。 (2) 连续选多个单元格: (3) 选择整行单元格: (4) 选择多个非连续的单元格:按下 ctrl 键。 (5) 选择整个表格 4、 调整行和列的宽度和高度 shift 5、 插入行和列 修改---表格---插入行或列 6、 拆分和合并单元格 7、 表格的嵌套: 在一个表格的其中一个单元格里再插入一个表格,“插入”—“表格” 三、课堂小结: 学生通过本节课的学习后,大多数同学已经掌握了网页制作软件 dreamweaver 的表格 创建,应用及编辑。制作一个简单的网页。在教学过程中取得了较好的效果。同时在 教学过程中应该应用较多的实例来调动学习积极性。 四、课外作业:课后习题填空 1、2、3 Dreamweaver MX2004 教案 第三周 星期三 第 1,2 节 课 表格应用实例(一)
题教标教点教点 教学目1、掌握表格的创建及修改操作:2、将本班课程表设计成一个网页 教学重「将课程表做成一个网页 学难表格的修改
题 教 学 目 标 1、掌握表格的创建及修改操作;2、将本班课程表设计成一个网页。 教 学 重 点 将课程表做成一个网页 教 学 难 点 表格的修改
复习:1、如何创建一个表格? 、如何修改创建好的表格? 3、更改表格中行、列、单元格属性 讲授新课: 304班课程表- Microsoft Internet Explorer 巴回 文件)编辑〕查看Q)收藏④)工具①帮助Q 收藏夹 地址①)]D34mc数案1m849m 分转到链接 304班课程表 星期一星期二星期三星期四星期五 程序设计动面制作图像处理动画制作 vB程序设计动画制作图像处理动画制作 教 午网页制作硬件组装网页制作网页制作 网页制作硬件组装WB网页制作网页制作 学 下动画制作图像处理程序设计硬件组装图像处理 午动画制作图像处理程序设计硬件组装图像处理 我的电脑 过 、操作步骤 1、启动 Dreamweaver MX2004 2、创建新站点 程创建一新网页,网页标题为“304班课程表” 4、单击“插入”菜单,选择“表格”命令 5、创建一个8行6列的表格,设置表格的宽度为480像素,高度为200像素 6、设置表格的边框,单元格宽度、高度及背景颜色 7、对表格进行合并和拆分操作,如上图所示 8、在表格中输入本班的课程表 9、保存预览,完成网页操作。 、上机练习 按要求完成本网页的制作 、教学反思 学生通过本节课的学习后,大多数同学已经掌握了网页制作软件 dreamweaver中表格 的应用及其把课程表设计为网页的操作。制作一个简单的网页。在教学过程中取得了 较好的效果。同时在教学过程中应该应用较多的实例来调动学习积极性 Dreamweaver MX2004教案 第四周星期一 第3、4节 课 表格实例(二)
教 学 过 程 复习:1、如何创建一个表格? 2、如何修改创建好的表格? 3、更改表格中行、列、单元格属性。 讲授新课: 一、操作步骤 1、启动 Dreamweaver MX2004 2、创建新站点 3、创建一新网页,网页标题为“304 班课程表” 4、单击“插入”菜单,选择“表格”命令 5、创建一个 8 行 6 列的表格,设置表格的宽度为 480 像素,高度为 200 像素 6、设置表格的边框,单元格宽度、高度及背景颜色 7、对表格进行合并和拆分操作,如上图所示 8、在表格中输入本班的课程表 9、保存预览,完成网页操作。 二、上机练习 按要求完成本网页的制作 三、教学反思 学生通过本节课的学习后,大多数同学已经掌握了网页制作软件 dreamweaver 中表格 的应用及其把课程表设计为网页的操作。制作一个简单的网页。在教学过程中取得了 较好的效果。同时在教学过程中应该应用较多的实例来调动学习积极性 四、作业 Dreamweaver MX2004 教案 第四周 星期一 第 3、4 节 课 表格实例(二)