网页中如何使用表格进行布局网页
使用表格来布局网页是我们常常使用的一种方法,它决定着网页的美观程度,效果会更好,那么在网页中如何使用表格呢?现在就把制作的步骤和截图分享给大家,希望对你有所帮助。
操作方法
- 01
启动dreamweaver cs5,执行文件-新建命令,在弹出的新建对话框中选择html后点击创建按钮。
- 02
将光标置于需要插入表格的地方,执行插入-表格命令,在弹出的对话框中设置行数为2,列数为1,表格宽度为800像素,边框粗细为1,点击确定。
- 03
将光标置于第一行单元格中,执行插入-图像命令,在弹出的选择图像源文件对话框中找到一张图片的位置点击确定按钮。
- 04
接着将光标置于第二行单元格中,执行插入-表格命令,在弹出的对话框中输入行数为2,列数为1点击确定按钮。
- 05
将光标置于里面表格的第一行单元格中,切换到代码视图,在代码中输入插入背景图片的代码,再次切换到设计视图。
- 06
将光标置于第二个表格的第一行单元格中执行插入-表格命令,插入一个2行1列的表格。采用同样的方法在第三个表格的第一行单元格中插入一个2行1列的表格。
- 07
接着将光标置于里面第四个表格的第一行单元格中,在代码中输入代码bgcolor="#fc6904",并在该单元格输入文字内容“第四个表格第一个单元格”。
- 08
将光标置于第四个表格第二个单元格中,并在该单元格输入文字内容“第四个表格第二个单元格”。
- 09
将光标置于第三个表格的第二行单元格中,执行插入-图像命令,在弹出的对话框中找到一副图片将其插入。
- 10
按f12键进行在浏览器中查看效果,弹出“将改变保存到”提醒信息,直接点击是即可。
赞 (0)