网页制作综合实验报告.doc

《网页制作综合实验报告.doc》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、华北科技学院计算机学院综合性实验实验报告课程名称网页制作实验学期2012-2013学年第二学期学生所在系部年级专业班级学生姓名学号任课教师实验成绩计算机学院制《网页制作》课程综合性实验报告开课实验室：2013年05月27日实验题目水，生命之源泉一、实验目的使用Dreamweaver、Firworks、Flash软件完成网站的制作。二、设备与环境微机、Dreamweaver、Firworks、Flash三、实验内容•任选一题：一：公益网站，如雅安平安、珍惜水源等二：班级网站，为你现在所在的班级制作一个网站•要求：1、总体

2、页面不少于5个页面。2、运用表格技术、框架技术。有至少三种超链接。3、有文字、有图片、有flash动画。4、图片和flash至少各存在一个自己制作的内容，然后附有源文件，即png、fla后缀名的文件。四、实验结果及分析（要求写清楚具体的步骤，应用的主要技术，以及对课程的感想。页数可增加）l启动fireworks,创建一个空白文档，在弹出的“新建文档”对话框中，设定画布大小为758*1000像素，分辨率为72像素/英寸，画布颜色为白色，单击“确定”按钮建立新文档。如下图所示：l在“属性”面板的“品质”下拉列表中，选择“J

3、PEG—较高品质”选项。l选择“文件”

4、“导入”命令，在打开的导入对话框中选择要导入的图片文件“get.jpg”。l在画布上单击设定要导入图片的位置。然后选择“文件”

5、“保存”命令，将文件保存为index.png。l选择“工具”面板中的“指针”工具，向画布上方移动图片位置，如下图所示：l在“层”面板中，单击“新建/重置层”按钮，新建一个“层2”。然后使用“选取框”工具在画布右侧绘制一个粉色矩形，如下图l在“层”面板中拖动“层2”到“层1”下方，如图：l选择“工具”面板中的“钢笔”工具，在画布底部绘制一个半椭圆形，并填充

6、颜色为粉色。l使用“工具”面板中的“矩形”工具，在画布的右上方绘制一个矩形，填充颜色为白色，在层面板中设置矩形的透明度为60%。l使用“文本”工具在白色矩形上输入文字“水，生命之源泉！”作为网站的站名，设置颜色为#74B736，字体为“方正舒体”，大小40.l在“工具”面板的“矢量”区选择“矩形”工具，在属性面板中设置填充颜色为“无”，笔触颜色为#F0F0F0，粗细为1像素，其他参数默认。在画布左侧绘制一个灰色矩形框。l选择矩形框，按CTRL+C组合键复制，在按CTRL+V组合键粘贴2次。l选择“工具”面板中的倾斜工具

7、，选中其中一个矩形，移动中心点到矩形左下角的位置，然后向右下方旋转矩形一个小角度。然后按照同样的方法旋转另外一个矩形，使三个矩形呈重叠的形状。全部选中三个矩形，选择“修改”

8、“平面化所选”命令，将三个矩形平面化，并合并到一个层中。l选择“文件”

9、“导入”命令，导入一张图片，放置在三个重叠矩形上。l使用“工具”面板中的“文本”工具，在图片下方输入一些文字：“友情链接，留言给我”设置不同的颜色，在最下方输入版权信息，如图：l选择“工具”面板中的“切片”工具。l在画布中拖动鼠标，划分出不同的区域，如图：ll划分好切片后，选择

10、“文件”

11、“导出”命令。l在弹出的导出对话框中，输入文件名为“index”,保存类型为html和图像。l在ＤＲＥＡＭＷＥＡＶＥＲ中编辑网页l打开“文件”面板，打开首页文件ｉｎｄｅｘ．ｈｔｍｌ．打开首页文件编辑窗口。ll选择“修改”｜“页面属性”命令，打开“页面属性”对话框。选择“标题／编码”选项，在在标题栏中输入“：：：水，生命之源泉！”作为首页标题，在编码下拉列表中，选择“简体中文”如上图。l选择“外观”选项，单击“背景图像”文本框后的“浏览”按钮，在弹出的对话框中选择网页的背景图像。设置边距均为０像素。l单击右侧的

12、图片ｉｎｄｅｘ．ｒ４－ｃ２．ｊｐｇ，在属性面板中复制该图片的“源文件地址。l单击网页中的该图片，按ｄｅｌ键删除。在属性面板的“背景”文本框中粘贴该图片的“源文件“地址。l点击文件，新建ｈｔｍｌ，选择的顶部和嵌套的左侧框架，保存框架集，选择“文件l

13、全部保存”在顶部框架中输入如下内容l在左侧框架中，建立表格，点击菜单中的“插入

14、表格”，设置如图：l新建ｈｔｍｌ，命名为ｘｓｆｘ．ｈｔｍｌ．输入关于水资源的现状分析。如图：l新建ｈｔｍｌ，命名为ｇｙｘｄ．ｈｔｍｌ．选择“菜单

15、插入

16、图像对象

17、鼠标经过图像“l插入如图内容：l新

18、建ｈｔｍｌ，建立ｌｙｂ．ｈｔｍｌ，选择“插入

19、表单”，l单击“表单”按钮后，页面编辑区出现一个红色虚框。紧接着在表单中插入一个表格并输入相应的文字。l将光标定位在“姓名”右边的单元格，单击表单工具的“文本字段”按钮，这样就出现了一个文本字段表单域。l保持这个文本字段表单域处于选中状态，在属性面板中定义这个文本字段的名字为namel