HTML5期末大作业：花店购物网站设计——花店购物网站源码(27页) 学生动花店购物页设计模板下载植物大学生HTML网页制作作品简单网页设计成品 dreamweaver学生网站模板

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

作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

HTML5期末大作业：花店购物网站设计——花店购物网站源码(27页) 学生动花店购物页设计模板下载植物大学生HTML网页制作作品简单网页设计成品 dreamweaver学生网站模板
作品介绍
一、作品展示
二、文件目录
三、代码实现
五、获取更多源码
六、学习资料
七、更多源码

一、作品展示

二、文件目录

三、代码实现


<!doctype html>
<html class="no-js" lang="en"><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><title>Kngu</title><meta name="robots" content="noindex, follow" /><meta name="description" content=""><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><!-- Favicon --><link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png"><!-- CSS============================================ --><!-- Bootstrap CSS --><!-- <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css"> --><!-- Icon Font CSS --><!-- <link rel="stylesheet" href="assets/css/vendor/plazaicon.css"><link rel="stylesheet" href="assets/css/vendor/themify-icons.css"><link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css"> --><!-- Plugins CSS --><!-- <link rel="stylesheet" href="assets/css/plugins/animate.css"><link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css"><link rel="stylesheet" href="assets/css/plugins/select2.min.css"> --><!-- Helper CSS --><link rel="stylesheet" href="assets/css/helper.css"><!-- Main Style CSS --><!-- <link rel="stylesheet" href="assets/css/style.css"> --><!--====== Use the minified version files listed below for better performance and remove the files listed above ======--><link rel="stylesheet" href="assets/css/plugins-min/plugins.min.css"><link rel="stylesheet" href="assets/css/style.min.css"></head><body><div class="main-wrapper"><!--Top Notification Start--><div class="top-notification-bar text-center"><div class="container"><div class="notification-entry"><p>All featured product 50% off <a href="#">Shop Now</a></p></div></div><div class="notification-close"><button class="notification-close-btn"><i class="fa fa-times"></i></button></div></div><!--Top Notification End--><!--Header Section Start--><div class="header-section d-none d-lg-block"><div class="main-header"><div class="container position-relative"><div class="row align-items-center"><div class="col-lg-2"><div class="header-logo"><a href="index.html"><img src="assets/images/logo/logo.png" alt=""></a></div></div><div class="col-lg-7 position-static"><div class="site-main-nav"><nav class="site-nav"><ul><li><a href="index.html">Home</a></li><li><a href="#">Shop <span class="new">New</span></a><ul class="mega-sub-menu"><li class="mega-dropdown"><a class="mega-title" href="#">Shop</a><ul class="mega-item"><li><a href="shop-grid-3.html">Shop Grid 3</a></li><li><a href="shop-grid-4.html">Shop Grid 4</a></li><li><a href="shop-list.html">Shop List</a></li><li><a href="shop-grid-left-sidebar.html">Shop Grid Left Sidebar</a></li><li><a href="shop-grid-right-sidebar.html">Shop Grid Right Sidebar</a></li><li><a href="shop-list-left-sidebar.html">Shop List Left Sidebar</a></li><li><a href="shop-list-right-sidebar.html">Shop List Right Sidebar</a></li></ul></li><li class="mega-dropdown"><a class="mega-title" href="#">Shop Single</a><ul class="mega-item"><li><a href="shop-single.html">Shop Single</a></li><li><a href="shop-single-affiliate.html">Shop Single Affiliate</a></li><li><a href="shop-single-variable.html">Shop Single Variable</a></li><li><a href="shop-single-group.html">Shop Single Group</a></li></ul></li><li class="mega-dropdown"><a class="mega-title" href="#">Page</a><ul class="mega-item"><li><a href="cart.html">Cart</a></li><li><a href="wishlist.html">Wishlist</a></li><li><a href="compare.html">Compare</a></li><li><a href="checkout.html">Checkout</a></li><li><a href="empty-cart.html">Empty Cart</a></li><li><a href="my-account.html">My Account</a></li></ul></li><li class="mega-dropdown"><a class="menu-banner" href="#"><img src="assets/images/menu-banner.jpg" alt=""></a></li></ul></li><li><a href="#">Blog</a><ul class="sub-menu"><li><a href="#">Blog</a><ul class="sub-menu"><li><a href="blog.html">Blog</a></li><li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li><li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li></ul></li><li><a href="#">Blog Single</a><ul class="sub-menu"><li><a href="blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li><li><a href="blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li></ul></li></ul></li><script src="assets/js/plugins/jquery.elevateZoom.min.js"></script><script src="assets/js/plugins/select2.min.js"></script><script src="assets/js/plugins/ajax-contact.js"></script> --><!--====== Use the minified version files listed below for better performance and remove the files listed above ======--><script src="assets/js/plugins.min.js"></script><!-- Main JS --><script src="assets/js/main.js"></script><!-- Google Map js --><script src="https://ditu.google.cn/maps/api/js?key=AIzaSyBQ5y0EF8dE6qwc03FcbXHJfXr4vEa7z54"></script><script src="assets/js/map-script.js"></script></body></html>

五、获取更多源码

~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号获取更多源码 !

六、学习资料

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

七、更多源码

HTML5期末考核大作业源码* 包含 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!