题教标教点教点 教学目1、掌握表格的创建及修改操作:2、将教材目录设计成一个网页。 教学重「教材目录设计为一个网页 学难单元格修改操作
题 教 学 目 标 1、掌握表格的创建及修改操作；2、将教材目录设计成一个网页。 教 学 重 点 教材目录设计为一个网页 教 学 难 点 单元格修改操作
复习:1、表格的创建与修改 表格中单元格的操作 课程表网页制作 讲授新课: 实例操作步骤 3 Dreamweaver夏2004实例教程- Microsoft Internet Explorer 文件q)编辑)查看Q收藏0)工具①)帮助g 后·国图的户数☆收来公 址)但Ddu教案 TMPewtoerage.ht 长输入关键字直接搜索N转到链援” Dreamweaver IX2004实例教程 章网站津设介绍 8.2表单对象 4 8.3表单操作实例 1.2系统配置和软件安装 第9章框架 1.3编辑环境 9.1设置框架 教 1.4面板介绍 9.2框架属性 :50 1.5页面标尺及网格 9.3为框架设置链接 6创建新站点及新页面 9.4框架制作实例 第10章行为 2.1文字的应用 0.2行为的具体应用 第11章提高网站工作效率 学 第3网顶页中的图像 11.1使用库项目 57 3.1图像的应用 11.2使用历史记录面板 .2图像的满 1.3编单命令 3.3使用外部图像编辑器 第12意站点管理 4创建图像的特殊效果 2.1创建本地站点 第4盘网页中的表格 12.3使用站点面板 过 完毕 我的电脑 程 1、新建一页面 2、在新建页面中创建一45行7列的表格,表格的宽度为600像素,第一列宽度 为190像素,第二列宽度为60像素,第三列宽度为30像素,第四列宽度为 40像素,第五列宽度为190像素,第六列宽度为60像素,第七列宽度为30 像素 3、将表中第四列的单元格选定,并将其合并为一个单元格 4、将 Dreamweaver MX2004教材上的目录输入到表格中,如上图所示。 5、设置文字属性:文字字体为“宋体”,文字大小为“12像素”,文字对齐方式 为“居中”。 6、添加省略号和页数,最后保存,效果如上图所示。 上机练习 表格的创建及修改操作 过 数同 网页 Dreamweaver MX2004教案 第四周星期二 第1、2节 课 表格线框制作
教 学 过 程 复习：1、表格的创建与修改 2、表格中单元格的操作 3、课程表网页制作 讲授新课： 一、实例操作步骤 1、 新建一页面 2、 在新建页面中创建一 45 行 7 列的表格，表格的宽度为 600 像素，第一列宽度 为 190 像素，第二列宽度为 60 像素，第三列宽度为 30 像素，第四列宽度为 40 像素，第五列宽度为 190 像素，第六列宽度为 60 像素，第七列宽度为 30 像素。 3、 将表中第四列的单元格选定，并将其合并为一个单元格 4、 将 Dreamweaver MX 2004 教材上的目录输入到表格中，如上图所示。 5、 设置文字属性：文字字体为“宋体”，文字大小为“12 像素”，文字对齐方式 为“居中”。 6、 添加省略号和页数，最后保存，效果如上图所示。 一、上机练习 二、小结 1、 表格的创建及修改操作 三．教学反思学生通过本节课的学习后，大多数同学已经掌握了网页制作软件 dreamweaver 创建站点的应用，制作一个简单的网页。在教学过程中取得了较好的效 果。同时在教学过程中应该应用较多的实例来调动学习积极性 三、 Dreamweaver MX2004 教案 第四周 星期二 第 1、2 节 课 表格线框制作
题教标教点教点 教学目掌握边框的制作方法,尤其是细线边框、粗线边框的制 教学重细线边框制作 学难细线边框制作
题 教学目 标 掌握边框的制作方法，尤其是细线边框、粗线边框的制作 教学重 点 细线边框制作 教学难 点 细线边框制作
复习:1、表格和单元格操作 2、目录网页制作 讲授新课: 细表格边框制作方法 方法一:背景设置式 <html> tt>背景设置式一细边框表格</tte </head> body> <table width=200"border=" 0" cellpadding="2"cellspacing="1"bgcolor="#000000"> < th bgcolor=“# FFFEE" colspan="2">背景设置式一细边框表格</h> </tr> td bgcolor="辆FFEE"text…td> 教 <td bgcolor"#FFFFEE">text. -</td> </tr> <td bacolor"#iFFFFEE">text, .</td> <td bgcolor"#FFFFEE>text .</td> 学 过方法二: <html <tle边框设置式一细边框表格</ttle> 程 ctablewdh=2D0"borde="1"celadding="2"celspacing="0"bordercolorigh="机D"bordercolordatk="#FFFFF"b color"HFFFFEE"> th colspan="2>边框设置式一细边框表格<h> d>tet…</td> td>teot…</td> <td>text <td>text…</td>
教 学 过 程 复习：1、表格和单元格操作 2、目录网页制作 讲授新课： 一、细表格边框制作方法 方法一：背景设置式 方法二：
方法三:CSS层叠式 title>css层式一细边框表格<tite E<style type="text/css"> 1. T Sample border-collapse: collapse border: none background: #FFFFEE 中 T Sample th border: solid 1 px #OO0000 中 T Sample td border. solid 1px #OO000 教 <table width="200"border="1"cellpadding=2"=0"class="T Sample"> < sth colspan="2">css层叠式一细边框表格</h> <td>text 过 <td>text…</td> </html> 上机练习 1、用第一种细表格方法完成课程表网页制作 2、用第二种细表格方法完成目录网页制作。 3、用第三种细表格制作方法完成P54面实例 教学反思 学生通过本节课的学习后,大多数同学已经掌握了网页制作软件 dreamweaver边框的 制作方法,尤其是细线边框、粗线边框的制作应用,制作一个简单的网页。在教学过 程中取得了较好的效果。同时在教学过程中应该应用较多的实例来调动学习积极性 四、作业
教 学 过 程 方法三：CSS 层叠式 二、上机练习 1、 用第一种细表格方法完成课程表网页制作。 2、 用第二种细表格方法完成目录网页制作。 3、 用第三种细表格制作方法完成 P54 面实例。 三、教学反思： 学生通过本节课的学习后，大多数同学已经掌握了网页制作软件 dreamweaver 边框的 制作方法，尤其是细线边框、粗线边框的制作应用，制作一个简单的网页。在教学过 程中取得了较好的效果。同时在教学过程中应该应用较多的实例来调动学习积极性 四、作业