电影主题HTM5网页设计作业成品——爱影评在线电影(10页面)使用dreamweaver制作采用DIV+CSS进行布局
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>首页</title>
<meta name="keywords" content="电视剧剧情,电视剧剧情介绍,电影剧情介绍" />
<meta name="description" content="爱影评致力打造最新电视剧分集剧情介绍的剧情介绍网站,提供最新电影剧情介绍,分集剧情介绍,剧情简介,剧集评价,演职员表,花絮,最新电视节目预告等剧情资料.看最新剧情,就上爱影评剧情网!" />
<link href="css/" type="text/css" rel="stylesheet" />
<meta http-equiv="x-ua-compatible" content="ie=7" />
<script type="text/javascript" src="js/jquery-1.7."></script>
<script type="text/javascript" src="js/"></script>
</head>
<body>
<div class="top">
<div class="w">
<span>欢迎来到爱影评最专业的剧情介绍网站</span>
</div>
</div>
<div id="header">
<div class="w">
<div class="logo">
<a href="" title="首页-爱影评,电视剧情网">爱影评</a>
</div>
<div id="search">
<div class="ser">
<form action="/e/search/" method="post" name="searchform" id="searchform">
<input type="text" id="kw" name="keyboard" class="search-input" value="请在此处输入影片片名或演员名称。" onfocus="if(this.value=='请在此处输入影片片名或演员名称。'){this.value='';}" onblur="if(this.value==''){this.value='请在此处输入影片片名或演员名称。';};" />
<input type="submit" name="submit" class="sub" value="" />
<input type="hidden" name="show" value="title,player" />
<input type="hidden" name="tempid" value="1" />
<input type="hidden" name="tbname" value="movie" />
</form>
</div>
<p>热门搜索：<a href="/e/search/result/?searchid=47" target="_blank">清潭洞丑闻</a> <a href="/e/search/result/?searchid=27" target="_blank">神雕侠侣</a> <a href="/e/search/result/?searchid=78" target="_blank">狎鸥亭白夜</a> <a href="/e/search/result/?searchid=19" target="_blank">二炮手</a> <a href="/e/search/result/?searchid=17" target="_blank">匹诺曹</a> <a href="/e/search/result/?searchid=168" target="_blank">小时代4</a><br /></p>
</div>
<p class="plus"><a href="ranking_list.html" class="ph">排行榜</a><a href="/" class="dq">最近更新</a><a href="javascript:void(0)" rel="nofollow" id="addFavorite" class="sc">收藏我们</a></p>
</div>
</div>
<div class="menu">
<div class="w">
<a href="" titile="爱影评,电视剧情网">首页</a>
<a href="">电视剧剧情</a>
<a href="">电影剧情</a>
<a href="">动漫剧情</a>
<a href="" rel="nofollow">内地剧情</a>
<a href="" rel="nofollow">港台剧情</a>
<a href="" rel="nofollow">日韩剧情</a>
<a href="" rel="nofollow">欧美剧情</a>
<a href="" rel="nofollow">泰印剧情</a>
<a href="">明星库</a>
<a href="">影视动态</a>
</div>
</div>
<!--/header-->
<div class="focusBox" style="margin:0 auto">
<div class="w">
<ul class="pic">
<li><a href=""><img src="picture/" /></a></li>
<li><a href=""><img src="picture/" /></a></li>
<li><a href=""><img src="picture/" /></a></li>
<li><a href=""><img src="picture/" /></a></li>
</ul>
<div class="txt-bg"></div>
<i class="ico"></i>
<div class="txt">
<ul>
<li><a href="">封神英雄榜2</a></li>
<li><a href="">活色生香</a></li>
<li><a href="">医馆笑传</a></li>
<li><a href="">长大</a></li>
</ul>
</div>
<ul class="num">
<li class="on"><a href="" target="_blank"><img src="picture/" /></a></li>
<li><a href=""><img src="picture/" /></a></li>
<li><a href=""><img src="picture/" /></a></li>
<li><a href=""><img src="picture/" /></a></li>
</ul>
</div>
</div>
<script type="text/javascript">
jQuery(".focusBox").slide({ titCell:".num li", mainCell:".pic",effect:"fold", autoPlay:true,
startFun:function(i){
jQuery(".focusBox .txt li").eq(i).animate({"bottom":0}).siblings().animate({"bottom":-56});
}
});
</script>
<div id="main">
<div class="banner">
<script src="js/"></script>
</div>
<div class="box">
<div class="content">
<div class="title">
<h1><a href="">电视剧剧情</a></h1>
<dl>
<dd>
<a href="">推荐</a>
</dd>
<dd>
<a href="/tv/">都市</a>
</dd>
<dd>
<a href="/tv/">家庭</a>
</dd>
<dd>
<a href="/tv/">生活</a>
</dd>
<dd>
<a href="/tv/">偶像</a>
</dd>
<dd>
<a href="/tv/">喜剧</a>
</dd>
<dd>
<a href="/tv/">历史</a>
</dd>
<dd>
<a href="/tv/">古装</a>
</dd>
</dl>
</div>
<div class="bd clearfix">
<ul class="img-list dis clearfix">
<li><a class="play-img" href="" target="_blank"><img src="picture/" alt="虎妈猫爸" /></a><b><a href="" target="_blank">虎妈猫爸</a></b><p>赵薇,佟大为,李佳,纪</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="听到传闻" /></a><b><a href="/tv/" target="_blank">听到传闻</a></b><p>刘俊相,柳好贞,李准,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="嘿！真不是闹着玩的" /></a><b><a href="/tv/" target="_blank">嘿！真不是闹着玩的</a></b><p>李泽锋,解惠清,殷叶子</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="相爱穿梭千年" /></a><b><a href="/tv/" target="_blank">相爱穿梭千年</a></b><p>井柏然,郑爽,黄柏钧,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="倩女喜相逢" /></a><b><a href="/tv/" target="_blank">倩女喜相逢</a></b><p>薛家燕,萧正楠,滕丽名</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="*新娘" /></a><b><a href="/tv/" target="_blank">*新娘</a></b><p>李沁,金世佳</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="行尸走肉第五季" /></a><b><a href="/tv/" target="_blank">行尸走肉第五季</a></b><p>安德鲁·林肯,钱德勒</p></li>
<li><a class="play-img" href="" target="_blank"><img src="picture/" alt="医馆笑传" /></a><b><a href="" target="_blank">医馆笑传</a></b><p>陈赫,王传君,姜妍,张</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="治愈者/Healer" /></a><b><a href="/tv/" target="_blank">治愈者/Healer</a></b><p>刘智泰,朴敏英,池昌旭</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="" /></a><b><a href="/tv/" target="_blank"></a></b><p>申河均,张娜拉,李准,</p></li>
</ul>
<ul class="img-list clearfix">
<li><a class="play-img" href="" target="_blank"><img src="picture/" alt="虎妈猫爸" /></a><b><a href="" target="_blank">虎妈猫爸</a></b><p>赵薇,佟大为,李佳,纪</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="圈里圈外" /></a><b><a href="/tv/" target="_blank">圈里圈外</a></b><p></p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="家有一老" /></a><b><a href="/tv/" target="_blank">家有一老</a></b><p>闫学晶,杜源,张少华,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="活法" /></a><b><a href="/tv/" target="_blank">活法</a></b><p>李幼斌,李立群,潘之琳</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="淑女之家" /></a><b><a href="/tv/" target="_blank">淑女之家</a></b><p>韩雪,刘恩佑,陈翔,马</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="港媳嫁到" /></a><b><a href="/tv/" target="_blank">港媳嫁到</a></b><p>袁咏仪,高鑫,王丽云,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="小野兽花店" /></a><b><a href="/tv/" target="_blank">小野兽花店</a></b><p>王柯达,胡可,厉娜,赵</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="逆光之恋" /></a><b><a href="/tv/" target="_blank">逆光之恋</a></b><p>米热,迪丽热巴,张逸杰</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="新警事之一叶惊涛" /></a><b><a href="/tv/" target="_blank">新警事之一叶惊涛</a></b><p>李成儒,杨子桦</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="呼叫助产士第四季" /></a><b><a href="/tv/" target="_blank">呼叫助产士第四季</a></b><p>Emerald Fennell</p></li>
</ul>
<ul class="img-list clearfix">
<li><a class="play-img" href="" target="_blank"><img src="picture/" alt="虎妈猫爸" /></a><b><a href="" target="_blank">虎妈猫爸</a></b><p>赵薇,佟大为,李佳,纪</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="听到传闻" /></a><b><a href="/tv/" target="_blank">听到传闻</a></b><p>刘俊相,柳好贞,李准,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="青鸟之家" /></a><b><a href="/tv/" target="_blank">青鸟之家</a></b><p>李俊赫,庆收真,李相烨</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="家有一老" /></a><b><a href="/tv/" target="_blank">家有一老</a></b><p>闫学晶,杜源,张少华,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="淑女之家" /></a><b><a href="/tv/" target="_blank">淑女之家</a></b><p>韩雪,刘恩佑,陈翔,马</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="港媳嫁到" /></a><b><a href="/tv/" target="_blank">港媳嫁到</a></b><p>袁咏仪,高鑫,王丽云,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="后妈的春天" /></a><b><a href="/tv/" target="_blank">后妈的春天</a></b><p>李彩桦,贺刚,黑子,刘</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="我阿妈系黑玫瑰" /></a><b><a href="/tv/" target="_blank">我阿妈系黑玫瑰</a></b><p>惠英红,姜大卫,陈宇琛</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="残念丈夫" /></a><b><a href="/tv/" target="_blank">残念丈夫</a></b><p>玉木宏,仓科加奈</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="永不低头" /></a><b><a href="/tv/" target="_blank">永不低头</a></b><p>张涵予,任重,谢园,王</p></li>
</ul>
<ul class="img-list clearfix">
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="听到传闻" /></a><b><a href="/tv/" target="_blank">听到传闻</a></b><p>刘俊相,柳好贞,李准,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="圈里圈外" /></a><b><a href="/tv/" target="_blank">圈里圈外</a></b><p></p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="青鸟之家" /></a><b><a href="/tv/" target="_blank">青鸟之家</a></b><p>李俊赫,庆收真,李相烨</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="嘿！真不是闹着玩的" /></a><b><a href="/tv/" target="_blank">嘿！真不是闹着玩的</a></b><p>李泽锋,解惠清,殷叶子</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="活法" /></a><b><a href="/tv/" target="_blank">活法</a></b><p>李幼斌,李立群,潘之琳</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="转身说爱你" /></a><b><a href="/tv/" target="_blank">转身说爱你</a></b><p>崔始源,王珞丹,宣言,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="港媳嫁到" /></a><b><a href="/tv/" target="_blank">港媳嫁到</a></b><p>袁咏仪,高鑫,王丽云,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="后妈的春天" /></a><b><a href="/tv/" target="_blank">后妈的春天</a></b><p>李彩桦,贺刚,黑子,刘</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="我阿妈系黑玫瑰" /></a><b><a href="/tv/" target="_blank">我阿妈系黑玫瑰</a></b><p>惠英红,姜大卫,陈宇琛</p></li>
<li><a class="play-img" href="" target="_blank"><img src="picture/" alt="活色生香" /></a><b><a href="" target="_blank">活色生香</a></b><p>唐嫣,李易峰,舒畅,陈</p></li>
</ul>
<ul class="img-list clearfix">
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="转身说爱你" /></a><b><a href="/tv/" target="_blank">转身说爱你</a></b><p>崔始源,王珞丹,宣言,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="相爱穿梭千年" /></a><b><a href="/tv/" target="_blank">相爱穿梭千年</a></b><p>井柏然,郑爽,黄柏钧,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="千金女贼" /></a><b><a href="/tv/" target="_blank">千金女贼</a></b><p>唐嫣,刘恺威,杨蓉,杨</p></li>
<li><a class="play-img" href="" target="_blank"><img src="picture/" alt="长大" /></a><b><a href="" target="_blank">长大</a></b><p>白百何,陆毅,江疏影,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="Dream Knight" /></a><b><a href="/tv/" target="_blank">Dream Knight</a></b><p>GOT7,宋昰昀,李玟暎,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="白衣校花与大长腿" /></a><b><a href="/tv/" target="_blank">白衣校花与大长腿</a></b><p>袁冰妍,郝允祥,许峰</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="童话恋曲201314" /></a><b><a href="/tv/" target="_blank">童话恋曲201314</a></b><p>苏永康,廖碧儿,陈柏宇</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="炫" /></a><b><a href="/tv/" target="_blank">炫</a></b><p>weir,Aump</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="欢乐合唱团第六季" /></a><b><a href="/tv/" target="_blank">欢乐合唱团第六季</a></b><p>丽亚·米雪儿,马修·</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="仙岩女高侦探团" /></a><b><a href="/tv/" target="_blank">仙岩女高侦探团</a></b><p>陈智熙,李惠利,姜敏儿</p></li>
</ul>
<ul class="img-list clearfix">
<li><a class="play-img" href="" target="_blank"><img src="picture/" alt="虎妈猫爸" /></a><b><a href="" target="_blank">虎妈猫爸</a></b><p>赵薇,佟大为,李佳,纪</p></li>
<li><a class="play-img" href="" target="_blank"><img src="picture/" alt="爱情宝典" /></a><b><a href="" target="_blank">爱情宝典</a></b><p>范冰冰,乐珈彤,沈晓海</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="听到传闻" /></a><b><a href="/tv/" target="_blank">听到传闻</a></b><p>刘俊相,柳好贞,李准,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="龙汇镖局之大宋女镖师" /></a><b><a href="/tv/" target="_blank">龙汇镖局之大宋女镖师</a></b><p>蓝燕,陈月末,张一鸾,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="神机妙算刘伯温" /></a><b><a href="/tv/" target="_blank">神机妙算刘伯温</a></b><p>何冰,于震,王刚,王姬,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="嘿！真不是闹着玩的" /></a><b><a href="/tv/" target="_blank">嘿！真不是闹着玩的</a></b><p>李泽锋,解惠清,殷叶子</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="家有一老" /></a><b><a href="/tv/" target="_blank">家有一老</a></b><p>闫学晶,杜源,张少华,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="浩九的爱情" /></a><b><a href="/tv/" target="_blank">浩九的爱情</a></b><p>金宥真,崔宇植,任瑟雍</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="倩女喜相逢" /></a><b><a href="/tv/" target="_blank">倩女喜相逢</a></b><p>薛家燕,萧正楠,滕丽名</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="*新娘" /></a><b><a href="/tv/" target="_blank">*新娘</a></b><p>李沁,金世佳</p></li>
</ul>
<ul class="img-list clearfix">
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="钱塘传奇" /></a><b><a href="/tv/" target="_blank">钱塘传奇</a></b><p>余少群,郭珍霓,汤镇业</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="惩毖录" /></a><b><a href="/tv/" target="_blank">惩毖录</a></b><p>金相中,金泰佑,金惠恩</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="石敢当之雄峙天东" /></a><b><a href="/tv/" target="_blank">石敢当之雄峙天东</a></b><p>张子健,刘德凯,六小龄</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="隋唐英雄5之薛刚反唐" /></a><b><a href="/tv/" target="_blank">隋唐英雄5之薛刚反唐</a></b><p>余少群,孙耀琦,惠英红</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="青年霍元甲之冲出江湖" /></a><b><a href="/tv/" target="_blank">青年霍元甲之冲出江湖</a></b><p>李浩轩,刘真君,徐少强</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="花燃" /></a><b><a href="/tv/" target="_blank">花燃</a></b><p>井上真央，大泽隆夫</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="辉煌或疯狂" /></a><b><a href="/tv/" target="_blank">辉煌或疯狂</a></b><p>张赫,吴涟序,李荷妮,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="王的面孔" /></a><b><a href="/tv/" target="_blank">王的面孔</a></b><p>徐仁国,李成宰,赵允熙</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="大漠苍狼" /></a><b><a href="/tv/" target="_blank">大漠苍狼</a></b><p>黄志忠,刘孜,李芯逸,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="大清盐商" /></a><b><a href="/tv/" target="_blank">大清盐商</a></b><p>张嘉译,张志坚,俞飞鸿</p></li>
</ul>
<ul class="img-list clearfix">
<li><a class="play-img" href="" target="_blank"><img src="picture/" alt="爱情宝典" /></a><b><a href="" target="_blank">爱情宝典</a></b><p>范冰冰,乐珈彤,沈晓海</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="龙汇镖局之大宋女镖师" /></a><b><a href="/tv/" target="_blank">龙汇镖局之大宋女镖师</a></b><p>蓝燕,陈月末,张一鸾,</p></li>
<li><a class="play-img" href="/tv/" target="_blank"><img src="picture/" alt="失宠王妃之结缘" /></a><b><a href="/tv/" target="_blank">失宠王妃之结缘</a></b><p>李晟,高云翔,霍政谚,</p></li>
<!--/footer-->
<div id="footer">
<div class="help">
<div class="w">
<ul>
<li> <b>电视节目指南</b> <p><a href="javascript:;" rel="nofollow">正在播出</a></p><p><a href="javascript:;" rel="nofollow">热门节目</a></p><p><a href="javascript:;" rel="nofollow">分类预告</a></p><p><a href="javascript:;" rel="nofollow">一周节目指南</a></p> </li>
<li> <b>相关推荐</b> <p><a href="javascript:;" rel="nofollow">图片写真</a></p><p><a href="javascript:;" rel="nofollow">影评/短评</a></p><p><a href="javascript:;" rel="nofollow">剧情</a></p><p><a href="javascript:;" rel="nofollow">预告片</a></p> </li>
<li> <b>关于我们</b> <p><a href="" rel="nofollow">关于我们</a></p><p><a href="">站点地图</a></p><p><a href="/" rel="nofollow">站长合作</a></p><p><a href="/" rel="nofollow">联系我们</a></p> </li>
<li> <b>帮助中心</b> <p><a href="javascript:;" rel="nofollow">站长工具</a></p><p><a href="/" rel="nofollow">帮助说明</a></p><p><a href="javascript:;" rel="nofollow">讨论区</a></p> </li>
<li class="wx"> <b>关注微信</b> <p class="wxcode"><i></i></p><p>扫描二维码 下载客户端</p> </li>
<li class="wb"> <b>关注微博</b> <p><a href="javascript:;" rel="nofollow">新浪微博</a></p><p><a href="javascript:;" rel="nofollow">腾讯微博</a></p> </li>
</ul>
</div>
</div>
<!--/link-->
<div class="foot">
<p>Copyright © 2014-2015 爱影评 All rights reserved</p>
<p>湘ICP备14016065号-2</p>
<script type="text/javascript">
</script>
<script type="text/javascript">
</script>
</div>
</div>
<script type="text/javascript" src="js/"></script>
</body>
</html>