实验五:制作包含列表和表格的网页
一、实验任务:
1、掌握正确的在网页中添加项目列表和表格,合理设置表格属性,能够根据网页版面布局的需要,合理运用表格进行布局。
2、完成【任务5-4】。
3、根据任务5-4的制作,观察和说明表格边框、单元格边距、单元格间距之间的差别。
答:间距是每个单元格之间的距离,设置了之后可以看见单元格之间有虚线的间距边距是单元格里单元格内容与单元格外框之间的距离,如果不为0,则单元格里的内容不会触碰到单元格的边,会保持一定距离
二、实验步骤:
1.创建一个网页文档,在所创建的文档中创建一个表格,点击插入再点击表格进行表格的设置
2。
进行表格一的属性设置,点击表格在属性面板中进行因有的设置
3.点击代码进行代码编辑,在<td>中插入背景图像代码。
再回到设计视图点击表格进行属性的设置再进行文字的编辑,点击属性进行字体大小颜色的修改。
再点击代码进行第二行的设置,将代码编入设置滚动效果
4. 预览视图如图所示
5.按照表格1创建方式来建立表格2
6.进行表格2行列的属性编辑, 在表格二中插入图片,再对图片格式进行编辑,编辑表格,再依次插入图片,并编辑图片格式
7对网页的版权进行设置最后网页的视图如图所示,
三实验体会
这次的实验让我感觉非常吃力,不仅对本次实验点击的部分陌生,并且对以前学的也非常的陌生。
本次的实验让我觉得网页制作有好大的难度,尤其对字体的格式竟然忘记了如何设置.style1还有在编写代码时写上了,所编辑的位置不对最后弄得一团糟。
此次实验让我时时提醒自己应该多了解dreamweaver。