第六讲 利用表格设计和制作网页.ppt

《第六讲 利用表格设计和制作网页.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第5章利用表格设计和制作网页涂春梅表格是网页的一个非常重要的元素，因为HTML本身并没有提供更多的排版手段，我们往往就要借助表格实现网页的精细排版。可以说表格是网页制作中最为重要的一个技巧，表格运用得好与坏，直接反映了网页设计师的水平。123创建表格及表格的基本操作网页布局方法在表格中插入页面元素4表格的其他应用5综合实例1网页布局方法在制作网页前，可以先绘制出网页的草图。网页布局的方法有两种：纸上布局许多网页设计人员不喜欢先绘制出页面布局的草图，而是直接在网页编辑工具里边设计边布局边加内容，这种不打草稿的方法不能设计出优秀的网页来，所以在开始制作网页时

2、，首先应在纸上绘制出网页的布局草图，尽可能的多绘制几张草图，最后选定一个满意的来创作。软件布局可以利用Photoshop、fireworks等软件来绘制网页布局的草图，利用软件可以方便地使用颜色、图形。常见的版面布局形式网页的版面布局主要指网站主页的版面布局，其他的版面与主页风格应基本一致。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。常见的网页布局形式有：“国”字型布局也可称为“同”字型布局。这种结构是国内一些大中型网站最常见的布局方式。这种布局方式的优点是充分利用版面、信息量大，缺点是页面拥挤、不够灵活。“厂”字型布局

3、结构与“国”字型布局很相近。它的优点是页面结构清晰、主次分明，是初学者最容易掌握的布局方法。缺点是规矩呆板，如果在细节色彩上不注意，很容易让人产生视觉疲劳。“框架”型布局“框架”型布局一般分为左右框架型、上下框型以及综合框架型等布局结构，其中一栏是导航栏目，一栏是正文信息，复杂的框架结构可以将页面分成许多部分，常见的是三栏布局，上部一栏放置图片广告，左边一栏显示导航栏，右边显示正文信息内容。“封面”型布局较常出现在一些网站的首页，大部分为一些精美的平面设计结合一些小动画，放上几个简单的链接或者仅一个“进入”的链接按钮，甚至直接在首页图片上做链接而没有任何提示

4、。如果处理得当，这种布局形式会给人带来赏心悦目的感觉。回顾：HTML中表格的标签及属性

5、center

6、right"表格的水平对齐属性width="value_or_percent"表格的宽度，可用点数或百分比表示。height="value_or_percent"表格的高度，可用点数或百分比表示。back

7、ground="image_file"单元格的背景图案bgcolor=#????表格的背景颜色bordercolor=#????表格框线的颜色cellspacing=value规定表格单元格间的空白。cellpadding=value规定单元格边沿与其内容之间的空白。利用表格的属性制作有立体感的表格A表格的参数：border="1"cellspacing="0"cellpadding="0"bordercolor="#FFFFFF"bordercolorlight="#000000"bgcolor="#9999CC"B表格的参数：border="1"cell

8、spacing="2"cellpadding="0"bgcolor="#9999CC"C表格的参数：border="1"bordercolor="#FFFFFF"bordercolorlight="#000000"bgcolor="#9999CC"其实有一个技巧：把bordercolor设为浅色一点，表格就会凸起来了。

9、center

10、right"单元格文字的对齐valign="top

11、middle

12、bottom

13、baseline"单元格文字的垂直对齐bgcolor=#????表格行的背景颜色bordercolor=

14、#????表格行框线的颜色bordercolordark=#????表格行框线的暗面颜色bordercolorlight=#????表格行框线的亮面颜色