用表格为网页布局.ppt

《用表格为网页布局.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、最终效果图完成页面布局用表格为网页布局第三章皮永敏10教育技术对于网页的排版布局来说，表格是不可缺少的工具，作为一名网页设计人员，表格运用的熟练与否直接影响到网页外观的好坏。表格是网页中一个关键的元素，是定位文字与图像的强大工具，表格是由行和列组成的，最小的单位是单元格，表格中包括单元格，单元格边距，单元格间距等概念。本章着重介绍表格的基本功能及其操作，从创建表格、编辑表格、修改表格属性、在表格中插入文字图片等各个方向作了详细的阐述，最后通过实例介绍了表格在版面布局方面的应用。步骤steps1、新建表格26892、调整表格表格——插入——表格选中单元格——表格——合并

2、单元格3、手动修改表格表格——手绘表格——绘制表格4、在表格中插入文字与图片文字可直接输入图片：选中单元格——插入——图片——来自文件编辑表格表格中增加行或列的方法在主菜单栏中选择【修改】／【表格】／【插入行】或【插入列】命令。在主菜单栏中选择【插入】／【表格对象】／【在上面插入行】、【在下面插入行】、【在左边插入列】、【在右边插入列】命令。在主菜单栏中选择【修改】／【表格】／【插入行或列】命令。编辑表格删除表格的行或列的方法如果要删除行或列，可以先将光标置于要删除的行或列中，或者将要删除的行或列选中，然后在主菜单栏中选择【修改】／【表格】／【删除行】或【删除列】命令

3、。最简捷的方法就是选定要删除的行或列，然后在键盘上按下Delete键将选定的行或列删除。也可使用鼠标右键快捷菜单进行以上操作。表格的属性设置单元格属性的设置宽(width)、高(height)、水平对齐方式(align)、垂直对齐方式(valign)边框、填充、间距.(这三项是：表格的填充、间距、边框的设置)背景颜色(bgColor)、边框颜色(bordercolor)、背景图像(background)表格属性设置现状计划划分网站主页标题栏导航栏网页内容完成页面布局小结利用表格布局网页步骤：（1）插入表格（2）调整表格（3）表格属性设置（4）在表格中插入文字图片作业下

4、面的两个页面任选其一全班分成两个大组，每个大组中两个同学一组完成作业。注意：第一个页面的颜色必须修改作业一网页布局分析作业二嵌套表格的创建表格可进行嵌套。嵌套表格是指在表格的某个单元格中再插入一个表格，其宽度受所在单元格的宽度限制。当单个表格不能满足布局的需求时，可以进行嵌套表格的创建。学生自主预习谢谢观看！