上机练习二CSS样式-网页布局-表格、_第1页
上机练习二CSS样式-网页布局-表格、_第2页
上机练习二CSS样式-网页布局-表格、_第3页
上机练习二CSS样式-网页布局-表格、_第4页
上机练习二CSS样式-网页布局-表格、_第5页
全文预览已结束

下载本文档

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

文档简介

1、 实验二 CSS样式，网页布局，表格、框架的使用一、实验目的:1掌握常用的对网页进行布局的方法。2熟练使用表格。3掌练使用框架。4掌练使用CSS样式。5了解基本网页的制作过程和文本、图像、多媒体等对象的使用方法。二、实验任务：1掌握表格的使用方法，练习使用表格对网页进行规划布局处理。2掌握框架的使用方法，练习使用框架结构对网页进行处理。3掌握CSS样式的使用，。4掌握网页的基本制作方法，在网页文档中使用文本、图像、多媒体、导航条、滚动条等基本对象。三、实验内容： 1启动 Dreamweaver CS4，创建一个包含表格的网页，在表格中插入文本、图像等信息，设置表格的属性，保存该网页。 2创建一

2、个包含框架集的网页文件，在框架集中包含两个以上的框架，在框架网页中插入文本、图像等信息，设置框架的属性，保存该网页。3创建一个CSS样式表，在CSS样式表中定义“类型”、“背景”、“区块”、“方框”“边框”、“列表”、“定位”、“扩展”等类型的属性，再创建一个网页，在该网页中应用刚才创建的CSS样式。4编辑修改已有的CSS样式，察看编辑修改以后的效果。5. 设计继续编辑修改你的主页文档，为该文档输入需要补充的内容，包括文本和图像等信息。6在你的网页文档中插入必要的多媒体信息，包括：背景音乐、视频、Flash动画等信息。7在你的主页文档中插入导航条对象。8在你的网页文件中插入必要的滚动条，在滚动

3、条中显示网页设计者的通讯联系信息。9*试练习使用鼠标特效，察看其效果。10记录以上操作内容和具体过程及必要的实验效果以截图的方式写在实验报告中。四、实验结果与分析：1.图1 使用表格布局的网页，包括文本、图像2.图2 使用框架格式 图3 使用框架结构的网页3. 图4 CSS样式定义图4 网页中应用CSS样式图5 编辑CSS样式4.图6 插入导航条5. 插入背景音乐在首页index.html 文件中，添加了一首背景音乐，有音箱的话，打开主页就能听到。代码如下：6. 插入媒体 插入媒体SWF 找到要插入的swf文件图7 插入swf文件五、思考题：1网页中常用的图像文件格式分别都有哪几种？ 网页中常用的图像文件格式分别有jpg、png、gif、jpeg、bmp、psd2 在导航条中的图像分别有哪几种状态，分别表示什么含义？ 状态图像（待机状态下现实的图片）、鼠标经过图像（鼠标经过按钮时显示的图片）、按下图像（鼠标点击时显示的图片）、按下时鼠标经过图像（鼠标点击时鼠标的图片）。3 如何在网页中插入滚动条？ 菜单栏插入图像对象导航条4在网页中常用的多媒体

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

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

最新文档

评论

0/150

提交评论