下载此文档

静态网页考试大作业要求及模板.doc


文档分类:办公文档 | 页数:约6页 举报非法文档有奖
1/6
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/6 下载此文档
文档列表 文档介绍
武汉工业学院
---动态网页制作(校公选)
大作业报告
专业电气类
学号
姓名
日期 2012 .
【大作业目的】
了解和掌握CSS样式的动态主页的制作方法,;熟练掌握CSS样式的对于页面显示控制的作用,通过CSS+DIV实现主页的显示
【实验内容】
通过CSS+DIV定制一个主页。主页页面的形式自定,但要求有以下内容:
(1)浮动的广告图片在主页飘动
(2)主页两测有滚动广告图片
参考网站:/
使用到的主要知识:HTML、CSS、JavaScript
【实验报告要求】
1. 实验目的

3. 部分关键代码说明
/**********************作答区***********************/
布局和样式说明
<body>
<div id="main"> //定义了id为main的容器,容纳基本所有内容,采用相对居中定位
<div id="content_home">//定义了id为content_home容器,容纳“校园风光栏目下内容”
<table id="slide" border="0" cellpadding="0" cellspacing="0"> //定义了slide表格,容纳三张滚动图片
<tr>
<td><a href="#"><img src="images/"/></a></td>
<td><a href="#"><img src="images/"/></a></td>
<td><a href="#"><img src="images/"/></a></td>
</tr>
</table>
<ul class="num" id="idNum"> </ul>//此div容器用于显示图片的序号
</div>
<div id="content_about"></div>//此容器用于显示“作业说明”栏目下内容(具体内容已省略)
<div id="navigation">//导航栏容器,用于容纳两个Tab菜单的选项
<a class="current_tab" id="tab_home" href="javascript:showTab('tab_home','content_home')">校园风光</a>
<a class="ordinary_tab" id="tab_about" href="javascript:showTab('tab_about','content_about')">作业说明</a>
//两个tab样式的菜单容器。单击则运行showTab函数。
</div>
</div>
<div id="float_ad1"><a href="#"></a></div>//左侧滚动广告
<div id="float_ad2"><a href="#"></a></div>//右侧滚动广告
<div id="ad"><a href="#" onClick="javascript:showmore()" >关闭</a></div>//主页的浮动广告
</body>
部分CSS样式说明
a{color: #5086a5;text-d

静态网页考试大作业要求及模板 来自淘豆网www.taodocs.com转载请标明出处.

非法内容举报中心
文档信息
  • 页数6
  • 收藏数0 收藏
  • 顶次数0
  • 上传人静雨蓝梦
  • 文件大小591 KB
  • 时间2018-05-28