网页制作实验报告.doc

武汉大学教学实验报告信息管理学院 信息管理与信息系统专业 2010-6-20 实验名称利用dreamweaver8 制作网页指导教师陆颖隽姓名朱红梅年级2008学号2008302330034成绩一、预习部分1 实验目的2 实验基本原理3 主要仪器设备（含必要的元器件、工具）1. 实验目的1） 掌握HTML语法基本的基本用法；2） 熟悉HTML编写网页的方法；3） 熟悉dreamweaver8界面及操作；4） 熟悉使用dreamweaver8建立站点及制作网页；5） 熟悉PS用法；2.实验基本原理 Dreamweavr8 是一款专业的HTML编辑器，用于对WEB 页和WEB应用程序进行设计，编码和开发。无论直接编写HTML代码还是在可视图化编辑环境中工作，dreamweaver8 都会提供很多快捷的工具。Dreamweaver8 是可以完全自定义的，可以使用它创建自己的对象和命令，修改快捷键，也可以编写JAVAScript 代码，从而用自己创建的新行为，属性检查器和站点报告来扩展 dreamweaver 的功能。2. 主要仪器设备1） Dreamweaver8;2） QQ影音，压缩视频和背景音乐3） 光影魔术手，处理美化图片二、实验操作部分1 实验数据、表格及数据处理2 实验操作过程（可用图表示）3 结论1. 实验数据，表格及数据处理制作网页之前收集网页制作的素材，包括图片，背景音乐，视频，文字信息；2. 实验操作过程1） 站点的创建启动dreamweaver8 界面，单击【创建新项目】列表栏中的【HTML】超链接。选择【站点】【管理站点】【新建】命令，打开【站点】对话框，在【基本】选项卡中的站点名称文本框中输入站点名称“我的家乡”。单击【高级】标签，在【高级】选项卡中设置本地站点参数。在【本地跟文件夹】文本框中输入本地站点所对应的本地根文件夹。“E:网页制作”。单击【下一步】按扭。选中【否】单选按钮，表示该站点是一个静态站点，没有动态页。单击【下一步】选择“在本地进行编辑，然后上传到远程测试服务器”；单击【下一步】从弹出的菜单中选择【无】选项。单击【下一步】，单击完成。随即出现【管理站点】对话框，显示新站点。单击【完成】。2）建立本地站点之后，在文件面板中管理网站文件。在【文件】面板中单击鼠标右键，在快捷菜单中选择【新建文件】，名称为“我的家乡.html”.3) 网页布局1.在表格中插入表格：切换到【标准模式】，选择【插入】【表格】命令，此时弹出【表格】对话框，在【行数】和【列数】中填1和3，边框粗细填0，表格宽度填1000 像素。单击确定。2.创建嵌套表格，选中一个表格单元格，右击选择【表格】【拆分单元格】在弹出的对话框中填需拆分为行还是列。选中拆分为行，2行。3）在表格中出入层：选中一个表格单元，选择【插入】【布局对象】【层】4）在层中插入图像：选择【插入】【图像】在弹出的对话框中【文件名】中选择要插入图像的名称。（图像，音乐，视频与网页保存在同一个文件夹中）单击确定，在弹出的对话框中【替换文本】处填写图片的说明名称。5）设置图片属性：图像的属性可以通过【属性】面板中各个选项来完成。4）创建网页名称：选择【查看】【代码】编写HTML语言，我的家乡创建网页名称。5）插入背景音乐：选择【查看】【代码】编写HTML 语言，bgsound src=尼亚加拉瀑布的声音3.mp3 /.6)插入视频：选择【插入】【媒体】【FLASH视频】在弹出的对话框中【URL】中【浏览】中选择要插入的视频，【宽度】【高度】处分别填300和300，选择【自动播放】单击【确定】按钮。7）在确定区域插入滚动字目：选择【查看】【代码】在确定区域编写代码： 百里杜鹃 百里杜鹃春意浓，若云若霞醉春风 此景只应天上有，岂知身在百花丛 千峰叠翠真奇嶂,乌金宝贝底下藏 美艳杜鹃花似海,蛮山流异处处香8）插入一段滚动文字：8) 设置文本的大小及颜色：选中要编辑的文本，选择【文本】【颜色】/【大小】设置文本的颜色和大小。9）设置页面背景颜色：选择【窗口】【属性】【页面属性】在弹出的对话框中【背景颜色】处选择想要设置的颜色。10) 在页面的左上角处选择【插入】【表格】在弹出的对话框中，【行】【列】分别填1，4，【表格宽度】填300像素。在已经创建的表格单元格中分别填“主页”“风景名胜”“风俗习惯”“风味小吃”。11) 以次类推设计“风景名胜”“风俗习惯”“风味小吃”等网页。12）各网页之间的链接选中“主页”在【属性】【链接】选项卡中【浏览文件】中选择“我的家乡.html”,选中文本“风景名胜”链接到“风景名胜.html”,文本“风俗习惯”链接到“风俗习惯.html”网页，“风味小吃”链接到“风味小吃.html”网页。3. 结论 通过这次实验基本掌握了Dreamweavr 8制作网站的方法，但还是有不足的部分。对FLASH 制作编程不是很熟悉，所以网页中用到的就比较少。三、实验效果分析（包括仪器设备等使用效果）Dreamweavr 是一种简单易掌握的网页设计与制作工具，包含了多种功能，与HTML语法编写制作网页，它要简单的多。dreamweaver是通过可视化编辑控制html