1、青春,青春是什么？,年轻活泼,有着激流勇进般的热情,无边无际的梦想,青春可以说是人生的花朵，无价的珠宝。,第2单元 利用表格制作网页,学习目标,1、知识与技能：设计构思网页的整体布局，按布局在网页中插入表格，并能在表格单元格中，添加合适的内容，通过文本、单元格的修饰，美化自己的页面。2、过程与方法：通过手绘、清除框经线、添加、删除行列、拆分、合并单元格等方法，完善网页布局。3、情感态度与价值观目标：通过学习，培养学生的设计、审美能力，并能发现生活中、网页中的美。体验并珍惜青春的美好时光，树立争取成功的意识。,想一想：为什么要使用表格来布局网页？,对“我的竞选网页”进行结构化设计。,一、设计网页
2、,任务：以小组为单位，在一张白纸上利用表格对自己的网页进行结构化设计，看看哪一个小组设计得又好又快又新颖？,网页结构化设计设计规划网页时，通常把整个网页划分成几个模块，分别放置不同的内容，这称为对网页时行结构化设计。网页大多是从上到下进行划分的，通常可以分为四大部分：1、标记导航区：放置有关标记、标题和导航链接内容等。2、主内容区：放置有关宣传标语和页面主题内容。3、信息区：放置有关个人联系方式和网站简介等内容。4、版权区：放置有关网站信息版权内容。,知识充电站,1、在Frontpage2003中新建一张页面，保存网页为“jieshao.htm”。（1）单击工具栏中的“新建”按钮，新建一张普通
3、网页。（2）在菜单栏中选择“文件/保存”，弹出“另存为”对话框。在“保存位置”处选择网页保存位置“D：/ygr”文件夹。在“文件名”处输入网页的文件名“jieshao.htm”。单击“更改标题”按钮，在弹出的“输入文字”对话框中的“网页标题”栏输入自定的网页标题（如“我的竞选网页”），然后单击“确定”按钮。单击“保存”按钮。,网页文件名与网页标题有什么区别？,二、新建、保存网页,探究任务,你还记得word中如何插入一个表格吗？,任务： 在FrontPage中创建一个13行2列的表格。（参照网页结构化设计及页面中所有放置的对象文字、图片、媒体等的位置来确定表格的行和列数的）。,三、插入表格,操作
4、步骤提示：1、在菜单栏中选择“表格”/“插入”/“表格”命令，打开“插入表格”对话框。2、在“插入表格”对话框中，设置表格的大小及布局：输入对应的表格行列数；设定表格框线的粗细及对齐方式。单击“确定”按钮。,1.预览的时候，你看见表格的边框了吗？这是如何设置的呢？,思考：,操作步骤：1、在菜单栏中选择“表格/绘制表格”，此时鼠标会变成铅笔的形状，同时弹出“表格”工具栏。2、在页面中绘制新的是在已存在的表格中通过绘制横线和竖线来增加单元格的行和列。3、绘制完毕，按键盘上的Esc键退出“绘制表格”。,擦除表格：,单击“表格”工具栏中的“擦除”按钮，进入“清除”状态，鼠标变成橡皮擦形状，点选不需要的
5、边框线，对出现的红色边框线即可删除。清除完毕，按键盘上的Esc键退出“清除”。,四、绘制表格,五、修改表格,小组探究,学生分五组分别来探究的这五个问题。限时8分钟。8分钟后该组的小组长汇报探究结果。,1.行高和列宽的调整。2.单元格的合并与拆分。3.插入或者删除表格中的行或列。4.平均分布行与列。5.设置表格或者单元格的背景。,插上你青春的翅膀，完善你的竞选网页。让你的青春在你手 中飞扬。,大显身手,小组探究,任务1： 调整表格的行高和列宽到适当的大小。,操作步骤提示： 方法一：手动调整。 方法二：选择要调整行高或列宽的单元格，在选中的位置右键单击鼠标，选择单元格属性（或表格属性），设置行高（
6、或列宽）。,小组探究,任务2： 通过合并单元格或者拆分单元格来把你插入的表格调整为老师网页中表格的布局。,操作步骤提示： 选中要合并或者拆分的单元格，右键单击鼠标，选择合并单元格，或者拆分单元格。注：拆分单元格时要注意行或列的设置,小组探究,任务3：插入或删除表格中的行或列。,操作步骤提示：在要插入行或列的地方，右键单击，选择“插入行或列”。选择要删除的行或列，右键单击，选择“删除行或列”。,问题1：选择插入行或列时，新行或列会出现在什么位置？,问题2：对表格进行删除操作时，右击鼠标前是否选择行或列，对右键菜单命令内容有影响吗？在什么情况下会出现“删除行/列”命令？,小组探究,任务4：平均分布
7、行或列。,操作步骤提示：选择要平均分布的行或列，右键单击选择“平均分布行和列”。,小组探究,任务5：设置表格或者单元格的背景。,操作步骤提示：选择要设置的单元格，右键单击选择“表格属性”或“单元格属性”。,明星面对面,哈喽大家好，我是张瀚！我给大家出的题目是选择题，你们可要认真思考哦：,1.在Frontpage中，要是制作的表格看不到边框则应该将（）调整为零。A.单元格边距B.单元格间距C.单元格边框粗细D.高度与宽度2.在Frontpage中插入表格一般是为了（）A.在网页中插入图片B.在网页中插入声音C.在网页中插入视频D.在网页中控制文字、图片等的布局3.在Frontpage中，可以设置
8、（）使表格中的单元格背景色不一样？A.单元格属性B.表格属性C.网页属性D.框架属性,哈喽大家好，我是张瀚！我给大家出的题目是选择题，你们可要认真思考哦：,公布答案咯：C D A你答对了吗？,我是八阿哥，冯绍峰。我今天要考大家多选题，看招！,1.Frontpage中，可在表格属性对话框中设定的有（）A.表格边框的粗细B.表格边框的颜色C.表格背景的颜色D.背景音乐2.Frontpage中，可以在单元格属性对话框中设定的有（）A.文字对齐方式B.用图片做背景C.单元格背景颜色D.单元格边框的颜色,我老八一向心很软的，就给大家看看这两道题目的答案吧。ABC ABCD你做对了吗？,杨幂这厢有礼啦！我给大家出的是判断题。你可要好好看准哦！,1.使用Frontpage编辑网页时，表格的单元格中不能再插入表格。（ ）2.Frontpage中的单元格只能合并不能拆分。（ ）3.网页中的表格内容四不可以转换成文本保存的。（ ）,以上答案全部是错的。你答对了吗？,收获心语,你有哪些收获呢？,利用表格制作网页,设计网页,新建、保存网页,修改表格,1.行高和列宽的调整2.单元格的合并与拆分3.插入或删除表格中的行或列4.平均分布行或列。5.设置表格或单元格的背景,插入表格,绘制表格,青春像一只铜铃，系在我们的手臂，只有不停地向前，它才会发出悦耳的声音。,
