Java Web 开发技术实验报告Word文档下载推荐.docx
《Java Web 开发技术实验报告Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《Java Web 开发技术实验报告Word文档下载推荐.docx（15页珍藏版）》请在冰豆网上搜索。
title>
新疆行知书<
/title>
linkhref="
layout.css"
rel="
stylesheet"
type="
text/css"
/head>
body>
divid="
container"
<
banner"
imgsrc="
images\banner.jpg"
/div>
globallink"
ul>
li>
ahref="
#"
首页<
/a>
/li>
新疆简介<
风土人情<
吃在新疆<
路线选择<
自助行<
摄影摄像<
旅游精选<
资源下载<
雁过留声<
/ul>
br>
left"
weather"
h3>
span>
天气查询<
/span>
/h3>
乌鲁木齐&
nbsp;
&
雷阵雨20℃-31℃<
吐鲁番&
多云转阴20℃-28℃<
喀什&
阵雨转多云25℃-32℃<
库尔勒&
阵雨转阴21℃-28℃<
克拉玛依&
雷阵雨26℃-30℃<
today"
今日推荐<
images\tuijian1.jpg"
喀纳斯河<
images\tuijian2.jpg"
布尔津<
images\tuijian3.jpg"
天山之路<
middle"
ghost"
title="
魔鬼域探秘"
images\ghost.jpg"
border="
0"
beauty"
images\beauty1.jpg"
images\beauty2.jpg"
images\beauty3.jpg"
images\beauty4.jpg"
route"
吐鲁番－－库尔勒－－库车－－塔中－－和田－－喀什<
乌鲁木齐－－天池－－克拉玛依－－乌伦古湖－－喀纳斯<
乌鲁木齐－－奎屯－－乔尔玛－－那拉提－－巴音布鲁克<
乌鲁木齐－－五彩城－－将军隔壁－－吉木萨尔<
right"
map"
新疆地图<
p>
点击看大图"
images\map1.jpg"
/p>
images\map2.jpg"
food"
小吃推荐<
17号抓饭<
大盘鸡<
五一夜市<
水果<
life"
宾馆酒店<
美丽华大饭店<
海德大饭店<
银都大饭店<
鸿福大饭店<
友好大饭店<
棉麻宾馆<
电信宾馆<
footer"
艾萨克&
copy;
版权所有<
mailto:
issacnewtonc@"
issancewtonc@<
/body>
/html>
CSS
body{
background-color:
#2286c6;
margin:
0px;
padding:
0px;
text-align:
center;
font-size:
12px;
font-family:
Arial,Helvetica,sans-serif;
}
#container{
position:
relative;
0pxauto0pxauto;
width:
780px;
left;
divbr{
display:
none;
#globallink{
#globallinkul{
list-style:
#globallinkli{
float:
78px;
#globallinka{
block;
9px6px11px6px;
background:
url（images\button1.jpg）no-repeat;
#globallinka:
link,#globallinka:
visited{
color:
#004a87;
text-decoration:
underline;
hover{
#FFFFFF;
url（images\button1_bg.jpg）no-repeat;
#left{
200px;
0px0px5px0px;
#d8ecff;
#leftdiv{
#5ea6eb;
0px5px0px5px;
#weather{
url（images\weather.jpg）no-repeat-5px0px;
div#left#weatherh3{
24px0px0px74px;
div#weatherul{
8px5px0px5px;
10px0px8px5px;
#weatherulli{
url（images\icon1.gif）no-repeat0px6px;
1px0px0px10px;
#leftdivh3{
4px0px2px15px;
#003973;
#bbddffurl（images\icon2.gif）no-repeat5px7px;
#today{
0px0px10px0px;
#todayul{
-5px0px0px0px;
#todayulli{
#todayulliimg{
border:
1pxsolid#FFFFFF;
8px0px0px0px;
#todayullia:
link,#todayullia:
#FFFF00;
#middle{
0px0px0px2px;
5px0px0px0px;
400px;
#middlediv{
margin-left:
5px;
margin-right:
#middleh3{
height:
41px;
#middleh3span{
/*文字去掉，换成图片*/
#beauty{
15px0px0px0px;
#beautyh3{
url（images\picture_h1.gif）no-repeat;
#beautyul,#routeul{
8px1px0px1px;
#beautyulli{
97px;
#beautyulliimg{
1pxsolid#4ab0ff;
#route{
clear:
both;
5px0px15px0px;
#routeh3{
url（images\route_h1.gif）no-repeat;
#routeulli{
3px0px0px30px;
url（images\icon1.gif）no-repeat20px7px;
#routeullia:
link,#routeullia:
#004e8a;
#000000;
#right{
0px0px1px2px;
176px;
#rightdiv{
#rightdivh3{
#map{
margin-top:
#mapp{
2px0px5px0px;
#mappimg{
#food{
padding-top:
10px;
#foodul,#lifeul{
10px10px0px10px;
#foodulli,#lifeulli{
url（images\icon1.gif）no-repeat3px9px;
3px0px3px12px;
border-bottom:
1pxdashed#EEEEEE;
#foodullia:
link,#foodullia:
visited,#lifeullia:
link,#lifeullia:
hover,#lifeullia:
#life{
padding-bottom:
margin-bottom:
#footer{
1px0px0px0px;
1px0px1px0px;
#footerp{
4px5px4px5px;
#footerpa{
JS
无
三、效果图
四、调试过程
写了一个css文件，发现做的页面布局相当凌乱，各种调试也不行，突然发现素材文件夹中有个style.css，套用上去布局和要求的一样，于是引用了素材中的css代码，不过不知道为什么，用谷歌浏览器和IE8的时候天气查询、美景寻踪和线路精选的图标都不能显示出来，调试许久都没有头绪，在DreamwaverCS5的设计界面就显示正常
五、实验结论
1、实验结果图
2、实验心得体会
从中看出了css的重要性，就是不知道为何有些浏览器不兼容，也因此认识到自己的不足，还要继续努力
升级会员 