实验五HTML和CSS样式.docVIP

实验五 HTML和CSS样式 实验目的 学会使用基本的CSS样式定义 学会创建标签样式表 进一步熟悉HTML语言 强化网络元素在网页设计中的使用 实验内容 创建标签样式表 实验步骤： 网页效果图 (1) 通过FireWork对样张切片，导出网页，并把网页命名为index.html 按照预览效果，在“e:\”建立站点，站点名称为“金地”，文件夹名称为“jindi”设置页面属性，并设置页面标题为“==:: 金地·格林郡 ::===”； 参照“效果图”，删除文字部分的图片，插入相关flash网络元素。 1）若要将跟踪图像放在“文档”窗口中，请执行以下操作：执行下列操作之一： 选择“查看”“跟踪图像”“载入”。 选择“修改”“页面属性”，然后单击“跟踪图像”文本框旁边的“浏览”按钮。 在出现的对话框中，选择图像文件并单击“选择”(Windows) 或“选择”(Macintosh)。 “页面属性”对话框随即出现。 拖动“图像透明度”滑块指定图像的透明度，然后单击“确定”。 若要随时切换到另一跟踪图像或更改当前跟踪图像的透明度，请选择“修改”“页面属性”。若要显示或隐藏跟踪图像，请执行以下操作： 选择“查看”“跟踪图像”“显示”。 仅在 Dreamweaver 中跟踪图像是可见的。当在浏览器中查看页面时，跟踪图像永远不可见。—“新建”菜单打开“新建CSS规则”对话框 步骤5：在“选择器类型”一栏中选择“高级”单选按钮，在“定义在”一栏中选择已有的样式表文件，然后在上面的“选择器”中选择“a:link”一项，如下图所示： a)并对“a：link”进行如下设置： b)创建不同的滤镜效果同理设置链接的“a:visited”属性，如下图所示： \ c)同理设置链接的“a:active”属性，如下图所示： d)同理设置链接的“a:hover”属性，如下图所示： 3.，把左边相关链接设置进行美化 步骤1：把选中左边的所有的链接设置为列表样式，通过选择“文本”菜单下的“列表”—”项目列表”进行设置，如下图所示： 步骤2：把每行分成两列，即拆分单元格，并在左边的单元格输入日期； 步骤3：参照样张，在链接旁边插入相关的图片链接进行修饰。