41512100031汉语151李佳琪网页综合设计.zip资源-CSDN文库

共32个文件

jpg：19个

gif：7个

mp3：1个

需积分: 3 83 浏览量 2022-11-28 15:32:52 上传评论收藏 8.34MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

4 1512100031 汉语151 李佳琪网页综合设计.zip （32个子文件）

4 1512100031 汉语151 李佳琪网页综合设计

pic

2.jpg 5KB

1.jpg 5KB

3.jpg 50KB

4.gif 189KB

bg.jpg 21KB

top1.jpg 449KB

严艺丹-无•果-三寸天堂-128.mp3 4.42MB

title

5.gif 44KB

2.gif 8KB

1.gif 81KB

3.gif 8KB

6.gif 2KB

4.gif 12KB

幻灯片

2.jpg 36KB

1.jpg 108KB

3.jpg 827KB

4.jpg 182KB

character

8.jpg 281KB

2.jpg 70KB

1.jpg 174KB

6.jpg 230KB

3.jpg 91KB

5.jpg 345KB

4.jpg 87KB

10.jpg 276KB

9.jpg 241KB

7.jpg 215KB

SpryAssets

SpryTabbedPanels.css 8KB

SpryTabbedPanels.js 11KB

1512100031 汉语151 李佳琪期末综合设计作业——步步惊心.html 12KB

self.jpeg 96KB

playswf.swf 9KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>1512100031 汉语151 李佳琪期末综合设计--步步惊心</title> <bgsound src="严艺丹-无•果-三寸天堂-128.mp3" /> <style> body{ background-image: url(pic/bg.jpg) } #father{ /*border:#FFF groove 1px; */width:900px; margin-left:auto; margin-right:auto} #menu{/* border:#9F3 groove 1px; */height:26px; background-color: #D1C86D; background-image:url(pic/1.jpg)} #menu a{ text-decoration:none; display:block; float:left; padding: 0 25px 0 25px; font-size:22px; margin:0; font-family:"楷体"; color: #333} #menu a:link{ color: #F9C} #menu a:visited{ color: #333} #menu a:hover{ background-image:url(pic/2.jpg); color:#FFF} #menu a:active{ color: #936} #intro{/* border: #FFF groove 1px;*/ width:180px; height:410px; float:left; margin-right:0; background-image: url(pic/3.jpg); background-position:bottom; margin-top:0.1px} #intro h3{ background-image:url(title/2.gif); height:37px; margin-top:0} #intro p a{ color: #333} #intro p a:hover{ color:#6F9} .p1{text-indent:2em; font-size:13px; font-family: Verdana, Geneva, sans-serif; font-weight: 550;line-height:1.6; text-decoration: overline} .p2{ font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#333; line-height:1.2} #play{ /*border:#399 groove 1px;*/ width:528px; height:410px; margin-left:auto; margin-right:auto; float:left; margin-top:0.1px } #comment{ /*border: #FFF groove 1px;*/ width:190.5px; height:410px; float:right; background-image:url(pic/3.jpg); background-position:bottom; margin-top:0.1px; margin-left:0px } #comment h3{ background-image:url(title/3.gif); height:37px; margin:0} #comment p{ font-size:12px; line-height:1.3} #comment p span{ color: #063; outline:#FFF inset} #comment p a{ text-decoration: underline; color:#333} #comment p a:hover{ color: #F66 } .more{ text-align:right} #picture{/* border:#CC0 groove 1px; */width:900px; height:700px; float:left; background-image: url(pic/3.jpg); } #picture h2{ background-image:url(title/1.gif); background-repeat:no-repeat; height:80px; margin:0; background-position:bottom} #picture a img{ margin-left:5px; width:160px; height:250px;float:left; padding:5px; border:#FFF; cursor: text} #picture a img:hover{ background-color: #6C9; } #picture p {/* border:#00F 2px solid ;*/float:left ; margin-left:2px} #picture p a{text-decoration:none;color: #333; padding:35px; } #self{ /*border: #066 dashed 1px;*/ width:270px; height:540px; float:left; background-image: url(pic/3.jpg); background-position:bottom } #self #TabbedPanels1 img{ width:180px; margin-left:40px; height:248px; margin-top:40px } #self #TabbedPanels1 p{ margin:10px ; font-size:15px; color:#333; line-height:1.5} #self h1{ background-image:url(title/4.gif); height:53px; margin:0} #news{ /*border:#93C dashed 1px;*/width:620px; height:540px; float:right; background-image:url(pic/3.jpg) ; background-position:bottom } #news h1{ background-image:url(title/5.gif); height:55px; background-position:bottom;margin:0} #news ul li{list-style-image:url(title/6.gif);} #news ul li a{ color: #333; line-height:2.1; text-decoration:none; font-size:14px} #news ul li a:hover{color: #660} #news p a{ text-decoration:none; color:#0C9} #foot{/* border:#F00 2px solid; */ height:30px; width:900px; background-image:url(pic/4.gif); background-position:right} #foot h1{ text-align: center ; font-size:14px; color:#333; margin-top:10px} </style> <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script> <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="father"> <div id="top"> <img src="pic/top1.jpg"> </div> <div id="menu"> <a href="#">首页</a> <a href="#">剧情简介</a> <a href="#">主要人物</a> <a href="#">音乐原声</a> <a href="#">获奖记录</a> <a href="#">剧集评价</a> <a href="#">关于</a> </div> <div id="intro"> <h3></h3> <p class="p1"><a href=""#>本剧改编自桐华的同名长篇小主要讲述了现代白领张晓因车祸穿越到清朝康熙年间，成为满族少女马尔泰·若曦，她看透所有人的命运，却无法掌握自己的结局，身不由己地卷入“九子夺嫡”的纷争的故事。</a></p><hr /> <p class="p2">出品时间：2011年9月</p> <p class="p2">类型:古代宫廷，穿越，爱情</p> <p class="p2">主演:刘诗诗，吴奇隆等</p> <p class="p2">集数:35集（DVD版）/40集(湖南卫视版)</p> </div>  <div id="play"> <SCRIPT type=text/javascript>  </SCRIPT> </div>  <div id="comment"> <h3></h3> <p><span class="span">鹿小晗的May:</span> <a href="#">电视剧步步惊心:#吴奇隆刘诗诗婚礼# 三月也是木兰花开的季节，木兰花为证，这是步步最美好的结局 </a></p> <p><span class="span">豆豆明天要吃西瓜-：</span><a href="#">下雪了又想起步步了,最喜欢若曦在雪中的样子</a></p> <p><span class="span">葡萄沉醉了沙漠：</span><a href="#">一下雪，故宫就变成了紫禁城，于是就想起了那一年的马尔泰若曦，于是又去看了一遍大结局，于是又哭瞎</a></p> <p><span class="span">夏xue529：</span><a href="#">看了八遍了台词都能背下来了可是依然觉得那么好看</a></p> <p><span class="span">爱晋如梦：</span><a href="#">重看。看到32集，四爷的假胡子简直了，怎么化妆的啊，可以了演技</a></p> <p class="more"><a href="#">更多评论<

评论收藏

内容反馈