Web技术实验报告1

《Web技术实验报告1》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Web技术实验报告姓名：XX班级：计科080X学号：090908xxxx实验1一、实验内容制作一个类似于中南大学信息港首页（如图1所示）的网页。二、实验要求熟悉html、CSS以及JavaScript使用，完成网页设计撰写试验报告，要求包括实验主要步骤的界面截图以及CSS代码。三、实验主要步骤1、按照页面结构，大体将其分为header、main、footer。其中main分为left，right两栏。2、处理顶部的链接列表。处理左栏中的登录框。3、处理两个文章列表。同页首的链接处理。4、处理页脚。四、CS

2、S源码p{color:Black;font-size:smaller;}body{width:960px;margin:0auto;}#header{background-color:Red;height:100px;}#topulli{width:60px;float:left;list-style:none;}#topullia{text-decoration:none;color:Black;}#topullia:hover{color:Blue;}#left{width:200px;height:

3、500px;background-color:Blue;float:left;}.title_left{width:200px;float:left;height:25px;background-color:Yellow;}.box{width:200px;float:left;}.textbox{width:200px;float:left;height:45px;}input{width:72px;margin:5px;}.text{width:120px;}#right{width:760px;he

4、ight:500px;background-color:Orange;float:left;}#content{width:460px;float:left;}#toppic{width:300px;float:left;padding-top:20px;}.title_right{width:760px;float:left;height:25px;background-color:Yellow;}#footer{height:100px;clear:both;background-color:Gree

5、n;text-align:center;}