网页制作实验报告

网页制作实验报告网页制作实验报告 网页制作实验报告 实验一 站点设置 一 实验目的及要求 本实例是通过 站点定义为 对话框中的 高级 选项卡创建一 个新站点 二 仪器用具 1 生均一台多媒体电脑 组建内部局域网 并且接入国际 互联网 2 安装 windowsxp 操作系统 建立 iis 服务器环境 支持 asp 3 安装网页三剑客 dreamweavermx flashmx fireworksmx 等网页设计软件 三 实验原理 通过 站点定义为 对话框中的 高级 选项卡创建一个新站点 四 实验方法与步骤 1 执行 站点 管理站点 命令 在弹出的 管理站点 对话 框中单击 新建 按钮 在弹出的快捷菜单中选择 站点 命令 2 在弹出的 站点定义为 对话框中单击 高级 选项卡 3 在 站点名称 文本框中输入站点名称 在 默认文件夹 文本框中选择所创建的站点文件夹 在 默认图象文件夹 文本 框中选择存放图象的文件夹 完成后单击 确定 按钮 返回 管 理站点 对话框 4 在 管理站点 对话框中单击 完成 按钮 站点创建完毕 五 实验结果 六 讨论与结论 实验开始之前要先建立一个根文件夹 在实验的过程中把 站点存在自己建的文件夹里 这样才能使实验条理化 不至于 在实验后找不到自己的站点 在实验过程中会出现一些选项 计算机一般会有默认的选择 最后不要去更改 如果要更改要 先充分了解清楚该选项的含义 以及它会造成的效果 否则会 使实验的结果失真 实验前先熟悉好操作软件是做好该实验的 关键 实验二 页面图像设置 一 实验目的及要求 本实例的目的是设置页面的背景图像 并创建鼠标经过图像 二 仪器用具 1 生均一台多媒体电脑 组建内部局域网 并且接入国际 互联网 2 安装 windowsxp 操作系统 建立 iis 服务器环境 支持 asp 3 安装网页三剑客 dreamweavermx flashmx fireworksmx 等网页设计软件 4 安装 acdsee photoshop 等图形处理与制作软件 5 其他一些动画与图形处理或制作软件 三 实验原理 设置页面的背景图像 并创建鼠标经过图像 四 实验方法与步骤 1 在 页面属性 对话框中设置页面的背景图像 2 在页面文档中单击 插入鼠标经过图像 五 实验结果 六 讨论与结论 实验结束后我们可以看到页面的背景变成了我们插入的图 像 并且要鼠标经过的时候会变成另一个图像 这就是鼠标经 过图像的效果 当然这种实验效果很难在实验结果的截图里表 现出来 这个实验的关键在于背景图像的选择 如果背景图像 太大不仅会影响网页的打开速度 甚至图像在插入会也会有失 真的感觉 因此在插入前对图像进行必要的处理能使实验的效 果更好 实验三 表格制作 一 实验目的及要求 本实例是要创建边框为 1 像素的表格 二 仪器用具 1 生均一台多媒体电脑 组建内部局域网 并且接入国际 互联网 2 安装 windowsxp 操作系统 建立 iis 服务器环境 支持 asp 3 安装网页三剑客 dreamweavermx flashmx fireworksmx 等网页设计软件 4 安装 acdsee photoshop 等图形处理与制作软件 5 其他一些动画与图形处理或制作软件 三 实验原理 创建边框为 1 像素的表格 四 实验方法与步骤 1 在文档中 单击表格 按钮 在对话框中将 单元格间距 设置为 1 2 选中插入的表格 将 背景颜色 设置为 黑色 0000000 3 在表格中选中所有的单元格 在 属性 面版中将 背景颜 色 设置为 白色 ffffff 4 设置完毕 保存页面 按下 f12 键预览 五 实验结果 六 讨论与结论 本实验主要通过整个表格和单元格颜色的差异来衬托出实 验效果 间距的作用主要在于表现这种颜色差异 表格的背景 颜色和单元格的背景颜色容易混淆 在实验中要认真判断 一 旦操作错误则得不到实验的效果 表格宽度 文本框右侧的表 格的宽度单位 包括 像素 和 百分比 两种 容易混淆 要充分 地理解这两种单位表示的意义才能正确地进行选择 否则就不 能达到自己想要的效果 设置错误就会严重影响实验效果 实验四 创建锚点链接 一 实验目的及要求 本实例的目的是创建锚点链接 二 仪器用具 1 生均一台多媒体电脑 组建内部局域网 并且接入国际 互联网 2 安装 windowsxp 操作系统 建立 iis 服务器环境 支持 asp 3 安装网页三剑客 dreamweavermx flashmx fireworksmx 等网页设计软件 4 安装 acdsee photoshop 等图形处理与制作软件 5 其他一些动画与图形处理或制作软件 三 实验原理 创建锚点链接 四 实验方法与步骤 1 在页面中插入 1 行 4 列的表格 并在各单元格中输入导 航文字 2 分别选中各单元格的文字 单击 按钮 在弹出的 超级 链接 对话框上的 链接 文本框分别输入 01 02 03 04 3 在文档中输入文字并设置锚记名称 01 按下 enter 键 换行 输入一篇 4 在 的结尾处换行 输入文字并设置锚记名称 02 按下 enter 键换行 输入一篇 5 同样的方法在页面下文分别输入文字和命名锚记为 03 和 04 并输入 6 保存页面 按下 f12 键预览 五 实验结果 六 讨论与结论 添加瞄记的作用是可以帮读者快速找到自己想要的 同时 也可以使页面更加精简 本实验的关键难点在于链接文本框输 入的名称和瞄记的名称要相一致才能达到实验的效果 同时要 记得是在上一篇 的结尾处输入文字并设置瞄记名称 并记得输 入对应的 否则瞄记可能不能用 熟练程度低在实验中不能很 好地使用各种工具 无法一次准确地寻找到适当的位置 实验 中忘记选择 不可见元素 几次实验都失败 最后才得出正确 的结论 因此在实验前要先做好预习 否则实验过程会比较吃 力 实验五 设置 css 样式 一 实验目的及要求 本实例的目的是通过设置 css 样式创建表格的虚线边框 二 仪器用具 1 生均一台多媒体电脑 组建内部局域网 并且接入国际 互联网 2 安装 windowsxp 操作系统 建立 iis 服务器环境 支持 asp 3 安装网页三剑客 dreamweavermx flashmx fireworksmx 等网页设计软件 4 安装 acdsee photoshop 等图形处理与制作软件 5 其他一些动画与图形处理或制作软件 三 实验原理 通过设置 css 样式创建表格的虚线边框 四 实验方法与步骤 1 在网页中创建一个表格 2 在 css 样式 面板中单击 按钮 在弹出的对话框中进行 设置 完成后单击 确定 按钮 3 在弹出的对话框中进行设置 完成后单击 确定 按钮 五 实验结果 六 讨论与结论 对话框中各项指标和属性的设置存在一定的难度 如果没 熟练掌握就容易出错使实验