使用表格布局网页

时间:2024-10-18 03:12:04

1、 本次要完成的是人物图片网站。本次将收集图片,每张都会被修改成一个尺寸。

使用表格布局网页

2、执行【文件】---【新建】命令,建立一个空白的HTML文档。

使用表格布局网页

3、执行【文件】---【保存】命令,建立index.html文档。

使用表格布局网页

4、设置网页的大小,应用在电脑上。

使用表格布局网页

5、执行【修改】---【页面属性】命令,完成网页背景设置。

使用表格布局网页

6、效果如图所示。

使用表格布局网页

7、执行【插入】---【表格】命令,制作网页的第一部分。表格属性说明:表格宽度设为100%,可以消除因显示器分辨率不同而带来的困扰。

使用表格布局网页

8、在表格中输入文字,作为导航栏目。执行【修改】---【页面属性】命令,完成网页外观设置。

使用表格布局网页

9、设置表格文字居中。

使用表格布局网页

10、选择表格后,执行【插入】---【表格】命令,制作网页的第二部分。

使用表格布局网页

11、拖拽后效果,在第二行加入LOGO。可以利用工具软件制作logo!

使用表格布局网页

12、执行【插入】---【图像】命令,插入logo。

使用表格布局网页

13、继续插入表格,在表格中插入图片

使用表格布局网页

14、根据实际情况,调整表格同图像的关系。

使用表格布局网页

15、继续插入一行表格。拖拽后效果如图。

使用表格布局网页

16、插入表格。

使用表格布局网页

17、在表格里输入文字。

使用表格布局网页

18、继续插入表格,加入文字,网页制作收尾保存,在浏览器里的效果。根据效果调整,这样可以看出,还有不尽人意的地方。

使用表格布局网页
© 手抄报圈