用嵌套表等格制作一个简单的网页.docVIP

第3章 实践与练习： 用嵌套表格制作一个简单的网页 本例着重练习在Dreamweaver中创建表格，并通过嵌套表格来实现对网页的布局，制作一个有导航栏的简单的网页，并使代码高度和可视高度一致。本例最终效果如下图所示。 ⑴首先运行程序Dreameaver8，选择菜单栏“文件→新建”命令，创建新文档。 ⑵选择菜单栏“插入→表格”命令，创建一个1行1列宽度为100%的表格，选中表格，在属性面板中设该表格的“高”为“100%”，“间距”为“0”、“边距”为“0”。 ⑶在表格的单元格内单击鼠标左键，在属性面板中，设单元格的“水平”为“居中对齐”、“垂直”为“居中”，此时光标就在单元格的正中闪烁。 ⑷选择菜单栏“插入→表格”命令，插入一个3行3列的表格。选中表格，在属性面板中设该表格的“宽”为“600”，“高”为“300”，“填充”为“0”，“间距”为“0”，“边框”为“0”。插入表格后，就在第一个表格中嵌套了一个表格，嵌套进来的表格居于第一个表格的中心。如图所示。 ⑸第一个表格就是帮助网页定位的，嵌套进来的表格是网页部分，接下来就在嵌套表格里进行操作。分别选中第一行的各个单元格，然后单击属性面板上“背景”右边的“单元格背景URL”按钮，准备为各个单元格添加背景。 ⑹单击“单元格背景URL”按钮后，会弹出“选择图像源文件”对话框，在对话框的“查找范围”列表里找到背景图片（/imag