学习内容:
1.跟着老师把天猫网站公共部分的代码走了一遍;
2.初步了解了一下数据库的定义和安装步骤。
天猫网站公共部分代码:
<!DOCTYPE html>
<html>
<head>
<title>天猫</title>
<link rel="stylesheet" type="text/css" href="assest/css/bootstrap/3.3.6/bootstrap.min.css">
<style>
* {
font-family: Arial;
}
.nav-top {
background-color: #f2f2f2;
color: #999;
font-size: 12px;
height: 28px;
line-height: 28px;
}
.glyphicon {
color: #C20000;
}
.nav-top a {
color: #999;
}
.nav-top a:hover {
color: #C20000;
text-decoration: none;
}
.foot-img {
width: 982px;
height: 80px;
margin: 0 auto;
}
.foot-desc {
max-width: 1025px;
margin: 40px auto;
}
.foot-desc div {
width: 20%;
float: left;
display: inline-block;
}
.foot-desc a{
display: block;
}
.foot-desc-title {
color: #646464;
font-weight: bold;
font-size: 16px
}
.foot-desc a {
color: #999;
}
.foot-desc a:hover {
color: #C20000;
text-decoration: none;
}
.foot-copyright {
position: relative;
clear: both;
background-color: black;
}
.foot-copyright>img {
position: absolute;
right: 1392px;
top: -31px;
}
.white-link {
max-width: 1024px;
margin: 0 auto;
padding: 8px 0;
}
.white-link a {
font-size: 12px;
color: white;
margin-right: 8px;
}
.white-link a:hover {
text-decoration: none;
}
.foot-copyright-addr {
margin: 0 auto;
max-width: 1024px;
color: #a4a4a4;
}
.foot-copyright-cop {
margin: 15px auto;
max-width: 1024px;
}
.foot-copyright-img {
margin: 20px auto;
max-width: 1024px;
}
</style>
</head>
<body>
<div class="nav-top">
<a href="#" style="margin-left: 8px;"><span class="glyphicon glyphicon-home redColor"></span> 天猫首页</a>
<span style="margin-left: 20px;">喵,欢迎来天猫</span>
<a href="#" style="margin-left: 20px;">请登录</a>
<a href="#" style="margin-left: 20px;">免费注册</a>
<span class="pull-right">
<a href="#" style="margin-right: 20px;">我的订单</a>
<a href="#" style="margin-right: 35px;"><span class="glyphicon glyphicon-shopping-cart redColor"></span>购物车0件</a>
</span>
</div>
<div>
<img src="img/site/logo.gif"/>
</div>
<div style="height: 800px"></div>
<div class="footer">
<hr/>
<div class="foot-img">
<img src="img/site/ensure.png" />
</div>
<hr/>
<div class="foot-desc">
<div>
<span class="foot-desc-title">购物指南</span>
<a href="#">免费注册</a>
<a href="#">免费注册</a>
<a href="#">免费注册</a>
</div>
<div>
<span class="foot-desc-title">天猫保障</span>
<a href="#">免费注册</a>
<a href="#">免费注册</a>
<a href="#">免费注册</a>
</div>
<div>
<span class="foot-desc-title">支付方式</span>
<a href="#">免费注册</a>
<a href="#">免费注册</a>
<a href="#">免费注册</a>
<a href="#">免费注册</a>
</div>
<div>
<span class="foot-desc-title">商家服务</span>
<a href="#">免费注册</a>
<a href="#">免费注册</a>
<a href="#">免费注册</a>
<a href="#">免费注册</a>
<a href="#">免费注册</a>
<a href="#">免费注册</a>
<a href="#">免费注册</a>
</div>
<div>
<span class="foot-desc-title">手机天猫</span><br/>
<img src="img/site/ma.png"/>
</div>
</div>
<div class="foot-copyright">
<img src="img/site/cateye.png" />
<div class="white-link">
<a href="#">联系我们</a>
<a href="#">联系我们</a>
<a href="#">联系我们</a>
<a href="#">联系我们</a>
<a href="#">联系我们</a>
<a href="#">联系我们</a>
<a href="#">联系我们</a>
<a href="#">联系我们</a>
<a href="#">联系我们</a>
</div>
<div class="white-link">
<a href="#">联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a><span>|<span>
<a href="#"> 联系我们</a>
</div>
<div class="foot-copyright-addr">
增值电信业务经营许可证: 浙B2-20110446 网络文化经营许可证:浙网文[2015]0295-065号 互联网医疗保健信息服务 审核同意书 浙卫网审【2014】6号 互联网药品信息服务资质证书编号:浙-(经营性)-2012-0005
</div>
<div class="foot-copyright-cop">
© 2003-2016 TMALL.COM 版权所有
</div>
<div class="foot-copyright-img">
<img src="img/site/copyRight1.jpg" />
<img src="img/site/copyRight2.jpg" />
</div>
<div style="height: 30px"></div>
</div>
</div>
</body>
</html>
不知道为什么,到家以后,天猫那个链接就打不开了,换了好几个浏览器都不行,断网了也没用,所以只能做公共部分,本来想把中间商品内容做做看的,可是网站打不开,所以看不到具体内容
学习心得
数据库是按照数据结构来组织、存储和管理数据的仓库;
数据库有很多种类型,从最简单的存储有各种数据的表格到能够进行海量数据存储的大型数据库系统都在各个方面得到了广泛的应用;
数据库技术是管理信息系统、办公自动化系统、决策支持系统等各类信息系统的核心部分,是进行科学研究和决策管理的重要技术手段。