常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车 、 其他 等网页设计题目, A+水平作业, 可满足作业网页设计需求。
页面展示
代码实现
<title>公主家仟佰宠【官网】</title>
<!-- 关键词、描述 -->
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="baidu-site-verification" content="e35nJw2b79">
<script src="static/js/prototype1.7.2.js" type="text/javascript"></script>
<script src="static/js/jquery-1.8.3.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="static/css/css.css">
<link rel="stylesheet" href="static/css/contact.css">
<link rel="stylesheet" href="static/css/camera.css" type="text/css">
<link rel="stylesheet" href="static/css/selectordie.css">
<link rel="stylesheet" href="static/css/headerflip.css">
<script src="static/js/selectordie.min.js"></script>
<script type="text/javascript" src="static/js/jquery.waypoints.min.js"></script>
<script src="static/js/index.js" type="text/javascript"></script>
</head>
<body>
<div id="header">
<div class="container h100" style="height: 155px;">
<div class="logo" style="height: 69px;top: 8px;">
<a href=""><img src="static/picture/logo.png" title="公主家" alt="公主家"></a>
</div>
<div class="nav">
<ul>
<li>
<a href="index.html">首页</a>
</li>
<li>
<a href="about.html">品牌中心</a>
</li>
<li>
<a href="product.html">公主家</a>
</li>
<li>
<a href="qbc.html">仟佰宠</a>
</li>
<li>
<a href="ryzs.html">荣誉证书</a>
</li>
<li>
<a href="ppzx.html">品牌资讯</a>
</li>
<li>
<a href="message.html">联系我们</a>
</li>
</ul>
</div>
</div>
</div>
<!--导航-->
<!--banner-->
<div class="ty banner">
<div class="camera_wrap" id="camera_wrap_1">
<div data-src="static/image/5d5bc47621664.jpg"></div>
<div data-src="static/image/5dd1eeac277ba.jpg"></div>
<div data-src="static/image/5dd1eeb452745.jpg"></div>
<div data-src="static/image/5dd1f13dde579.jpg"></div>
</div>
</div>
<link rel="stylesheet" href="static/css/style.css">
<link rel="stylesheet" href="static/css/flip.css">
<script type="text/javascript" src="static/js/camera1.3.4.js"></script>
<script type="text/javascript" src="static/js/jquery.fullpage.min.js"></script>
<script type="text/javascript" src="static/js/jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(function() {
$("#camera_wrap_1").camera({
time: 3000,
pagination: true,
height: '35%',
});
});
</script>
<!--明星产品-->
<div class="ty" id="wpt01">
<div class="center">
<div class="in01 intitle">
<h2 class="css3 sm">明星代言</h2>
<span class="css3 xm">celebrity endorsement</span>
<h5 class="css3 left">公主家品牌形象代言人由人气偶像汪东城（Jiro Wang)担任。其高贵优雅的王子气质与”公主家“品牌高度契合。
<br>王子与公主的牵手将共同演绎出”外在生活轻松，内在心灵高贵“的护肤新理念。</h5></div>
<div class="zb01 css3 left">
<img class="css3" src="static/picture/in01.jpg"></div>
<div class="yb01 css3 right">
<div class="tu">
<img class="css3" src="static/picture/in02.jpg"></div>
</div>
</div>
</div>
<!--品牌理念-->
<div class="ty" id="wpt02">
<div class="center powz">
<div class="in02 intitle">
<h2>品牌理念</h2>
<span>Brand concept</span>
<h5>轻生活是一种全新的生活态度和方式，只有外在生活的轻松，才能唤醒内在心灵的高贵公主家护肤品能让你听从内心的声音，
<br>回归简单、自然的生活，追求心灵上的奢侈，成为美丽、智慧与坚定的现代都市女性。</h5>
<div class="bindbg">
<div class="bindimg css3 right">
<a href="about.html">
<img src="static/picture/in03.jpg" width="1130" height="398" alt=""></a>
</div>
</div>
</div>
</div>
</div>
<!--新闻-->
<div class="ty" id="wpt03">
<div class="center">
<div class="in03 intitle">
<h2>产品系列</h2>
<span>Product series</span>
<h5></h5>
</div>
<section class="procontainer" style="margin-top:-150px;margin-bottom:-350px;">
<section class="boxItem">
<a href="productdetail.html"></a>
<a href="productdetail.html"></a>
<a href="productdetail.html"></a>
<a href="productdetail.html"></a>
<section class="itemContentBox">
<img src="static/picture/jinglu.jpg" alt="水润亮颜保湿晶露">
<section class="itemContent">
<span>
<p style="font-size:30px;margin-top:30px;letter-spacing:8px;">公主家</p>
<p style="font-size:20px;margin-top:30px;letter-spacing:8px;">水润亮颜保湿晶露</p>
<p style="letter-spacing:2px;margin-top:10px;">ACTIVE HYDRA-GEL</p>
</span>
</section>
<section class="itemContent">
<span>
<p style="font-size:30px;margin-top:30px;letter-spacing:8px;">公主家</p>
<p style="font-size:20px;margin-top:30px;letter-spacing:8px;">水润亮颜保湿晶露</p>
<p style="letter-spacing:2px;margin-top:10px;">ACTIVE HYDRA-GEL</p>
</span>
</section>
<section class="itemContent">
<span>
<p style="font-size:30px;margin-top:30px;letter-spacing:8px;">公主家</p>
<p style="font-size:20px;margin-top:30px;letter-spacing:8px;">水润亮颜保湿晶露</p>
<p style="letter-spacing:2px;margin-top:10px;">ACTIVE HYDRA-GEL</p>
</span>
</section>
<section class="itemContent">
<span>
<p style="font-size:30px;margin-top:30px;letter-spacing:8px;">公主家</p>
<p style="font-size:20px;margin-top:30px;letter-spacing:8px;">水润亮颜保湿晶露</p>
<p style="letter-spacing:2px;margin-top:10px;">ACTIVE HYDRA-GEL</p>
</span>
</section>
</section>
</section>
<section class="boxItem">
<a href="productdetail.html"></a>
<a href="productdetail.html"></a>
<a href="productdetail.html"></a>
<a href="productdetail.html"></a>
<section class="itemContentBox">
<img src="static/picture/jiemian.jpg" alt="舒颜净透洁面凝胶">
<section class="itemContent">
<span>
<p style="font-size:30px;margin-top:30px;letter-spacing:8px;">公主家</p>
<p style="font-size:20px;margin-top:30px;letter-spacing:8px;">舒颜净透洁面凝胶</p>
<p style="letter-spacing:2px;margin-top:10px;">GENTLE CLEANSING GEL</p>
</span>
</section>
<section class="itemContent">
<span>
<p style="font-size:30px;margin-top:30px;letter-spacing:8px;">公主家</p>
<p style="font-size:20px;margin-top:30px;letter-spacing:8px;">舒颜净透洁面凝胶</p>
<p style="letter-spacing:2px;margin-top:10px;">GENTLE CLEANSING GEL</p>
</span>
</section>
<section class="itemContent">
<span>
<p style="font-size:30px;margin-top:30px;letter-spacing:8px;">公主家</p>
<p style="font-size:20px;margin-top:30px;letter-spacing:8px;">舒颜净透洁面凝胶</p>
<p style="letter-spacing:2px;margin-top:10px;">GENTLE CLEANSING GEL</p>
</span>
</section>
<section class="itemContent">
<span>
<p style="font-size:30px;margin-top:30px;letter-spacing:8px;">公主家</p>
<p style="font-size:20px;margin-top:30px;letter-spacing:8px;">舒颜净透洁面凝胶</p>
<p style="letter-spacing:2px;margin-top:10px;">GENTLE CLEANSING GEL</p>
</span>
</section>
</section>
</section>
<section class="boxItem">
<a href="productdetail.html"></a>
<a href="productdetail.html"></a>
<a href="productdetail.html"></a>
<a href="productdetail.html"></a>
<section class="itemContentBox">
<img src="static/picture/yanshuang.jpg" alt="凝时肌透紧致眼霜">
<section class="itemContent">
<span>
<p style="font-size:30px;margin-top:30px;letter-spacing:8px;">公主家</p>
<p style="font-size:20px;margin-top:30px;letter-spacing:8px;">凝时肌透紧致眼霜</p>
<p style="letter-spacing:2px;margin-top:10px;">ANTI-WRINKLE FIRMING EYE CREAM</p>
</span>
</section>
<section class="itemContent">
<span>
<p style="font-size:30px;margin-top:30px;letter-spacing:8px;">公主家</p>
<p style="font-size:20px;margin-top:30px;letter-spacing:8px;">凝时肌透紧致眼霜</p>
<p style="letter-spacing:2px;margin-top:10px;">ANTI-WRINKLE FIRMING EYE CREAM</p>
</span></section>
<section class="itemContent">
<span>
<p style="font-size:30px;margin-top:30px;letter-spacing:8px;">公主家</p>
<p style="font-size:20px;margin-top:30px;letter-spacing:8px;">凝时肌透紧致眼霜</p>
<p style="letter-spacing:2px;margin-top:10px;">ANTI-WRINKLE FIRMING EYE CREAM</p>
</span></section>
<section class="itemContent">
<span>
left: "-300px"
}, 200);
}
$("#back-to-top").click(function() {
$('body,html').animate({
scrollTop: 0
}, 600);
return false;
});
})
</script>
<style>
#cnzz_stat_icon_1272896540 a img {
margin: 0 auto;
}
</style>
<!--返回顶部-->
<div class="fixtop" onclick="goTop()">
返回顶部
</div>
</body>
</html>
<!--返回顶部-->
<div class="fixtop" onclick="goTop()">返回顶部</div>
