精华内容
下载资源
问答
  • 响应书模板
    千次阅读
    2021-09-27 11:26:56

    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制作了表单判断(提交时表单不能为空)。

    一、作品展示

    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 THEMELOCK.COM</title>
    	<meta name="description" content="">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
    
    	<!-- Favicons -->
    	<link rel="shortcut icon" href="images/favicon.ico">
    	<link rel="apple-touch-icon" href="images/icon.png">
    
    	<!-- Google font (font-family: 'Roboto', sans-serif; Poppins ; Satisfy) -->
    	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> 
    	<link href="https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,600,600i,700,700i,800" rel="stylesheet">
    	<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet"> 
    
    	<!-- Stylesheets -->
    	<link rel="stylesheet" href="css/bootstrap.min.css">
    	<link rel="stylesheet" href="css/plugins.css">
    	<link rel="stylesheet" href="style.css">
    
    	<!-- Cusom css -->
       <link rel="stylesheet" href="css/custom.css">
    
    	<!-- Modernizer js -->
    	<script src="js/vendor/modernizr-3.5.0.min.js"></script>
    </head>
    <body>
    	<!--[if lte IE 9]>
    		<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
    	<![endif]-->
    
    	<!-- Main wrapper -->
    	<div class="wrapper" id="wrapper">
    		<!-- Header -->
    		<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>
    			
    		<!-- //Footer Area -->
    		<!-- QUICKVIEW PRODUCT -->
    		<div id="quickview-wrapper">
    		    <!-- Modal -->
    		    <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">&times;</span></button>
    		                </div>
    		                <div class="modal-body">
    		                    <div class="modal-product">
    		                        <!-- Start product images -->
    		                        <div class="product-images">
    		                            <div class="main-image images">
    		                                <img alt="big images" src="images/product/big-img/1.jpg">
    		                            </div>
    		                        </div>
    		                        <!-- end product images -->
    		                        <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>
    		<!-- END QUICKVIEW PRODUCT -->
    	</div>
    	<!-- //Main wrapper -->
    
    	<!-- JS Files -->
    
    </body>
    </html>
    
    
    

    四、web前端(学习资料)

    web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
    适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
    在这里插入图片描述


    五、源码获取

    ❉1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧,你的 「点赞,好评,收藏」是我创作的动力。

    ❉ 2.关注我 ~ 每天带你学习 :各种前端插件、七夕表白网页制作、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、web期末大作业模板 、等! 「 前后开发者,一起探讨 前端,JAVA ,Node 知识,互相学习」!

    ❉3.以上内容技术相关问题可以相互学习,可在 薇幸 公Z号 >>> web前端小日记 👇🏻👇🏻👇🏻获取更多源码 👇🏻👇🏻👇🏻 !

    在这里插入图片描述

    六、更多源码

    🍅作者博客主页

    🍅 320套HTML期末大作业演示地址

    🍅 150套echarts大数据演示地址

    🍅100款告白源码地址

    更多相关内容
  • 书籍介绍响应式网页模板
  • 在线书店响应式商城模板
  • 图书阅读中心响应式网页模板
  • 响应式博客书籍模板

    2021-04-09 11:53:38
    响应式博客书籍模板
  • 图书馆会员登记表单响应式网页模板
  • 新书推荐展示响应式网页模板
  • 图书出版发布响应式网页模板
  • 图书馆在线服务响应式网页模板
  • 图书馆开放倒计时响应式网页模板
  • 注:无后台 html5响应式读书书单推荐网站模板
  • 注:无后台 蓝色清新大气html5响应式图书馆网站模板
  • 响应式Bootstrap读书公益整站模板
  • 书籍推荐介绍响应式网页模板
  • 业务项目启动展示响应式网页模板
  • 创意设计响应式案例模板
  • eBook书店好书推介响应式网页模板_书店 好书 推介 响应式 bootstrap 手机 book css3动画 项目展示 fteBook书店好书推介响应式网页模板_书店 好书 推介 响应式 bootstrap 手机 book css3动画 项目展示 ft
  • 响应式bootstrap模板

    2018-11-09 13:54:03
    手机组装工厂响应式bootstrap模板 开放式图书馆展览bootstrap模板 灯饰LED生产商外贸响应式网站模板 五星级度假酒店企业官网网站模板 极品后台UI框架响应式前端模板下载
  • HTML5响应式会员注册页面、登录界面模板.rar
  • 软件使用说明书模板

    2018-08-23 11:03:01
    1.引言 1.1编写目的 【阐明编写手册的目的。指明读者对象。】 1.2项目背景 ...时间特性【如响应时间、处理时间、数据传输时间等。】 c.灵活性【在操作方式、运行环境需做某些变更时软件的适应能力。】
  • 图书馆职业bootstrap网站模板
  • 书店商城网站html模板下载是一款简单的响应式布局网站首页书店商城网站模板html源码下载,兼容不同像素的设备。.zip书店商城网站html模板下载是一款简单的响应式布局网站首页书店商城网站模板html源码下载,兼容不同...
  • 宽屏大气教育培训公司bootstrap模板_宽屏 大气 教育 培训 学校 读书 图书馆 企业 精品 ft5 响应式 简洁 蓝色 宽屏大气教育培训公司bootstrap模板_宽屏 大气 教育 培训 学校 读书 图书馆 企业 精品 ft5 响应式 简洁 ...
  • transactional-email-templates, 响应性的事务性HTML电子邮件模板 响应的事务性HTML电子邮件模板事务性HTML邮件经常被忽略。 给HTML邮件加的样式是痛苦的 。 表,inline CSS,不支持的CSS,桌面客户端,网络客户端,...
  • 是该项目的理想名称,其目的是提供一种精简,快速加载的网络电子书模板,并具有一定的坚固性。 (我在漫画界第一次遇到“完美版”一词。我无法确认这种词源,但我认为它源于完美平装的使用。) 您可以在该模板的...
  • 远程教学平台需求说明书模板
  • 读书 app H5 着陆页 fullpage app官网 全屏 适应 响应式 手机 wap 中文
  • 软件需求规格说明书模板

    热门讨论 2011-10-25 12:59:10
    软件需求规格说明 版本:V1.1 文 档 编 号 保 密 等 级 作 者 最后修改日期 审 核 人 最后审批日期 批 准 人 最后批准日期 修订记录 日期 版本 修订说明 修订人 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 38,106
精华内容 15,242
关键字:

响应书模板