使用表格布局网页
使用表格对网页页面进行布局，可以使页面精彩有序！本例讲授如何使用表格布局网页。本例参考图片网页。
操作方法
- 01
本次要完成的是人物图片网站。本次将收集图片，每张都会被修改成一个尺寸。
- 02
执行【文件】---【新建】命令，建立一个空白的HTML文档。
- 03
执行【文件】---【保存】命令，建立index.html文档。
- 04
设置网页的大小，应用在电脑上。
- 05
执行【修改】---【页面属性】命令，完成网页背景设置。
- 06
效果如图所示。
- 07
执行【插入】---【表格】命令，制作网页的第一部分。表格属性说明：表格宽度设为100%，可以消除因显示器分辨率不同而带来的困扰。
- 08
在表格中输入文字，作为导航栏目。执行【修改】---【页面属性】命令，完成网页外观设置。
- 09
设置表格文字居中。
- 10
选择表格后，执行【插入】---【表格】命令，制作网页的第二部分。
- 11
拖拽后效果，在第二行加入LOGO。可以利用工具软件制作logo！
- 12
执行【插入】---【图像】命令，插入logo。
- 13
继续插入表格，在表格中插入图片
- 14
根据实际情况，调整表格同图像的关系。
- 15
继续插入一行表格。拖拽后效果如图。
- 16
插入表格。
- 17
在表格里输入文字。
- 18
继续插入表格，加入文字，网页制作收尾保存，在浏览器里的效果。根据效果调整，这样可以看出，还有不尽人意的地方。
赞 (0)