青岛市李沧妇幼保健所

第3章实践与练习3：
嵌套表格制作一个简单的网页
本例着重练习在Dreamweaver中创建表格，并通过嵌套表格来实现对网页的布局，制作一个有导航栏的简单的网页，并使代码高度和可视高度一致。本例最终效果如下图所示。
 

⑴首先运行程序Dreameaver8，选择菜单栏“文件→新建”命令，创建新文档。
⑵选择菜单栏“插入→表格”命令，创建一个1行1列宽度为100%的表格，选中表格，在属性面板中设该表格的“高”为“100%”，“间距”为“0”、“边距”为“0”。
⑶在表格的单元格内单击鼠标左键，在属性面板中，设单元格的“水平”为“居中对齐”、“垂直”为“居中”，此时光标就在单元格的正中闪烁。
⑷选择菜单栏“插入→表格”命令，插入一个3行3列的表格。选中表格，在属性面板中设该表格的“宽”为“600”，“高”为“300”，“填充”为“0”，“间距”为“0”，“边框”为“0”。插入表格后，就在第一个表格中嵌套了一个表格，嵌套进来的表格居于第一个表格的中心。如图所示。
 

⑸第一个表格就是帮助网页定位的，嵌套进来的表格是网页部分，接下来就在嵌套表格里进行操作。分别选中第一行的各个单元格，然后单击属性面板上“背景”右边的“单元格背景URL”按钮，准备为各个单元格添加背景。
⑹单击“单元格背景URL”按钮后，会弹出“选择图像源文件”对话框，在对话框的“查找范围”列表里找到背景图片（/images/bg1.jpg），单击“确定”按钮，这就为第一行各个单元格添加了背景图。
 
添加背景图后的效果
⑺为第一行添加背景图后可以看到背景图片超出了第一行的单元格，所以需要设置单元格的相关属性。单击第一行第一列单元格，在属性面板中设置单元格的属性，“宽”为“240”，“高”为“59”。
⑻在第一行第一列单元格内单击鼠标左键，在属性面板中设置“水平”为“居中对齐”，“垂直”为“底部”。输入文本“名香艺馆”，设置字体为“黑体”、大小为“36”并加粗，字体颜色为“#999900”。这样网页的顶部就制作完成了。
⑼选取第三行的所有单元格，单击属性面板上的“行”下方的“合并所有单元格，使用跨度”按钮，合并这一行。在这一行的单元格内单击鼠标左键，在属性面板上设“高”为“40”、“背景色”为黑色。在单元格中输入文本“梦之坊工作室  电话：0555─2315040”，然后在属性面板中设置文本在单元格中“居中对齐”。设置字体大小为“12”，颜色为白色。这样网页的底部就制作完成了。
 
         
 

……………………
本站免费提供《青岛市李沧妇幼保健所》下载，我们己经对《青岛市李沧妇幼保健所》进行全面的整理检查，以保证您安全的下载《青岛市李沧妇幼保健所》，如果下载的压缩文件需要密码那就是本站的网址 http://www.xiaozhibei.com，青岛市李沧妇幼保健所的文件大小为8.00 KB，本站还有大量关于生活百科,生活百科方面的资源提供下载哦，可以多找找。为下次能方便快速的找到本站，记得收藏我们的网址（http://www.xiaozhibei.com）哦！