网页制作实验报告
实验 1:站点设置
一、实验目的及要求
本例是通过“站点定义为”对话框中的“高级”选项卡创建新站点。
2.仪器
1.所有学生都有一台多媒体电脑,建立内部局域网,可以上网。
2、安装windows xp操作系统; 搭建iis服务器环境,支持asp。
3、安装三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;
三、实验原理
通过“将站点定义为”对话框的“高级”选项卡创建一个新站点。
四、实验方法及步骤
1) 执行“站点\管理站点”命令,在弹出的“管理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中选择“站点”命令。
2) 在弹出的“站点定义为”对话框中,单击“高级”选项卡。
3) 在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中选择创建的站点文件夹。 在“默认图片文件夹”文本框中,选择存放图片的文件夹,完成后单击“确定”按钮,返回“管理站点”对话框。
4) 在“管理站点”对话框中单击“完成”按钮,站点创建完成。
五、实验结果
六、讨论与结论
实验开始前,您需要创建一个根文件夹,将站点存放在您实验时创建的文件夹中,这样可以使实验更有条理,实验结束后您将找不到自己的站点。 实验的时候会有一些选项,电脑一般都会有一个默认的选择。 最后,不要改变它。 如果要改变它,首先要充分理解这个选项的含义和它会造成的影响,否则实验的结果会失真。 实验前熟悉操作软件是做好实验的关键。
实验二:页面图片设置
一、实验目的及要求:
此示例的目的是设置页面的背景图像并创建鼠标悬停图像。
2.仪器
1.所有学生都有一台多媒体电脑,建立内部局域网,可以上网。
2、安装windows xp操作系统; 搭建iis服务器环境,支持asp。
3、安装三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;
4、安装acdsee、photoshop等图形处理制作软件;
5.其他一些动画图形处理或制作软件。
三、实验原理
设置页面的背景图像,并创建翻转图像。
四、实验方法及步骤
1) 在“页面属性”对话框中设置页面的背景图片。
2) 单击页面文档中的“”插入鼠标悬停图像。
五、实验结果
六、讨论与结论
实验结束后,我们可以看到页面的背景变成了我们插入的图片,当鼠标经过它时,会变成另外一张图片。 这是鼠标经过图像的效果。 当然,这种实验效果很难在实验结果的截图中表现出来。 本实验的关键是背景图像的选择。 如果背景图片过大,不仅会影响网页的打开速度flash互动游戏制作范例导航源文件技能特效,甚至插入时图片也会变形。 因此,在插入之前对图像进行必要的处理可以使实验更加有效。 更好的。
实验三:表格制作
一、实验目的及要求:
本示例是创建一个边框为 1 像素的表格。
2.仪器
1.所有学生都有一台多媒体电脑,建立内部局域网,可以上网。
2、安装windows xp操作系统; 搭建iis服务器环境,支持asp。
3、安装三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;
4、安装acdsee、photoshop等图形处理制作软件;
5.其他一些动画图形处理或制作软件。
三、实验原理
创建一个边框为 1 像素的表格。
四、实验方法及步骤
1)在文档中,点击表格“”按钮,在弹出的对话框中将“单元格间距”设置为“1”。
2) 选择插入的表格并将“背景颜色”设置为“黑色”(#0000000)。
3) 选择表格中的所有单元格,并在属性面板中将背景颜色设置为白色(#ffffff)。
4) 设置完成后,保存页面,按“f12”键预览。
五、实验结果
六、讨论与结论
本实验主要通过整个表格和单元格的颜色差异来衬托实验效果,而间距的作用主要是表现这种颜色差异。 表格的底色和单元格的底色容易混淆,所以在实验中要慎重判断,如果操作错误,将得不到实验的效果。 “表格宽度”文本框右侧的表格宽度单位有“像素”和“百分比”两种,容易混淆。 只有充分理解这两个单位的含义,才能做出正确的选择,否则无法达到目的。不正确的设置会严重影响实验结果。
实验四:创建锚链接
一、实验目的及要求:
此示例的目的是创建锚链接。
2.仪器
1.所有学生都有一台多媒体电脑,建立内部局域网,可以上网。
2、安装windows xp操作系统; 搭建iis服务器环境,支持asp。
3、安装三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;
4、安装acdsee、photoshop等图形处理制作软件;
5.其他一些动画图形处理或制作软件。
三、实验原理
创建锚链接。
四、实验方法及步骤
1) 在页面插入一个1行4列的表格flash互动游戏制作范例导航源文件,在每个单元格中输入导航文字。
2)选中每个单元格中的文字,点击“”按钮,在弹出的“超链接”对话框的“链接”文本框中输入“#01”“#02”“#03”“#04” .
3) 在文档中输入文字并设置锚点名称“01”,按“回车”键换行,输入一篇文章。
4)在文章末尾换行,输入文字并设置锚点名称“02”,按“回车”键换行,输入一篇文章。
5)同法在页面底部输入正文和锚点命名为“03”和“04”,输入文章。
6) 保存页面并按“f12”键进行预览。
五、实验结果
六、讨论与结论
添加glance的作用是帮助读者快速找到自己想要的文章音乐音效,同时也可以让页面更加精简。 本实验的关键难点在于链接文本框中输入的名称必须与目标名称一致,才能达到实验的效果。 同时记得在上篇文章末尾输入文字和设置目标名称,记得输入相应的文章,否则Aiming可能无法使用。 熟练度低者在实验中不能很好地使用各种工具,不能一次准确地找到合适的位置。 实验中忘记选择“不可见元素”,多次实验失败,最终得出正确结论。 因此,在实验前一定要做好充分的准备,否则实验过程会比较吃力。
实验五:设置css样式
一、实验目的及要求:
本示例的目的是通过设置 css 样式来创建表格的虚线边框。
2.仪器
1.所有学生都有一台多媒体电脑,建立内部局域网,可以上网。
2、安装windows xp操作系统; 搭建iis服务器环境,支持asp。
3、安装三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;
4、安装acdsee、photoshop等图形处理制作软件;
5.其他一些动画图形处理或制作软件。
三、实验原理
通过设置 css 样式创建表格的虚线边框。
四、实验方法及步骤
1)在网页中创建一个表。
2)点击“css样式”面板中的“”按钮,在弹出的对话框中进行设置,完成后点击“确定”按钮。
3) 在弹出的对话框中进行设置,完成后单击“确定”按钮。
五、实验结果
六、讨论与结论
在对话框中设置各种指标和属性有一定的难度。 如果不熟悉,很容易出错,使实验失败。 对“ccs”风格要用到的各种按钮还不够熟悉,用起来感觉很生硬。 本次实验成功与否的关键在于对软件的掌握程度和对各种属性的了解程度。 只要充分掌握软件的各种操作,充分理解各个属性所代表的含义,就可以很好地完成本次实验。 .
实验六:创建表单
一、实验目的及要求:
这个例子的目的是创建一个捐赠表格。
网页制作实验报告示例.doc