HTML5期末大作业:水果商城网站设计——蔬菜水果商城(10页) HTML+CSS+JavaScript 学html网页制作期末大作业成品_网页设计期末作业
HTML5期末大作业:水果商城网站设计——蔬菜水果商城(10页) HTML+CSS+JavaScript 学html网页制作期末大作业成品_网页设计期末作业
常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他
等网页设计题目,A+水平作业
, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
作品介绍
1.网页作品简介
:HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。
2.网页作品编辑
:作品下载后可使用任意HTML编辑软件(如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++
等任意HTML软件编辑修改网页)。
3.网页作品技术
:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。
文章目录
- HTML5期末大作业:水果商城网站设计——蔬菜水果商城(10页) HTML+CSS+JavaScript 学html网页制作期末大作业成品_网页设计期末作业
- 作品介绍
- 一、作品展示
- 二、文件目录
- 三、代码实现
- 四、学习资料
- 五、更多源码
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="common/css/common.css" rel="stylesheet" type="text/css" />
<link href="common/css/style.css" rel="stylesheet" type="text/css" />
<link href="common/css/page.css" rel="stylesheet" type="text/css" />
<script src="common/js/jquery1.42.min.js" type="text/javascript"></script>
<script src="common/js/common_js.js" type="text/javascript"></script>
<script src="common/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<title>产品展示</title>
</head>
<body>
<!--顶部样式-->
<div id="top">
<div class="top">
<div class="Collection"><em></em><a href="#">收藏我们</a></div>
<div class="hd_top_manu clearfix">
<ul class="clearfix">
<li class="hd_menu_tit zhuce" data-addclass="hd_menu_hover">欢迎光临本店!<a href="#" class="red">[请登录]</a> 新用户<a href="#" class="red">[免费注册]</a></li>
<li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">我的订单</a></li>
<li class="hd_menu_tit hd_Shopping_Cart" data-addclass="hd_menu_hover">
<a href="#" class="hd_menu">购物车(<b>0</b>)</a>
<div class="hd_Shopping_list">
<i></i>
<ul>
<li>
<div class="img"><img src="common/images/tianma.png" /></div>
<div class="content"><p><a href="#">产品名称</a></p><p>颜色分类:紫花8255尺码:XL</p></div>
<div class="Operations">
<p class="Price">¥55.00</p>
<p><a href="#">删除</a></p></div>
</li>
</ul>
<div class="Shopping_style"><a href="#" class="Shopping">查看我的购物车</a></div>
</div>
</li>
<li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">联系我们</a></li>
<li class="hd_menu_tit list_name" data-addclass="hd_menu_hover"><a href="#" class="hd_menu">客户服务</a>
<div class="hd_menu_list">
<ul>
<li><a href="#">常见问题</a></li>
<li><a href="#">在线退换货</a></li>
<li><a href="#">在线投诉</a></li>
<li><a href="#">配送范围</a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
<div id="header" class="header">
<div class="logo"><a href="#"><img src="common/images/logo.png" /></a></div>
<div class="Search">
<p><input name="" type="text" class="text"/><input name="" type="submit" value="搜索" class="Search_btn"/></p>
<p class="Words"><a href="#">苹果</a><a
2301_80104648: 有源代码嘛 救救狗命
2401_83406395: 求源代码
M031012: 有图吗?想要
珊珊ben: 请问这个制作需要多久
好名字215: css 不全吧