实验3啊.docVIP

实验 成绩 实验评阅教师签名 简 要 评 语 华北科技学院管理系 实验报告册 实验课程名称： 网站建设与网页设计 实验项目序号： 实验三 实验项目名称： 网页编辑 实验室名称： 电子商务实验室 开课学 期： 2011——2012 学年第1 学期 授 课 教 师： 李跃贞 实验指导教师： 李跃贞 专 业： 电子商务 班 级： B101 学 号： 201004064122 姓 名： 黄兰岚 实验报告 实验时间： 2011 年 10 月12 日 3-4 节 一、实验运行环境windows XP与Dreamweaver cs5环境 二、实验目的 掌握各种超级链接的制作方法。掌握通过表格来布局网页方法。掌握通过表格布局网页方法一、企业介绍”前面，执行“插入”“命名锚记”命令，打开“命名锚记”对话框，在对话框中的“锚记名称”文本框中输入“a1”. 2.确定后，插入命名锚记。 3.选中文字“企业简介“，在属性面板中的”链接“文本框中输入”#a1”. 4.将光标置于“二、企业结构”前面，执行“插入”|“命名锚记”命令，打开“命名锚记”对话框，在对话框中的“锚记名称’|文本框中输入”a2”.点击确定后。插入命名锚记。 5.选中“企业结构”，在“属性”面板中的“链接”文本框中输入“#a2”.同样的方法，设置其他锚点链接。保存文档，按F12在浏览器中预览效果。二）表格制作与排版 教材：P108 实例一：创建网页细线表格； 教材：P111 实例二：利用表格排列数据； 实例一： 打开CD-ROM|实例素材/练习文件/06/实例1/iindex.htm 打开网页文档，将光标置于页面中，执行“插入”|“表格”对话框，在对话框中讲“行数”和“列数分别设置成“4”.“表格狂度”设置为100%，点击“确定”，插入表格，如图所示： 打开代码视图，在表格代码中输入“bgColor=#642A0C”,设置表格的背景颜色。 返回设计视图，可以看到表格的背景衍射，选中表格，在属性面板中讲“填充”设置成“5”，间距设置成“1”。 选中此表格中所有的单元格，将“背景颜色”设置为“#f9fact”. 分别在单元格中输入文字，保存文档，按F12键在浏览器中预览得到如下效果： 实例二 打开网页文档，将光标置于页面支奴干，执行“插入”|“表格”命令，打开“表格”对话框，子对话框中将“行数”设置为“2”，“列数”设置为“1”，“表格宽度”为“95%”，如图： 单击“确定”按钮，插入表格，此表格记为表格1. 将光标置于表格1的第一行单元格中，执行“插入”|“表格”命令，插入20行4列的表格，记此表格为表格2. 将光标置于表格2的第一行第一列单元格中，打开代码视图，在代码中输入背景图像background=image/newsbg.jpg,返回设计视图，在背景图像上输入文字序号。 将光标置于表格2的第一行第二列单元格支奴干，输入背景图像代码background=images/newsbg.jpg. 返回到设计视图，在代码图像上输入文本，设置文本颜色为“#FE45A1”,大小设置为“12像素” 将光标置于文本右边，执行“插入”|“图像”命令，弹出“选择图像源文件”对话框，在对话框中选择图像文件images/hot.gif,如图所示： 将光标置于表格2的第一行第三列单元格中，输入背景代码background=images/newsbg.jpg. 返回设计视图，将光标置于背景图像上，执行“插入”|“图像”命令，插入图像。再将光标置于表格二的第一行第四列单元格中，输入背景图像代码background=images/newsbg.jpg.如图： 返回设计视图，将光标置于背景图像上，执行“插入”|“图像”命令，插入图像images/dot4.gif. 同步骤2-9在表格2的其他单元格中输入相应的内容，如图： 将光标置于表格1的第二行单元格中，将单元跟的“背景颜色”设置为“#F6F6F6”. 将光标置于表格1第2行单元格中，插入