欢迎来到天天文库
浏览记录
ID:10836225
大小:1.10 MB
页数:4页
时间:2018-07-08
《网页制作 页面布局》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、实验三页面布局(验证性实验2学时)一、实验目的1.掌握表格的创建、编辑及用表格布局页面。2.掌握框架与框架集的创建、编辑,会使用框架布局网页页面内容。 3.掌握创建、设置、管理、操作层,会使用层布局文档页面4.了解CSS层叠样式表的使用方法。二、软硬件环境1.硬件:奔腾686处理器,2G内存,150G硬盘。2.软件:中文WindowsXP的操作系统和Adobe公司DreamweaverCS4应用程序。三、预习要求认真复习课堂所讲内容。应掌握表格、框架和AP元素的创建、编辑及用表格、框架和AP元素布局网页页面的方法;
2、掌握向网页中插入图像、音频、视频的方法;学会CSS层叠样式表布局网页页面。四、实验内容创建一新站点:第三次实验,站点根文件夹是“实验三素材”,图像文件夹是“img”。1.表格1)在站点中新建一个网页文件1_1.html,在其中插入一个3行4列的表格,对该表格进行简单的编辑(插入和删除行和列、合并和拆分单元格、设置间距和填充、设计表格边框的粗线和颜色表格的背景色等)。2)在站点中新建一个网页文件1_2.html,使用表格按照下列的样图进行网页布局。网页中的页眉图片在站点的img文件夹中,网页中的文本素材在站点中的文本素
3、材.doc文件中。样图如下:提示:插入→表格1.框架1)在站点中新建一个网页文件2_1.html,在其中创建一个框架,对该框架进行简单的编辑(框架的大小、位置、是否加边框及边框的颜色、是否显示滚动条等)。2)在站点中新建一个网页文件2_2.html,使用框架按照下列的样图进行网页布局。样图如下:²在顶部框架中打开2_2_1.htm文件,在左侧框架中打开2_2_2.htm文件,在右侧框架中打开2_2_3.htm文件。²左侧框架为导航,其中的“个人资料”链接到ziliao.htm,“高考成绩”链接到chengji.htm
4、,“爱好特长”链接到aihao.htm,“返回首页”链接到2_2_3.htm。“目标”都选择:mainFram²框架居中设置:在原有框架代码的前后各加下面红色代码:原有框架前代码:框架后代码:效果图如下:1.AP元素1)在站点中新建一个网
5、页文件3_1.html,在其中创建一个AP层,对该AP层进行简单的编辑(大小、位置、背景色及背景图片、显示与隐藏、叠放次序等)。提示:插入→布局对象→APDiv2)在站点中新建一个网页文件3_2.html,使用AP层按照下列的样图进行网页布局。样图如下:1.CSS层叠样式表(选作)在站点中新建一个网页文件4_1.html,创建网页的步骤如下图所示:按照下列的样图适当改变CSS的属性值。五、实验报告本次实验要求写实验报告。报告要求:从上面1、2、3中任选两个题,写出操作过程,重点是对本次实践做出总结。本次实验报告在下次
6、上机时交给老师。
此文档下载收益归作者所有