利用DW创建简单网页实验报告

《利用DW创建简单网页实验报告》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、实验报告课程名称：网站规划与设计实验项目：用Dreamweaver创建简单网页实验类型：综合性□设计性√验证性□专业班别：12本汉语言文学班姓名：学号：实验课室：厚A206指导教师：李丽霞实验日期：2014.9.17广东财经大学华商学院教务处制一、实验项目训练方案小组合作：是□否√小组成员：实验目的：1、熟悉使用DreamWeaver建立站点，理解本地站点和远程站点的概念2、熟悉基本网页元素及其操作3.CSS样式的创建与修改实验场地及仪器、设备和材料场地：厚A206仪器：计算机实验训练内容（包括实验原理和操作步骤）：一、实验内容（1）创建简单网页1.定义DreamWeaver站点将所给素材“

2、lessons”更名为“DW-CIB”，并设置其为本地站点。（实验步骤参照教程P46）2.关闭欢迎界面，然后通过菜单命令使其重新启用。（实验步骤参照教程P47）3.新建HTML页面，并设置其CSS布局。设置新建网页的布局为“列固定，居中，标题和脚注”，并命名为“greenstar.html”，然后修改其页面标题为“我的第一个网页”（实验步骤参照教程P48）4.在网页中插入文本，并对文本进行设置将所给素材“lessons4”中的“easygreen.rtf”导入“greenstar.html”中，并进行段落设置。（实验步骤参照教程P50）5.在网页中插入图像将“banner,jpg”插入网页中

3、的图像占位符位置；将“butterfly.gif”图像插入文章第一段，并使图像靠右显示。（实验步骤参照教程P52）6.预览页面，将网页截图保存（2）利用CSS样式改进网页外观7.更改页面宽度以及背景色修改对应的CSS样式表，更改页面宽度为950px，页面背景色为白色（实验步骤参照教程P56）8.在脚注中插入图形背景更改脚注所用CSS样式，使其产生颜色渐变效果（实验步骤参照教程P57）9.调整文本字体、颜色和大小更改脚注所用CSS样式，使脚注文本以白色显示。（实验步骤参照教程P60）将主体中的所有文本以其原始大小的90%显示。（实验步骤参照教程P60）10.预览页面，将网页截图保存二、实验步骤

4、（1）创建简单网页1.定义DreamWeaver站点2.关闭欢迎界面，然后通过菜单命令使其重新启用。（实验步骤参照教程P47）3.新建HTML页面，并设置其CSS布局。4.在网页中插入文本，并对文本进行设置5.在网页中插入图像6.预览页面，将网页截图保存（2）利用CSS样式改进网页外观7.更改页面宽度以及背景色8.在脚注中插入图形背景9.调整文本字体、颜色和大小10.预览页面，将网页截图保存二、实验总结与评价实验总结（包括实验数据分析、实验结果、实验过程中出现的问题及解决方法等）：（一）实验数据分析实验结果（1）创建简单网页的网页截图（2）利用CSS样式改进网页外观后的页面截图（二）实验过程

5、中出现的问题（三）解决方法对实验的自我评价：指导教师评语：学生实验成绩评定：指导教师签名：李丽霞日期：2014年9月19日