使用html+css完成网页制作.zip_htmlcss网页制作成品资源-CSDN文库

共46个文件

png：30个

ds_store：6个

xml：3个

版权申诉

html

128 浏览量 2024-04-10 21:04:59 上传评论收藏 962KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

使用html+css完成网页制作.zip （46个子文件）

5575757adsfas

style.css 13KB

.DS_Store 6KB

DD_belatedPNG.js 7KB

jquery-3.2.1.min.js 85KB

.idea

vcs.xml 180B

workspace.xml 34KB

netEase.iml 458B

modules.xml 266B

index.html 25KB

imgs

.DS_Store 6KB

ad_pics

.DS_Store 6KB

next_christmas.png 78KB

apple.png 136KB

christmas.png 250KB

side_ad_2.png 117KB

search_note.png 6KB

header_join.png 3KB

header_shop.png 2KB

search_btn.png 2KB

nav

.DS_Store 6KB

nav_6.png 8KB

nav_5.png 6KB

nav_2.png 4KB

nav_1.png 8KB

nav_7.png 2KB

nav_10.png 8KB

nav_8.png 6KB

nav_4.png 10KB

nav_3.png 6KB

nav_9.png 4KB

main

.DS_Store 6KB

flag.png 734B

more.png 4KB

dot.png 491B

play_button.png 2KB

strawberry_coffee.png 4KB

apple.png 15KB

go_btn.png 1KB

video.png 192KB

hot_sale.png 3KB

hot_list

.DS_Store 6KB

hot_list_pic.png 19KB

hot_banner.png 5KB

finish.png 2KB

website_logo.gif 7KB

logo.ico 4KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>妙味课堂-电子商务网站视频教程www.miaov.com</title> <link rel="stylesheet" href="style.css" type="text/css"/> <link rel="short icon" href="imgs/logo.ico"/> <script src="js/jquery-3.2.1.min.js"></script>  </head> <body> <div id="header" class="gradient"> <div class="city"> 切换城市: <a href="#" class="active">北京</a> <a href="#">上海</a> <a href="#">福州</a> <a href="#">广州</a> </div> <div class="link"> <a href="#" id="join"><img class="header_logo" src="imgs/header_join.png" alt="头部加盟图标"/>加盟100度</a> | <a href="#" id="shop"><img class="header_logo" src="imgs/header_shop.png" alt="头部店铺图标"/>店铺管理</a> </div> </div> <div id="nav" class="gradient"> <ul class="nav_1"> <li><a href="#"><img src="imgs/nav/nav_1.png"/>美食</a></li> <li><a href="#"><img src="imgs/nav/nav_2.png"/>夜店</a></li> <li><a href="#"><img src="imgs/nav/nav_3.png"/>购物</a></li> <li><a href="#"><img src="imgs/nav/nav_4.png"/>文化</a></li> <li><a href="#"><img src="imgs/nav/nav_5.png"/>休闲</a></li> </ul> <h1> <a href="#"> <img class="middle_logo" src="imgs/website_logo.gif" alt="网站中心大图标"/> </a> </h1> <ul class="nav_2"> <li><a href="#"><img src="imgs/nav/nav_6.png"/>烧客空间</a></li> <li><a href="#"><img src="imgs/nav/nav_7.png"/>知道分子</a></li> <li><a href="#"><img src="imgs/nav/nav_8.png"/>白吃白拿</a></li> <li><a href="#"><img src="imgs/nav/nav_9.png"/>烧客论坛</a></li> <li><a href="#"><img src="imgs/nav/nav_10.png"/>企业俱乐部</a></li> </ul> </div> <div id="search" class="gradient"> <div class="bar"> <ul class="menu"> <li class="gradient">搜店</li> <li class="gradient">地址</li> <li class="gradient">优惠券</li> <li class="active">全文</li> <li class="gradient">视频</li> </ul> </div> <img class="img" src="imgs/search_note.png" alt="100度提醒文字"/> <div class="form"> <form action="#"> <input type="text" class="text" value="例如：酸菜鱼，橙记日本料理"/> <input type="submit" value="搜索" class="btn"/> </form> </div> <div class="key_text"> <a href="#">金钱豹</a> <a href="#">大江南</a> <a href="#">湘水之珠</a> <a href="#">德瑀楼</a> <a href="#">荷棠鱼坊烤鱼</a> <a href="#">SOHO尚都</a> <a href="#">湘味楼</a> ... </div>  </div> <div class="content clear"> <div class="main fl"> <div class="clear main_warp"> <div class="section fl"> <h2 class="video_title">WHAT<sup>,</sup> HOT</h2> <div class="video"><img src="imgs/main/video.png"/></div> <ul class="video_list"> <li><a href="#">现场实录：杭州机场国航系统的崩溃</a></li> <li><a href="#">现场实录：杭州机场崩溃</a></li> <li><a href="#">现场实录：杭州机场系统</a></li> <li><a href="#">现场实录：杭州机场系统</a></li> </ul> </div> <div class="options fr"> <ul class="nav"> <li class="active fl"> <strong>HOT SHOP<span>红店铺</span></strong> <a class="triangle_down_red" href="javascript:;"></a> </li> <li class="gradient fr"> <strong>EW<span>新开店</span></strong> <a class="triangle_down_gray" href="javascript:;"></a> </li> </ul> <div class="con"> <div class="hot_list"> <ul> <li> <div class="img"><a href="#" ><img src="imgs/main/hot_list/hot_list_pic.png"/></a></div> <div class="text"> <h3><a href="#">御舟和涵珍园国际酒店</a></h3> <p> 区域：朝阳/CBD<br/> 人均:180元<br/> 人气:12321 </p> </div> </li> <li> <div class="img"><a href="#" ><img src="imgs/main/hot_list/hot_list_pic.png"/></a></div> <div class="text"> <h3><a href="#">御舟和涵珍园国际酒店</a></h3> <p> 区域：朝阳/CBD<br/> 人均:180元<br/> 人气:12321 </p> </div> </li> <li> <div class="img"><a href="#" ><img src="imgs/main/hot_list/hot_list_pic.png"/></a></div> <div class="text"> <h3><a href="#">御舟和涵珍园国际酒店</a></h3> <p> 区域：朝阳/CBD<br/> 人均:180元<br/> 人气:12321 </p> </div> </li> </ul> <a class="more" href="#" title="更多"><img src="imgs/main/more.png" alt="更多"/></a> </div> </div> </div> </div>  <div class="main_ad"><a href="#"><img src="imgs/ad_pics/apple.png"/></a></div> <div class="clear main_warp"> <div class="activity"> <h2 class="new_title"> <strong>LUCKY TODAY</strong> <span>每日活动</span> <em>2014.2</em> </h2> <div class="con"> <div class="info"> <div class="img"></div> <div class="text"> <h3> <em>02</em> <em>11</em> <span>本日主题:做电商网站</span> </h3> <p> 迟到的荣誉——————关于喵呜网站停业整顿的通知.请各入驻商家及时办理退租手续，逾期不再受理。 </p> </div> </div> <div class="calender"> <h3> <span>MON</span> <span>TUE</span> <span>WED</span> <sp

评论收藏

内容反馈

版权申诉