4.《网页设计与制作（HTML+CSS）》 实验报告模板.pdfVIP

XXX大学

20-20学年度第学期

实验报告题目：

课程名称：

任课教师姓名：

学生姓名：

学号：

年级：

专业：

所属系部：

任课教师评分：

年月

项目一：站点的建立

一、项目目的

1.掌握建立新站点的方法；

2.理解设置站点参数；

3.掌握管理站点的方法。

二、项目条件

仪器设备：计算机一台

使用材料：网页设计与制作教材，自己收集准备素材

场地要求：机房机子正常使用，并且能满足学生使用数量

三、主要内容

建立站点，并且在站点下建立第一张网页

四、项目步骤

1.定义一个动态站点。

（1）设置虚拟目录：在本地磁盘“C:\Inetpub\wwwroot”下新建一个以自

己拼音名字命名的根文件夹，例“C:\Inetpub\wwwroot\wangfang”。

（2）设置Web共享。

（3）选择“站点”|“新建站点”选项，进入“高级”选项卡，设置“本

地信息”的各参数。

（4）设置“测试服务器”的各参数。

（5）显示结果。

2.测试站点。

（1）将test.asp文件复制到C:\Inetpub\wwwroot\wangfang文件夹中。

（2）进行预览/调试。见图1。

3.在站点下建立网页index.asp。

（1）插入一张3行1列的表格。表格宽度：775像素。

（2）设置第1行属性，高：10像素；背景颜色：007236。如没有显示10

像素，则可以插入透明图片进行设置或直接在代码中进行设置。

（3）透明图片制作，编辑——首选参数——布局模式——创建路径——确

定，返回表格：插入——图像——选择路径。

（4）设置第3行属性，高：10像素；背景颜色：00D122。

（5）第2行插入——图像——bg-index.jpg——确定，插入——媒体

——Flash——index.swf——确定。设置属性，高：428像素。

（6）将Flash背景设置为透明，加入代码如下：

paramname=”wmode”value=”transparent”/wmode=”transparent”

（7）进行预览，见图2。

五、注意事项

在制作过程中一定按照以上步骤来操作，并且要准确输入正确的符号，同时

要熟记双标记和单标记的区别是什么。

六、问题和思考

根据以上思路，如何作出图3的案例？

（可参照如下图操作）