2013版网站建设与维护综合实训报告 - 图文(5)

（4）用绘制布局单元格工具在布局表格中绘制6个布局单元格用来对页面进行布局。

（5）这样页面的基本框架结构就出来了，从上到下依次是横幅、导航栏、主体框和版权部分。 （6）可以先在这个页面中添加已经制作好的页面元素，如依次插入已经做好的横幅和导航栏。 （7）现在要在导航栏和主体之间添加一条宽为1像素的黑色直线。首先选中导航栏下的布局单元格，然后转换到标准模式下将其背景色设置为黑色。然后重新回到布局视图。

（8）在布局单元格的“属性”面板中将单元格大小设置为1像素。 （9）切换到代码视图，将相应代码中的“ ”删除即可。 （10）接下来切换到标准模式下，插入一个1行2列的表格。 （11）在左边的表格中继续插入一个4行1列的表格。 （12）在左上表格中插入一个公告栏。

（13）在左下表格中插入一个友情链接栏。

（14）在右边的表格中，可以根据自己的需要来添加表格设置栏目或者添加网页元素等。 （15）最后在最下方添加上版权及其他需要注意的事项。 （16）制作完毕，在浏览器中的显示的最终效果

三、部分程序代码

四、实验结果截图

-16-

《网站建设与维护》课程综合实训报告

实验八：创建一个交互式的网页

一、实验目的

1、学习层的应用，表单的制作，按钮的制作以及表单元素的制作。

二、实验内容

1、新建文档

2、插入层并进行设置

3、插入表单并在表单中插入一个定位表格 4、在表单中插入文本字段 5、在表单中插入单选按钮 6、在表单中插入复选按钮 7、在表单中插入文字区域 8、在表单中插入提交按钮

三、部分程序代码

html

PUBLIC

\

-17-

XHTML 1.0 Transitional//EN\