当前位置:文库下载 > 所有分类 > IT/计算机 > 计算机软件及应用 > 实训练习08 AP DIV的应用
免费下载此文档侵权投诉

实训练习08 AP DIV的应用

广东工程职业技术学院计算机信息系

《网页设计》实训报告

实训题目:实训项目08 AP DIV的应用

班级: 学号: 姓名:

日期: 教师: 成绩:

实训目的:

1.了解AP DIV的作用。

2.掌握AP DIV的基本操作方法。

3.掌握DIV+CSS的布局方法。

实训内容:

1. 本次实训要求完成 3个页面的创建,具体效果参见预览效果页面。

2. 在站点“myweb”根文件夹之下,建立一个“08”的子文件夹,将“素材”复制到

这个文件夹下,而且重新命名为“sucai”,里面的文件夹也重新命名,去掉中文;再在“08”下建立一个“letuweb”文件夹,将“ch9”复制到此文件下。

3. 在“08”的子文件夹中建立“08.html”的网页文件,为本次练习的内容做一个首页。

4. 制作“虚拟试衣室”

a) 新建一个网页文档08-1.html,根据图像的大小布局页面。

b) 插入按钮和衣服缩略图像。

c) 插入原始状态的AP元素及图像。AP元素“tou”“yi”“ku”的轴分别设为“10”

“5”“1”

d) 插入放置上衣和裤子的AP元素,“yi1”“yi2”“ku1”“ku2”的轴分别设为“6”

“7”“2”“3”,可见性均设为“hidden”:

e) 设置第一件上衣(yi1.gif)更换效果:

1. 穿上衣服。选中右边表格中的“yi1.gif”,在“行为”面板中单击“添加行为”

按钮(+),在弹出的菜单选择“显示——隐藏元素”,将“tou”“yi”AP元素

设为“显示”,将“yi”“yi2”设为“隐藏”,其余默认,单击“确定”返回行

为面板,将行为事件修改为“onclick”。

2. 脱下衣服。选中右边表格中的“yi1.gif”,在“行为”面板中单击“添加行为”

第1页

免费下载Word文档免费下载:实训练习08 AP DIV的应用

(下载1-2页,共2页)

我要评论

返回顶部