上机练习二CSS样式-网页布局-表格、.doc

《上机练习二CSS样式-网页布局-表格、.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

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

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

3、的多媒体信息，包括：背景音乐、视频、Flash动画等信息。7．在你的主页文档中插入导航条对象。8．在你的网页文件中插入必要的滚动条，在滚动条中显示网页设计者的通讯联系信息。9．*试练习使用鼠标特效，察看其效果。10．记录以上操作内容和具体过程及必要的实验效果以截图的方式写在实验报告中。四、实验结果与分析：1.图1使用表格布局的网页，包括文本、图像2.图2使用框架格式图3使用框架结构的网页1.图4CSS样式定义图4网页中应用CSS样式图5编辑CSS样式1.图6插入导航条2.插入背景音乐在首页index.html文件中，添加了一首背景音乐

4、，有音箱的话，打开主页就能听到。代码如下：1.插入媒体插入→媒体→SWF找到要插入的swf文件图7插入swf文件五、思考题：1．网页中常用的图像文件格式分别都有哪几种？网页中常用的图像文件格式分别有jpg、png、gif、jpeg、bmp、psd2．在导航条中的图像分别有哪几种状态，分别表示什么含义？状态图像（待机状态下现实的图片）、鼠标经过图像（鼠标经过按钮时显示的图片）、按下图像（鼠标点击时显示的图片）、按下时鼠标经过图像（鼠标点击时鼠标的图片）。3

5、．如何在网页中插入滚动条？菜单栏→插入→图像对象→导航条4．在网页中常用的多媒体信息有哪些？在网页中常用的多媒体信息有：视频（swf、flv）、音频（mp3、wav）、图像（jpg、gif）