Web前端大学生期末大作业–京东首页

欢迎点赞 👍 收藏 ⭐留言 📝 私信

学习目标

学习目标:

• 掌握京东项目流程体系
• 掌握网站三大标签优化
• 掌握京东头部和尾部制作
• 掌握京导航栏制作
• 掌握京东焦点图制作
• 了解网站三大标签优化

技术栈： HTML + CSS

实现效果

网页模块

• 快速导航栏部分

		
			

				
 北京
			
			

				

					你好，请登录
					免费注册
				
				

				

					我的订单
				
				

				

					我的京东
					
				
				

				

					京东会员
				

				

				

					企业采购
				
				

				

					客户服务
					
				
				

				

					网站导航
					
				
				

				

					手机京东
				
				

				

					网站无障碍
				
			
		
	

• 中间头部分

		
			
			<!-- 按钮的意思 双标签 等价于  -->
			  
		
		
		
			我的购物车 0
		
		
		
			199减100
			9.9洗车
			京东京造
			电脑数码
			苹果直降
			数码配件
			年度大赏
		
		
		
			

				
秒杀
				
优惠券
				
闪购
				
拍卖
				

				
服装城
				
京东超市
				
生鲜
				
全球购
				

				
京东金融
			

		
		
		
			
		

• 中间分类区域

			

				
家用电器
				
手机/运用商/数码
				
电脑/办公
				
家居/家居/家装/厨具
				
男装/女装/童装/内衣
				
美妆/个护清洁/宠物
				
女鞋/箱包/钟表/珠宝
				
男鞋/运动/户外
				
房产/汽车/汽车用品
				
母婴/玩具乐器
				
食品/酒类/生鲜/特产
				
艺术/礼品鲜花/农资绿植
				
图书/文娱/数码
				
图像/音响/教育/电子书
				
手机/运用商/数码
				
理财/众筹/白条/保险
			

• 页面底部分

	
			
				

					

						
多
						
品类齐全，轻松购物
					
					

						
快
						
多仓直发，极速配货
					
					

						
好
						
正品行货，精致服务
					
					

						
省
						
天天低价，畅选无忧
					
				
			
		

上面仅仅是部分代码，有需要欢迎来私信！