武汉工业学院
---动态网页制作(校公选)
大作业报告
专业电气类
学号
姓名
日期 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转载请标明出处.