实验十一网页设计强化技术分析.docx

实验十一 网页设计强化【实验目的】让学生掌握网页制作中表格属性的设置方法；让学生掌握网页制作中内外部样式的创建与使用方法；让学生掌握网页制作中动画和一些特殊效果的属性设置方法。【实验设备】PC、Frontage 2003【实验内容】制作一个如下图所示网页，并按照要求将此文件保存名为index2.html。要求：请新建一个普通网页，并插入一个4×1（即4行1列）的表格。该表格的属性为：宽600个像素，对齐方式为水平居中；边框粗细为2个像素，颜色为#C0C0C0；请将素材包中的图片bg.gif文件插入到第一行中，图片大小不做变化。请将第二行的高度设置为20个像素，背景颜色设置为FFCC66，并将第三行的高度设置为40个像素。在第三行中输入相应的文字内容，每段文字都使用段落标记，并通过CSS样式对其进行修饰。具体要求如下：首先建立一个名为style1.css的外部样式文件。要求该CSS样式文件必须指定以下内容：样式选择符（器）的名称为style1，字体为宋体，字体颜色为#FF00FF，字体大小为18磅，加粗；对齐方式为左对齐；单字间距为3个像素。并将该外部CSS样式用于文字“首页-时尚韩装” 部分。操作步骤提示：第一步 外部样式文件的创建：第二部 外部样式文件的使用：再创建一个嵌入式CSS样式，其样式选择符（器）的名称为style2，字体为宋体，字体颜色为550000，字体大小为16磅；字符间距为2个像素；对齐方式为两端对齐。并将该嵌入式CSS样式运用于段落“我店是一家………..服装上百套” 上。对“欢迎网上订购”应用DHTML效果，设置鼠标悬停时加入嵌入式边框，边框颜色#800000，宽度3像素。在表格的第四行插入素材包中的flash文件“chun.swf”，大小设为高400，宽400，并居中显示。请利用frontpage制作一个如图所示的网页，并按照要求将此文件名为indexc3.html。要求：请新建一个普通网页，并插入一个2*1（即2行1列）的表格。该表格的属性为：宽600个像素，高100个像素，对齐方式为水平居中；边框粗细为9个像素，颜色为008080；单元格边距及单元格间距均为1个像素。请将第一行的高度设置为60个像素。在其中输入文字“欣赏歌曲《暗香》”，并对这些文字设置动态HTML效果，该动态HTML效果的具体要求为：当网页被下载时，上述文字从网页的底部飞入。请将第二行拆分成左右两个单元格，在左侧的单元格（即第二行第一列）中输入对应的文字内容（素材见geci.txt）,并利用外部CSS样式单进行修饰。具体要求如下：首先建立一个名为mystylec3.css的外部样式文件。要求在该外部CSS样式文件中必须指定以下内容：样式选择符（器）的名称为MYSTYLEC3，字体大小为13个像素，颜色为FFFF00，加粗；段落格式为左对齐，行距大小为150%，单字间距为5个像素；边框的样式为破折号，颜色为红色，宽度为1个像素，背景颜色为C0C0C0。请将保存在素材包中的anxing.swf（flash动画）文件插入到第二行右侧单元格（即第二行第二个单元格）中，并设置其宽度为260，高度为360个像素。如果客户端浏览器不能支持直接播放该flash动画，则在对应的位置上显示“您的浏览器不支持播放该插件”的信息。