资源简介

第3课 规划布局网上家园
目 录
CONTENTS
1
2
3
学习前篇
学习过程
探究学习
表格除了可以用来在网页中制作课程表、成绩表等以便统计数据之外，还可以用来规划网页版面的布局——定位页面元素。这节课，我们就学习如何在SharePoint Designer中插入表格并进行编辑，从而规划我们的网页布局。
学习前篇
探究学习
●为网页设计布局，画出草图。
●在网页中插入表格。
●通过单元格的合并与拆分，对表格进行修改。
这是我们本学期要完成的网站首页页面。
学习过程
小组讨论一下：我们需要插入一个几行几列的表格？画出草图。
1.红色实线为表格线，黄色虚线是需要擦除掉的，红色虚线是需要增加的。
2.在一些地方，我们可以把多个单元格合并成一个单元格，或者把一个单元格拆分成多个单元格。
学习过程
学习过程
任务：
在同页中插入一个6行2列的表格来布局网页版面，使网页宽度为856像素，对齐方式为居中，表格背景色为白色。
1.与在Word中插入表格的方式相同，我们可以使用“表格”菜单中的“插入表格”命令来完成任务。
2.在“插入表格”对话框中，我们按照要求输入相关参数。
学习过程
我们用表格来规划网页的布局，每个单元格之间不能有缝隙、边框，因此我们要将单元格衬距、单元格间距及边框粗细都设置为“0”。
学习过程
任务：
根据我们绘制的草图，将插入的表格进行单元格的合并或拆分，完成对网页版面的布局。
学习过程
1.选中需要合并的单元格。
2.使用“表格”菜单下“修改”子菜单中的“合并单元格”命令。
学习过程
3.在拆分单元格时，将光标定位到要拆分的单元格中，使用“表格”菜单下“修改”子菜单中的“拆分单元格”命令。在弹出的“拆分单元格”对话框中设置相应的参数即可。
学习过程
1.在单元格内标注出需要添加的网页元素。
学习过程
2.根据我们给网页“laochengqu.htm”绘制的草图，使用表格对网页进行布局（尝试使用拆分单元格的方法对表格进行修改）。
谢 谢

展开更多......

收起↑