900字范文 > HTML5期末大作业：书店商城系统网站设计——响应式图书电商HTML 网上书店模板 (25页

HTML5期末大作业：书店商城系统网站设计——响应式图书电商HTML 网上书店模板 (25页

时间：2018-09-11 16:59:47

HTML5期末大作业：商城书店网站设计——响应式图书电商HTML 网上书店模板 (25页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品

常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

>>>🍅 点击进入🍅 >>>300例HTML期末大作业源码

1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？
2.没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~
3.原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

源码介绍

Boighor图书电子商务Bootstrap模板是在线图书馆商店HTML模板，整洁、干净和简单的设计，网上书店网站Bootstrap模板。这个HTML5模板完美的为您的图书电子商务项目。基于Bootstrap4驱动。充分响应的模板适合所有类型的屏幕和设备。此外,有三个独特的主页布局，包括总25 HTML页面可用。模板很容易定制，它提供了大型菜单,下拉菜单,固定的菜单,移动菜单。跨浏览器优化的响应Bootstrap4书店模板，适合图书馆,图书出版者,本书作者,书作家,和图书馆。

主要特色

3+主页

有效的HTML5和CSS3

整洁、干净和简单的设计

创意和现代设计

总25 HTML页面

充分响应

跨浏览器的优化

好评论HTML和CSS文件

测试与多个设备

Bootstrap4

下拉菜单

超级菜单

粘性的菜单

手机菜单

OWL旋转木马滑块

3博客页面

平滑的动画

良好的文档记录

作品介绍

1.网页作品简介：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。包含：主页、关于我们、登录、注册，总共4个页面。

2.网页作品编辑：此作品为学生期末大作业网页设计题材，代码为简单学生水平 html+css 布局制作，作品下载后可使用任意HTML编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++等任意HTML软件编辑修改网页）。

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

4.网页作品技术：使用DIV+CSS制作网页, 背景图、音乐、视频、flash、鼠标经过及选中导航变色效果、下划线、等。表单提交、评论留言，并使用JavaScript制作了表单判断（提交时表单不能为空）。

文章目录

HTML5期末大作业：商城书店网站设计——响应式图书电商HTML 网上书店模板 (25页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品源码介绍主要特色作品介绍一、作品展示1.首页2.列表3.购物车4.详情二、文件目录三、代码实现四、web前端(学习资料)五、源码获取六、更多源码

一、作品展示

1.首页

2.列表

3.购物车

4.详情

二、文件目录

三、代码实现

<!doctype html><html class="no-js" lang="zxx"><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><title>Home | Bookshop Responsive Bootstrap4 Template - SHARED ON </title><meta name="description" content=""><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="shortcut icon" href="images/favicon.ico"><link rel="apple-touch-icon" href="images/icon.png"><link href="/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> <link href="/css?family=Poppins:300,300i,400,400i,500,600,600i,700,700i,800" rel="stylesheet"><link href="/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet"> <link rel="stylesheet" href="css/bootstrap.min.css"><link rel="stylesheet" href="css/plugins.css"><link rel="stylesheet" href="style.css"><link rel="stylesheet" href="css/custom.css"><script src="js/vendor/modernizr-3.5.0.min.js"></script></head><body><div class="wrapper" id="wrapper"><header id="wn__header" class="header__area header__absolute sticky__header"><div class="container-fluid"><div class="row"><div class="col-md-6 col-sm-6 col-6 col-lg-2"><div class="logo"><a href="index.html"><img src="images/logo/logo.png" alt="logo images"></a></div></div><div class="col-lg-8 d-none d-lg-block"><nav class="mainmenu__nav"><ul class="meninmenu d-flex justify-content-start"><li class="drop with--one--item"><a href="index.html">Home</a><div class="megamenu dropdown"><ul class="item item01"><li><a href="index.html">Home Style Default</a></li><li><a href="index-2.html">Home Style Two</a></li><li><a href="index-box.html">Home Box Style</a></li></ul></div></li><li class="drop"><a href="#">Shop</a><div class="megamenu mega03"><ul class="item item03"><li class="title">Shop Layout</li><li><a href="shop-grid.html">Shop Grid</a></li><li><a href="shop-list.html">Shop List</a></li><li><a href="shop-left-sidebar.html">Shop Left Sidebar</a></li><li><a href="shop-right-sidebar.html">Shop Right Sidebar</a></li><li><a href="shop-no-sidebar.html">Shop No sidebar</a></li><li><a href="single-product.html">Single Product</a></li></ul><ul class="item item03"><li class="title">Shop Page</li><li><a href="my-account.html">My Account</a></li><li><a href="cart.html">Cart Page</a></li><li><a href="checkout.html">Checkout Page</a></li><li><a href="wishlist.html">Wishlist Page</a></li><li><a href="error404.html">404 Page</a></li><li><a href="faq.html">Faq Page</a></li></ul><ul class="item item03"><li class="title">Bargain Books</li><li><a href="shop-grid.html">Bargain Bestsellers</a></li><li><a href="shop-grid.html">Activity Kits</a></li><li><a href="shop-grid.html">B&N Classics</a></li><li><a href="shop-grid.html">Books Under $5</a></li><li><a href="shop-grid.html">Bargain Books</a></li></ul></div></li><li class="drop"><a href="shop-grid.html">Books</a><div class="megamenu mega03"><ul class="item item03"><li class="title">Categories</li><li><a href="shop-grid.html">Biography </a></li><li><a href="shop-grid.html">Business </a></li><li><a href="shop-grid.html">Cookbooks </a></li><li><a href="shop-grid.html">Health & Fitness </a></li><li><a href="shop-grid.html">History </a></li></ul><ul class="item item03"><li class="title">Customer Favourite</li><li><a href="shop-grid.html">Mystery</a></li><li><a href="shop-grid.html">Religion & Inspiration</a></li><li><a href="shop-grid.html">Romance</a></li><li><a href="shop-grid.html">Fiction/Fantasy</a></li><li><a href="shop-grid.html">Sleeveless</a></li></ul><ul class="item item03"><li class="title">Collections</li><li><a href="shop-grid.html">Science </a></li><li><a href="shop-grid.html">Fiction/Fantasy</a></li><li><a href="shop-grid.html">Self-Improvemen</a></li><li><a href="shop-grid.html">Home & Garden</a></li><li><a href="shop-grid.html">Humor Books</a></li></ul></div></li><li class="drop"><a href="shop-grid.html">Kids</a><div class="megamenu mega02"><ul class="item item02"><li class="title">Top Collections</li><li><a href="shop-grid.html">American Girl</a></li><li><a href="shop-grid.html">Diary Wimpy Kid</a></li><li><a href="shop-grid.html">Finding Dory</a></li><li><a href="shop-grid.html">Harry Potter</a></li><li><a href="shop-grid.html">Land of Stories</a></li></ul><ul class="item item02"><li class="title">More For Kids</li><li><a href="shop-grid.html">B&N Educators</a></li><li><a href="shop-grid.html">B&N Kids' Club</a></li><li><a href="shop-grid.html">Kids' Music</a></li><li><a href="shop-grid.html">Toys & Games</a></li><li><a href="shop-grid.html">Hoodies</a></li></ul></div></li><li class="drop"><a href="#">Pages</a><div class="megamenu dropdown"><ul class="item item01"><li><a href="about.html">About Page</a></li><li class="label2"><a href="portfolio.html">Portfolio</a><ul><li><a href="portfolio.html">Portfolio</a></li><li><a href="portfolio-three-column.html">Portfolio 3 Column</a></li><li><a href="portfolio-details.html">Portfolio Details</a></li></ul></li><li><a href="my-account.html">My Account</a></li><li><a href="cart.html">Cart Page</a></li><li><a href="checkout.html">Checkout Page</a></li><li><a href="wishlist.html">Wishlist Page</a></li><li><a href="error404.html">404 Page</a></li><li><a href="faq.html">Faq Page</a></li><li><a href="team.html">Team Page</a></li></ul></div></li><li class="drop"><a href="blog.html">Blog</a><div class="megamenu dropdown"><ul class="item item01"><li><a href="blog.html">Blog Page</a></li><li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li><li><a href="blog-no-sidebar.html">Blog No Sidebar</a></li><li><a href="blog-details.html">Blog Details</a></li></ul></div></li><li><a href="contact.html">Contact</a></li></ul></nav></div><div class="col-md-6 col-sm-6 col-6 col-lg-2"><ul class="header__sidebar__right d-flex justify-content-end align-items-center"><li class="shop_search"><a class="search__active" href="#"></a></li><li class="wishlist"><a href="#"></a></li><li class="shopcart"><a class="cartbox_active" href="#"><span class="product_qun">3</span></a><div id="quickview-wrapper"><div class="modal fade" id="productmodal" tabindex="-1" role="dialog"><div class="modal-dialog modal__container" role="document"><div class="modal-content"><div class="modal-header modal__header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div><div class="modal-body"><div class="modal-product"><div class="product-images"><div class="main-image images"><img alt="big images" src="images/product/big-img/1.jpg"></div></div><div class="product-info"><h1>Simple Fabric Bags</h1><div class="rating__and__review"><ul class="rating"><li><span class="ti-star"></span></li><li><span class="ti-star"></span></li><li><span class="ti-star"></span></li><li><span class="ti-star"></span></li><li><span class="ti-star"></span></li></ul><div class="review"><a href="#">4 customer reviews</a></div></div><div class="price-box-3"><div class="s-price-box"><span class="new-price">$17.20</span><span class="old-price">$45.00</span></div></div><div class="quick-desc">Designed for simplicity and made from high quality materials. Its sleek geometry and material combinations creates a modern look.</div><div class="select__color"><h2>Select color</h2><ul class="color__list"><li class="red"><a title="Red" href="#">Red</a></li><li class="gold"><a title="Gold" href="#">Gold</a></li><li class="orange"><a title="Orange" href="#">Orange</a></li><li class="orange"><a title="Orange" href="#">Orange</a></li></ul></div><div class="select__size"><h2>Select size</h2><ul class="color__list"><li class="l__size"><a title="L" href="#">L</a></li><li class="m__size"><a title="M" href="#">M</a></li><li class="s__size"><a title="S" href="#">S</a></li><li class="xl__size"><a title="XL" href="#">XL</a></li><li class="xxl__size"><a title="XXL" href="#">XXL</a></li></ul></div><div class="social-sharing"><div class="widget widget_socialsharing_widget"><h3 class="widget-title-modal">Share this product</h3><ul class="social__net social__net--2 d-flex justify-content-start"><li class="facebook"><a href="#" class="rss social-icon"><i class="zmdi zmdi-rss"></i></a></li><li class="linkedin"><a href="#" class="linkedin social-icon"><i class="zmdi zmdi-linkedin"></i></a></li><li class="pinterest"><a href="#" class="pinterest social-icon"><i class="zmdi zmdi-pinterest"></i></a></li><li class="tumblr"><a href="#" class="tumblr social-icon"><i class="zmdi zmdi-tumblr"></i></a></li></ul></div></div><div class="addtocart-btn"><a href="#">Add to cart</a></div></div></div></div></div></div></div></div></div></body></html>