网页制作第二节教案_网页制作教案二

网页制作第二节教案由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“网页制作教案二”。

由莲山课件提供http://www.daodoc.com/ 资源全部免费

【第六章 第二节 网页制作】教案

一、【教学目标】

1、插入表格，利用表格布局页面

2、插入背景图像，插入图象，对比两者的异同。

二、【教学重点】 利用表格布局

三、【难点、关键】 表中表的使用

四、【教学方法】 演示、任务驱动法

五、【课时安排】1课时

六、【教学环境】多媒体教育广播系统，Dreamweaver软件

七、【教学过程】 1．导入新课

①回顾上节课的学习内容

②小组讨论对比两个网页布局有什么不同？（心系奥运，古玩今玩）

2．新课讲述

1．利用表格布局页面（布局表格和普通表格）操作步骤：

①“插入”/“表格”或者在常用插入栏中的“插入表格”按钮

②在表格对话框中设置插入表格的行数，列数，表格宽度，边框粗细，单元格边距等，③单击“确定”按钮完成表格的创建

（如果要边框显示就设置边框的值，如果不要，就将其设置为0）

表格属性的设置（合并单元格，表格（选中整个表格）、文字的对齐方式（选中单元格）

背景色设置）

利用表中表来布局页面的技巧（参考“心系奥运”的布局方法）

 任务一:在”心系奥运”首页分别利用表格布局和普通表格两种方法设计导般条.由莲山课件提供http://www.daodoc.com/ 资源全部免费 由莲山课件提供http://www.daodoc.com/ 资源全部免费

2．插入图片 背景图片

“修改”/“页面属性”命令弹出“页面属性”对话框，在“分类”列表框中有“外观”中设置，注意使用背景图像的一些方法：①使用小图，图片容量小，方便传输，页面美观 ②色彩淡点，有利于后面的页面制作。插入图片 操作步骤：

①将插入点移到要插入图片的位置，“插入（I）”菜单中的“图像（I）”命令，打开“图像源文件”对话框，如果要插入的图片已经保存在当前的网站中，可以直接在图的列表框中选取，然后单击“确定”按钮。否则，单击“浏览”按钮，从“选择文件”对话框中选择所需图片，单击“确定”按钮，将图片插入到网页中。② 拖动图片到页面左侧适当位置。注意要把图片放到站点下 说明两种图像的不同点

 任务二：在首页插入四幅图像,每一幅图像代表一个模块,图象大小设置成”249*48”,后面用文字说明模块的概意 

在表格中输放文字

文字编辑是制作网页最基本的操作。在网页编辑窗口中，可以像在Word中一样直接输入文字，进行编辑和排版。

 任务三: 在插入的四幅图像后加入文字说明，采用默认的字体和字号，颜色为黑色，居中排列。

八、小结本次课内容

总结本堂课的学习内容，还有，确定各小组期末作品的主题。

由莲山课件提供http://www.daodoc.com/ 资源全部免费