论文部分内容阅读
摘 要： 网页设计中，页面布局是不可缺少的，表格就是常用规划网页布局，进行页面元素排版常用的工具之一。熟练掌握和合理运用表格在网页制作中的使用方法，能够制作出有吸引力的精美网页。
关键词： 网页制作 网页布局 表格 嵌套 表格布局
一、网页设计中表格的作用与地位
表格是网页设计者制作网页不可缺少的元素，它以简捷明了和高效的方式将图片、文本、数据和表单等元素有序地显示在页面上，使不规则的内容有了条理性，使网页的布局更加美观。
从而让我们可以设计出更漂亮的页面，使用表格排版布局的页面在不同平台、不同分辨率的浏览器里都能保持原有布局，而在不同的浏览器平台有较好的兼容性，所以表格是网页中最常用的排版方式之一。
二、灵活运用表格的方法
1.圆角表格的制作
为了美化网页，经常需要在表格的四角加上圆角，避免直接使用直角表格而显得过于呆板，从而使网页的整体效果更加美观。给大家介绍一个最常用也是最通用的方法，能很好地适应各种浏览器和不同分辨率。
（1）利用Photoshop等制图软件绘制的圆角矩形，再用“矩形选框工具”选取左上角的圆角部分，复制选框内区域到剪切板内。
（2）此时不要取消选区，直接新建一副画布，Photoshop会根据剪切板内选区大小自动设置新建画布的大小。将复制内容粘贴到当前画布内，另存为网页WEB格式。
（3）重复步骤（2），分别用“水平翻转”和“垂直翻转”工具，依次保存所需其他3个方向的圆角图片。
（4）打开Dreamweaver制作软，插入一个“1”行“3”列的表格，设置其单元格的间距、边距和边框属性值都为“0”。在第一列插入图片1.gif，第三列插入图片2.gif，设置单元格的高度和宽度与图片一致。设置第二列的背景颜色与圆角图片一致的颜色，设置宽度为整个表格的宽度减去两个图片的宽度，并切换到代码视图，删除这行中的字符“
关键词： 网页制作 网页布局 表格 嵌套 表格布局
一、网页设计中表格的作用与地位
表格是网页设计者制作网页不可缺少的元素，它以简捷明了和高效的方式将图片、文本、数据和表单等元素有序地显示在页面上，使不规则的内容有了条理性，使网页的布局更加美观。
从而让我们可以设计出更漂亮的页面，使用表格排版布局的页面在不同平台、不同分辨率的浏览器里都能保持原有布局，而在不同的浏览器平台有较好的兼容性，所以表格是网页中最常用的排版方式之一。
二、灵活运用表格的方法
1.圆角表格的制作
为了美化网页，经常需要在表格的四角加上圆角，避免直接使用直角表格而显得过于呆板，从而使网页的整体效果更加美观。给大家介绍一个最常用也是最通用的方法，能很好地适应各种浏览器和不同分辨率。
（1）利用Photoshop等制图软件绘制的圆角矩形，再用“矩形选框工具”选取左上角的圆角部分，复制选框内区域到剪切板内。
（2）此时不要取消选区，直接新建一副画布，Photoshop会根据剪切板内选区大小自动设置新建画布的大小。将复制内容粘贴到当前画布内，另存为网页WEB格式。
（3）重复步骤（2），分别用“水平翻转”和“垂直翻转”工具，依次保存所需其他3个方向的圆角图片。
（4）打开Dreamweaver制作软，插入一个“1”行“3”列的表格，设置其单元格的间距、边距和边框属性值都为“0”。在第一列插入图片1.gif，第三列插入图片2.gif，设置单元格的高度和宽度与图片一致。设置第二列的背景颜色与圆角图片一致的颜色，设置宽度为整个表格的宽度减去两个图片的宽度，并切换到代码视图，删除这行中的字符“