网页制作 页面布局.doc_第1页
网页制作 页面布局.doc_第2页
网页制作 页面布局.doc_第3页
网页制作 页面布局.doc_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

实验三 页面布局(验证性实验2学时) 一、实验目的1掌握表格的创建、编辑及用表格布局页面。2掌握框架与框架集的创建、编辑，会使用框架布局网页页面内容。3掌握创建、设置、管理、操作层，会使用层布局文档页面4了解CSS层叠样式表的使用方法。 二、软硬件环境1 硬件：奔腾686处理器， 2G内存，150G硬盘。2 软件：中文Windows XP的操作系统和Adobe公司Dreamweaver CS 4应用程序。三、预习要求认真复习课堂所讲内容。应掌握表格、框架和AP元素的创建、编辑及用表格、框架和AP元素布局网页页面的方法；掌握向网页中插入图像、音频、视频的方法；学会CSS层叠样式表布局网页页面。四、实验内容 创建一新站点：第三次实验，站点根文件夹是“实验三素材”，图像文件夹是“img”。1 表格1) 在站点中新建一个网页文件1_1.html，在其中插入一个3行4列的表格，对该表格进行简单的编辑（插入和删除行和列、合并和拆分单元格、设置间距和填充、设计表格边框的粗线和颜色表格的背景色等）。2) 在站点中新建一个网页文件1_2.html，使用表格按照下列的样图进行网页布局。网页中的页眉图片在站点的img文件夹中，网页中的文本素材在站点中的文本素材.doc文件中。样图如下：提示：插入表格2 框架1) 在站点中新建一个网页文件2_1.html，在其中创建一个框架，对该框架进行简单的编辑（框架的大小、位置、是否加边框及边框的颜色、是否显示滚动条等）。2) 在站点中新建一个网页文件2_2.html，使用框架按照下列的样图进行网页布局。样图如下： 在顶部框架中打开2_2_1.htm文件，在左侧框架中打开2_2_2.htm文件，在右侧框架中打开2_2_3.htm文件。 左侧框架为导航，其中的“个人资料”链接到ziliao.htm，“高考成绩”链接到chengji.htm，“爱好特长”链接到aihao.htm，“返回首页”链接到2_2_3.htm。“目标”都选择：mainFram 框架居中设置：在原有框架代码的前后各加下面红色代码:原有框架前代码： 框架后代码： 效果图如下：3 AP元素1) 在站点中新建一个网页文件3_1.html，在其中创建一个AP层，对该AP层进行简单的编辑（大小、位置、背景色及背景图片、显示与隐藏、叠放次序等）。提示：插入布局对象AP Div2) 在站点中新建一个网页文件3_2.html，使用AP层按照下列的样图进行网页布局。样图如下：4 CSS层叠样式表（选作）在站点中新建一个网页文件4_1.html，创建网页的步骤如下图所示：按照下列的样图适当改变CSS的属性值。五、实验报告本次实验要求写实验报告
人人文库> 全部分类> 应用文书 > 技术指导

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论