好友
阅读权限10
听众
最后登录1970-1-1
|
西西y
发表于 2017-2-27 21:14
直接打开html文件,dreamweaver运行浏览器一片空白。。。。
myeclipse
myeclipse里用tomcat运行
dreamweaver
楼主小白,大神轻喷
代码
[HTML] 纯文本查看 复制代码 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>top</title>
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style.css">
<!-- Custom Fonts -->
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="fonts/font-slider.css" type="text/css">
<!-- jQuery and Modernizr-->
<script src="js/jquery-2.1.1.js"></script>
<!-- Core JavaScript Files -->
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<!--Top-->
<nav id="top">
<div class="container">
<ul class="top-link">
<li><a href="account.html"><span class="glyphicon glyphicon-user"></span> 我的账户</a></li>
</ul>
</div>
</nav>
<!--Header-->
<header class="container">
<div class="row">
<div class="col-md-4">
<div id="logo"><img src="images/logo.png" /></div>
</div>
<div class="col-md-4">
<form class="form-search">
<input type="text" class="input-medium search-query">
<button type="submit" class="btn"><span class="glyphicon glyphicon-search"></span></button>
</form>
</div>
<div class="col-md-4">
<div id="cart"><a class="btn btn-1" href="cart.html"><span class="glyphicon glyphicon-shopping-cart"></span>购物车 : 0 项</a></div>
</div>
</div>
</header>
<!--Navigation-->
<nav id="menu" class="navbar">
<div class="container">
<div class="navbar-header"><span id="heading" class="visible-xs">Categories</span>
<button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">首页</a></li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">手机</a>
<div class="dropdown-menu">
<div class="dropdown-inner">
<ul class="list-unstyled">
<li><a href="category.html">华为</a></li>
<li><a href="category.html">小米</a></li>
<li><a href="category.html">三星</a></li>
<li><a href="category.html">苹果</a></li>
<li><a href="category.html">联想</a></li>
<li><a href="category.html">中兴</a></li>
<li><a href="category.html">oppo</a></li>
<li><a href="category.html">vivo</a></li>
</ul>
</div>
</div>
</li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">笔记本</a>
<div class="dropdown-menu">
<div class="dropdown-inner">
<ul class="list-unstyled">
<li><a href="category.html">戴尔</a></li>
<li><a href="category.html">华硕</a></li>
<li><a href="category.html">三星</a></li>
<li><a href="category.html">联想</a></li>
<li><a href="category.html">神舟</a></li>
<li><a href="category.html">苹果</a></li>
<li><a href="category.html">Acer</a></li>
</ul>
</div>
</div>
</li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">相机</a>
<div class="dropdown-menu">
<div class="dropdown-inner">
<ul class="list-unstyled">
<li><a href="category.html">佳能</a></li>
<li><a href="category.html">尼康</a></li>
<li><a href="category.html">索尼</a></li>
<li><a href="category.html">卡西欧</a></li>
</ul>
</div>
</div>
</li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">游戏主机</a>
<div class="dropdown-menu">
<div class="dropdown-inner">
<ul class="list-unstyled">
<li><a href="category.html">微软</a></li>
<li><a href="category.html">索尼</a></li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</nav>
<!--//////////////////////////////////////////////////-->
<!--///////////////////HomePage///////////////////////-->
<!--//////////////////////////////////////////////////-->
<div id="page-content" class="home-page">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Carousel -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators hidden-xs">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="images/main-banner1-1903x600.jpg" alt="First slide">
<!-- Static Header -->
<div class="header-text hidden-xs">
<div class="col-md-12 text-center">
</div>
</div><!-- /header-text -->
</div>
<div class="item">
<img src="images/main-banner2-1903x600.jpg" alt="Second slide">
<!-- Static Header -->
<div class="header-text hidden-xs">
<div class="col-md-12 text-center">
</div>
</div><!-- /header-text -->
</div>
<div class="item">
<img src="images/main-banner3-1903x600.jpg" alt="Third slide">
<!-- Static Header -->
<div class="header-text hidden-xs">
<div class="col-md-12 text-center">
</div>
</div><!-- /header-text -->
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div><!-- /carousel -->
</div>
</div>
<div class="row">
<div class="banner">
<div class="col-sm-4">
<img src="images/sub-banner1.png" />
</div>
<div class="col-sm-4">
<img src="images/sub-banner2.png" />
</div>
<div class="col-sm-4">
<img src="images/sub-banner3.png" />
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="heading"><h2>SPECIAL PRODUCTS</h2></div>
<div class="products">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="product">
<div class="image"><a href="product.html"><img src="images/iphone.png" /></a></div>
<div class="buttons">
<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
</div>
<div class="caption">
<div class="name"><h3><a href="product.html">Aliquam erat volutpat</a></h3></div>
<div class="price">$122<span>$98</span></div>
<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="product">
<div class="image"><a href="product.html"><img src="images/galaxy-s4.jpg" /></a></div>
<div class="buttons">
<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
</div>
<div class="caption">
<div class="name"><h3><a href="product.html">Aliquam erat volutpat</a></h3></div>
<div class="price">$122<span>$98</span></div>
<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="product">
<div class="image"><a href="product.html"><img src="images/galaxy-note.jpg" /></a></div>
<div class="buttons">
<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
</div>
<div class="caption">
<div class="name"><h3><a href="product.html">Aliquam erat volutpat</a></h3></div>
<div class="price">$122<span>$98</span></div>
<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="product">
<div class="image"><a href="product.html"><img src="images/Z1.png" /></a></div>
<div class="buttons">
<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
</div>
<div class="caption">
<div class="name"><h3><a href="product.html">Aliquam erat volutpat</a></h3></div>
<div class="price">$122<span>$98</span></div>
<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="banner">
<div class="col-sm-6">
<img src="images/sub-banner4.jpg" />
</div>
<div class="col-sm-6">
<img src="images/sub-banner5.png" />
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="heading"><h2>FEATURED PRODUCTS</h2></div>
<div class="products">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="product">
<div class="image"><a href="product.html"><img src="images/iphone.png" /></a></div>
<div class="buttons">
<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
</div>
<div class="caption">
<div class="name"><h3><a href="product.html">Aliquam erat volutpat</a></h3></div>
<div class="price">$122<span>$98</span></div>
<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="product">
<div class="image"><a href="product.html"><img src="images/galaxy-s4.jpg" /></a></div>
<div class="buttons">
<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
</div>
<div class="caption">
<div class="name"><h3><a href="product.html">Aliquam erat volutpat</a></h3></div>
<div class="price">$122<span>$98</span></div>
<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="product">
<div class="image"><a href="product.html"><img src="images/galaxy-note.jpg" /></a></div>
<div class="buttons">
<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
</div>
<div class="caption">
<div class="name"><h3><a href="product.html">Aliquam erat volutpat</a></h3></div>
<div class="price">$122<span>$98</span></div>
<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="product">
<div class="image"><a href="product.html"><img src="images/Z1.png" /></a></div>
<div class="buttons">
<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
</div>
<div class="caption">
<div class="name"><h3><a href="product.html">Aliquam erat volutpat</a></h3></div>
<div class="price">$122<span>$98</span></div>
<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
免费评分
-
查看全部评分
|
发帖前要善用【论坛搜索】功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。 |
|
|
|
|