武汉工业学院---动态网页制作( 校公选)大作业报告专业电气类学号姓名日期 2012 . 【大作业目的】了解和掌握 CSS 样式的动态主页的制作方法, ;熟练掌握 CS S 样式的对于页面显示控制的作用,通过 CSS+DIV 实现主页的显示【实验内容】通过 CSS+DIV 定制一个主页。主页页面的形式自定,但要求有以下内容: (1 )浮动的广告图片在主页飘动(2 )主页两测有滚动广告图片参考网站: / 使用到的主要知识: HTML 、 CSS 、 JavaScript 【实验报告要求】 1. 实验目的 2 .主页布局和 CSS 样式说明 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-decoration: none;font-siz
动态网页考试大作业要求及模板 来自淘豆网www.taodocs.com转载请标明出处.