实验十一 网页设计强化.docx

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