HTML5期末大作业：网站——个人网站介绍 (7页面带轮播特效)明星赵丽颖

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

作品介绍

1.网页作品简介方面 ：HTML期末大学生网页设计作业 ,喜欢的可以下载，文章页支持手机PC响应式布局。主要有：首页，基本信息，演艺经历，主要作品，社会活动，获奖记录，人物评价 等总共 7 个页面html下载。

2.网页作品编辑方面：此作品为学生个人主页网页设计题材，代码为简单学生水平 html+css 布局制作，作品下载后可使用任意HTML编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用）

3.网页作品布局方面：网页布局整体为LOGO、导航、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。

4.网页作品技术方面：使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。首页制作了留言表单，同时简单使用JavaScript制作了表单判断（提交时表单不能为空）

一、作品演示

1.首页

在这里插入图片描述

2.基本信息

在这里插入图片描述

3.演艺经历

在这里插入图片描述

4.主要作品

在这里插入图片描述

5. 社会活动

在这里插入图片描述

6.获奖记录

在这里插入图片描述

7.人物评价

在这里插入图片描述

二、代码目录

在这里插入图片描述

三、代码实现


<!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" style="overflow:auto;overflow-x:hidden;">
<head>
<title>青岛市南区旅游网</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/lrtk.css" />
<link rel="stylesheet" type="text/css" href="css/css.css" />
<script type="text/javascript" src="js/pptBox.js"></script>
</head>
<body>

<div class="clear"></div>
<!--end of head-->
<div class="nav">
  <ul>
    <li><a href="index.html">首页 </a></li>
    <li><a href="jibenxinxi.html">基本信息</a></li>
    <li><a href="yanyijingli.html">演艺经历</a></li>
    <li><a href="zhuyaozuopin.html">主要作品</a></li>
    <li><a href="shehuihuodong.html">社会活动</a></li>
    <li><a href="huojiangjilu.html">获奖记录</a></li>
    <li><a href="renwupingjia.html">人物评价</a></li>
  </ul>
</div>
<!--end of nav-->
<div class="clear"></div>
<div class="main">
  <div class="clear"></div>
  <div class="banner">
    <div id="xxx"  > 
      <script>
     var box =new PPTBox();
     box.width = 980; //宽度
     box.height =515;//高度
     box.autoplayer = 3;//自动播放间隔时间

     //box.add({"url":"图片地址","title":"悬浮标题","href":"链接地址"})
     box.add({"url":"images/q1.jpg","href":"#","title":"z赵丽颖1"})
     box.add({"url":"images/q2.jpg","href":"#","title":"赵丽颖2"})
     box.add({"url":"images/q3.jpg","href":"#","title":"赵丽颖3"})
     box.add({"url":"images/q4.jpg","href":"#","title":"赵丽颖4"})
     box.add({"url":"images/q5.jpg","href":"#","title":"赵丽颖5"})
     box.show();
    </script> 
    </div>
  </div>
  <!-----------end banner------------>
  <h2>人物简介</h2>
  <h2></h2>
  <p><br />
    赵丽颖 <br />
  赵丽颖，1987年10月16日出生于河北省廊坊市，中国内地影视女演员。2006年，因获得雅虎搜星比赛冯小刚组冠军而进入演艺圈；同年，在冯小刚执导的广告片《跪族篇》中担任女主角。2011年，因在古装剧《新还珠格格》中饰演晴儿一角而被观众认识。2013年，凭借古装剧《陆贞传奇》获得更多关注。2014年10月，在第10届金鹰电视艺术节举办的投票活动中被选为&quot;金鹰女神&quot;；12月，凭借都市爱情剧《杉杉来了》 ... &gt;&gt;&gt; </p>
<p></p>
  <p></p>
  <h2>人物照片浏览</h2>
  <div class="main_list">
    <ul>
      <li><a href="#"><img src="images/q1.jpg" /></a></li>
      <li><a href="#"><img src="images/q2.jpg" /></a></li>
      <li><a href="#"><img src="images/q3.jpg" /></a></li>
      <li><a href="#"><img src="images/q4.jpg" /></a></li>
      <li><a href="#"><img src="images/q5.jpg" /></a></li>
      <li><a href="#"><img src="images/q6.jpg" /></a></li>
      <li><a href="#"><img src="images/q7.jpg" /></a></li>
      <li><a href="#"><img src="images/q8.jpg" /></a></li>
      <li><a href="#"><img src="images/q9.jpg" /></a></li>
      <li><a href="#"><img src="images/q10.jpg" /></a></li>
      <li><a href="#"><img src="images/q11.jpg" /></a></li>
      <li><a href="#"><img src="images/q12.jpg" /></a></li>
    </ul>
  </div>
  <div class="clear"></div>
</div>
<!--end of main-->

<div class="clear"></div>
<div class="foot">
  <p> 明星赵丽颖 版权所有</p>

</div>
<!--end of foot-->
</body>
</html>