HTML+CSS+JS大作业：商城网购网站设计——淘宝1页

最新推荐文章于 2024-04-26 16:47:03 发布
VIP文章 最新推荐文章于 2024-04-26 16:47:03 发布
阅读量2.1k 收藏 11
点赞数
分类专栏： web前端期末大作业 文章标签： javascript html css bootstrap 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65484028/article/details/127905349
版权

⛵ 源码获取 文末联系 ✈

Web前端开发技术
描述 网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 在线商城购物 | 水果商城 | 商城系统建设 | 多平台移动商城 | H5微商城购物商城项目 | HTML期末大学生网页设计作业，Web大学生网页

  1. HTML：结构

  2. CSS：样式
    在操作方面上运用了html5和css3，
    采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识

  3. JavaScript：做与用户的交互行为

文章目录

前端学习路线

（1）html文件：其中index.html是首页、其他html为二级页面；
（2）css文件：css全部页面样式,文字滚动, 图片放大等；
（3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）

网页基本结构

(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个　　
(2)二级页面：从首页点击进入之后的页面叫做二级页面
(3)三级页面：从二级页面点击进入的页面

网页html：网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，网站就是由网页组成的
首页网站：首页是一个网站的入口网页，故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名
导航菜单：是指位于页面顶部或者侧边区域的，也称之为导航栏，它起着链接站点或者软件内的各个页面的作用.
网页页脚：是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。

网页演示

在这里插入图片描述

HTML结构代码




<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>淘宝网 - 淘！我喜欢</title>
	<!-- 引入css文件 -->
	<link rel="stylesheet" href="css/font_1476086402_7038264.css">
	<link rel="stylesheet" href="css/resetStyle.css">
	<link rel="stylesheet" href="css/QR.css">
	<link rel="stylesheet" href="css/fixed-nav.css">
	<link rel="stylesheet" href="css/fixed-search.css">
	<link rel="stylesheet" href="css/help.css">
	<link rel="stylesheet" href="css/link.css">
	<link rel="stylesheet" href="css/nav.css">
	<link rel="stylesheet" href="css/often-visit.css">
	<link rel="stylesheet" href="css/trail.css">
	<link rel="stylesheet" href="css/side-nav.css">
	<link rel="stylesheet" href="css/slide1.css">
	<link rel="stylesheet" href="css/slide2.css">
	<link rel="stylesheet" href="css/search.css">
	<link rel="stylesheet" href="css/head.css">
	<link rel="stylesheet" href="css/aliAPP.css">
	<link rel="stylesheet" href="css/side-announcement.css">
	<link rel="stylesheet" href="css/side-recharge.css">
	<link rel="stylesheet" href="css/side-user.css">
	<link rel="stylesheet" href="css/hot-today.css">
	<link rel="stylesheet" href="css/popularity.css">
	<link rel="stylesheet" href="css/my-often-visit.css">
	<link rel="stylesheet" href="css/ifashion.css">
	<link rel="stylesheet" href="css/quality.css">
    <link rel="stylesheet" href="css/feature.css">
    <link rel="stylesheet" href="css/benefits.css">
    <link rel="stylesheet" href="css/headline.css">
    <link rel="stylesheet" href="css/goodGoods.css">
    <link rel="stylesheet" href="css/goodShop.css">
    <link rel="stylesheet" href="css/hotSale.css">
    <link rel="stylesheet" href="css/hotSaleBottom.css">
    <link rel="stylesheet" href="css/guessYouLike.css">
    <link rel="shortcut icon" href="http://www.ylcp.shop/files/files/1652753810198/img/title.ico" type="image/x-icon">  
	<style>
		body{
      background: #F1F1F1; }
		#search{
      width: inherit; height: inherit; background: #fff; }
		#logo,.search,.QR-code{
      float: left; }
		#search .search-bg{
      width: 1190px; height: 164px; margin: 0 auto; position: relative;  }
		#main{
      width: 1190px; margin: 0 auto; }
		#sub-main{
      width: 889px; position: relative; float: left; }
		#sub-main #market,#sub-main .slide,#sub-main .good-bag,#sub-main .slide2,#sub-main .hot-today{
       float: left; }
		.good-bag{
      margin: 10px 0 0 9px; }
		.bag{
      position: absolute; left: 0; top: 489px; }
		.bag img{
      width: 192px; }
		#side{
      float: right; width: 290px; }
		.price-99{
      display: inline-block; line-height: 0; margin: 15px 0 0 5px; }
        .startwork-lowprice{
      float: left; margin: 16px 0 0 5px; }
        #shunfengbaoyou{
      width: 290px; height: 270px; margin-top: 73px; }
        #shunfengbaoyou img{
      margin-left: 5px; }
        #shunfengbaoyou h2{
      font-size: 14px; font-weight: bold; color: #3C3C3C; margin-bottom: 12px; }
	</style>
</head>
<body>
    <!--固定的右侧导航条-->
    <div class="fixed-nav">
        <ul>
            <li class="often"><a href="javascript:;">我常逛的</a></li>
            <li class="fashion"><a href="javascript:;">时尚</a></li>
            <li class="quality"><a href="javascript:;">品质</a></li>
            <li class="feature"><a href="javascript:;">特色</a></li>
            <li class="benefits"><a href="javascript:;">实惠</a></li>
            <li class="guess-like"><a href="javascript:;">猜你喜欢</a></li>
            <li class="top"><a href="javascript:;"><span class="arrows iconfont icon-jiantoushang"></span><span class="top-span">顶部</span></a></li>
            <li class="couple-back"><a href="javascript:;">反馈</a></li>
            <li class="report"><a href="javascript:;">暴恐举报</a></li>
        </ul>
    </div>
    <!--固定定位的search-->
    <div class="fixed-search">
        <div class="wrap">
            <a class="logo" href="#"><img src="picture/1.png" alt=""></a>
            <div class="box-1">
                <form class="form clear" action="#">
                    <div class="choose">
                        <a class="active goods" href="javascript:;">宝贝</a>
                        <a class="Tmall" href="javascript:;">天猫</a>
                        <a class="shop" href="javascript:;">店铺</a>
                    </div>
                    <input class="text" type="text">
                    <span class="wrap-1 iconfont icon-xiangji"><input class="file" type="file"></span>
                    <input class="submit" type="submit" value="搜索">
                </form>
            </div>
            <div class="box-2">
                <form class="form clear" action="#">
                    <div class="choose">
                        <a class="active Tmall" href="javascript:;">天猫</a>
                        <a class="goods" href="javascript:;">宝贝</a>
                        <a class="shop" href="javascript:;">店铺</a>
                    </div>
                    <input class="text text-2" type="text">
                    <input class="submit submit-2" type="submit" value="搜索">
                </form>
            </div>
            <div class="box-3">
                <form class="form clear" action="#">
                    <div class="choose">
                        <a class="active shop" href="javascript:;">店铺</a>
                        <a class="Tmall" href="javascript:;">天猫</a>
                        <a class="goods" href="javascript:;">宝贝</a>
                    </div>
                    <input class="text text-3" type="text">
                    <input class="submit" type="submit" value="搜索">
                </form>
            </div>
        </div>
    </div>
    <!--头部-->
    <div id="header">
        <div id="headwrap">
            <div id="head">
                <ul class="left">
                    <li><a class="active left-1" href="#">亲，请登录</a></li>
                    <li><a class="left-2" href="#">免费注册</a></li>
                    <li><a class="left-3" href="#">手机逛淘宝</a></li>
                </ul>
                <ul class="right">
                    <li class="li-1 my-taobao"><a class="left" href="#">我的淘宝</a><span class="iconfont icon-xiajiantou"></span>
                        <ul>
                            <li><a href="#">已买到的宝贝</a></li>
                            <li><a href="#">我的足迹</a></li>
                        </ul>
                    </li>
                    <li class="li-1 shopping-cart"><span class="left iconfont icon-gouwuche"></span><a href="#">购物车<span class="count">0</span></a><span class="iconfont icon-xiajiantou"></span>
                        <ul></ul>
                    </li>
                    <li class="li-1 favorite"><span class="left iconfont icon-shoucangjia"></span><a href="#">收藏夹</a><span class="iconfont icon-xiajiantou"></span>
                        <ul>
                            <li><a href="#">收藏的宝贝</a></li>
                            <li><a href="#">收藏的店铺</a></li>
                        </ul>
                    </li>
                    <li class="li-1 classify"><a class="left" href="#">商品分类</a><span class="iconfont icon-shuxian"></span>
                    </li>
                    <li class="li-1 seller"><a class="left" href="#">卖家中心</a><span class="iconfont icon-xiajiantou"></span>
                        <ul>
                            <li><a href="#">免费开店</a></li>
                            <li><a href="#">已卖出的宝贝</a></li>
                            <li><a href="#">出售中的宝贝</a></li>
                            <li><a href="#">卖家服务市场</a></li>
                            <li><a href="#">卖家培训中心</a></li>
                            <li><a href="#">体检中心</a></li>
                        </ul>
                    </li>
                    <li class="li-1 service"><a class="left" href="#">联系客服</a><span class="iconfont icon-xiajiantou"></span>
                        <ul>
                            <li><a href="#">消费者客服</a></li>
                            <li><a href="#">卖家客服</a></li>
                        </ul>
                    </li>
                    <!-- 网站导航 -->
                    <li class="nav-li-1 navigation"><span class="left iconfont icon-daohang"></span><a href="#">网站导航</a><span class="iconfont icon-xiajiantou"></span>
                        <ul class="ul-1">
                            <li class="li-2 d-1">
                                <h2 class="h2-1">主题市场</h2>
                                <ul class="ul-2">
                                    <li><a class="hot" href="#">女装</a></li>
                                    <li><a href="#">男装</a></li>
                                    <li><a href="#">内衣</a></li>
                                    <li><a href="#">鞋靴</a></li>
                                    <li><a href="#">箱包</a></li>
                                    <li><a href="#">婴童</a></li>
                                    <li><a class="n" href="#">家电</a></li>
                                    <li><a href="#">数码</a></li>
                                    <li><a href="#">手机</a></li>
                                    <li><a href="#">美妆</a></li>
                                    <li><a href="#">珠宝</a></li>
                                    <li><a href="#">眼镜</a></li>
                                    <li><a href="#">手表</a></li>
                                    <li><a href="#">运动</a></li>
                                    <li><a href="#">户外</a></li>
                                    <li><a href="#">乐器</a></li>
                                    <li><a href="#">游戏</a></li>
                                    <li><a href="#">动漫</a></li>
                                    <li><a href="#">影视</a></li>
                                    <li><a href="#">美食</a></li>
                                    <li><a href="#">鲜花</a></li>
                                    <li><a href="#">宠物</a></li>
                                    <li><a href="#">农资</a></li>
                                    <li><a href="#">房产</a></li>
                                    <li><a href="#">装修</a></li>
                                    <li><a href="#">建材</a></li>
                                    <li><a class="hot" href="#">家居</a></li>
                                    <li><a href="#">百货</a></li>
                                    <li><a href="#">汽车</a></li>
                                    <li><a href="#">二手车</a></li>
                                    <li><a href="#">办公</a></li>
                                    <li><a href="#">企业购</a></li>
                                    <li><a href="#">定制</a></li>
                                    <li><a href="#">教育</a></li>
                                    <li><a href="#">卡券</a></li>
                                    <li><a href="#">本地</a></li>
                                </ul>
                            </li>
                            <li class="li-2 d-2">
                                <h2 class="h2-2">特色市场</h2>
                                <ul class="ul-2 w-2">
                                    <li><a class="n" href="#">iFashion</a></li>
                                    <li><a href="#">爱逛街</a></li>
                                    <li><a href="#">美妆秀</a></li>
                                    <li><a class="hot" href="#">全球购</a></li>
                                    <li><a href="#">腔调</a></li>
                                    <li><a href="#">淘女郎</a></li>
                                    <li><a href="#">星店</a></li>
                                    <li><a href="#">汇吃</a></li>
                                    <li><a href="#">格调</a></li>
                                    <li><a href="#">运动派</a></li>
                                    <li><a class="hot" href="#">极有家</a></li>
                                    <li><a href="#">特色中国</a></li>
                                    <li><a href="#">潮店街</a></li>
                                    <li><a href="#">拍卖会</a></li>
                                    <li><a href="#">淘宝众筹</a></li>
                                    <li><a href="#">中国质造</a></li>
                                    <li><a href="#">质+</a></li>
                                    <li><a href="#">阿里旅行</a></li>
                                    <li><a class="n" href="#">亲宝贝</a></li>
                                    <li><a href="#">闲鱼</a></li>
                                    <li><a href="#">桃花源</a></li>
                                    <li><a href="#">农资</a></li>
                                    <li>
                                        <aclass="hot" href="#">天天特价
                                    </aclass="hot"></li>
                                    <li><a href="#">清仓</a></li>
                                    <li><a href="#">俪人购</a></li>
                                    <li><a href="#">聚名品</a></li>
                                    <li><a href="#">淘抢购</a></li>
                                    <li><a href="#">生活汇</a></li>
                                    <li><a href="#">全球精选</a></li>
                                    <li><a href="#">非常大牌</a></li>
                                    <li><a href="#">试用</a></li>
                                    <li><a href="#">量贩团</a></li>
                                    <li><a href="#">阿里翻译</a></li>
                                </ul>
                            </li>
                            <li class="li-2 d-3">
                                <h2 class="h2-3">阿里APP</h2>
                                <ul class="ul-2 w-2">
                                    <li><a class="hot" href="#">淘宝</a></li>
                                    <li><a href="#">天猫</a></li>
                                    <li><a href="#">支付宝
最低0.47元/天 解锁文章
二挡起步
关注
  • 0
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
淘宝首页web前端课设（HTML+css+js）
06-10
本web前端课设主要用到html，css知识点和一些少量的js语言编写的轮播图。适合于大一、大二正在做课设的同学进行参考。(我的博客里有做成的效果图和每个模块的解说内容，没有了解的同学可以先去看看做成功的页面效果图。)没有任何插件，资源里有图片素材和全部代码文件，解压后即可运行页面。用到的知识点主要有html课程种常见的标签，span、ul li、a、img、span、div等标签。css样式修饰用到最多的是绝对定位和相对定位，边框修饰，文字修饰，颜色美化等。js用了100多行代码做了一个轮播图效果。 简单总结： 1.没有看过做成效果图的先看我的博客。 2.web大多常用的知识点都以用上 3.该资源解压即可运行 4.js属于扩展内容 5.代码量html文件24k+css文件19k共43k大小
HTML5期末大作业：仿商城网站设计—— 绿色特产商城购物Html+Css+javascript的网页制作
08-10
HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部区域背景色为100%宽度。都是给学生定制的都符合学校或者学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等元素的插入。 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 【查看更多源码地址】：https://blog.csdn.net/bigwhiteshark?type=blog
HTML5 JavaScript CSS 表单实现购物优惠打折
WJT0129的博客
01-07 1250
HTML5 JavaScript CSS 表单实现购物优惠打折 文章目录HTML5 JavaScript CSS 表单实现购物优惠打折前言一、CSS代码如下，通过外链接实现交互。二、HTML5代码表单实现三、实现效果如下图总结我是嘤嘤怪 前言 提示：本案例实现购物结算时打折优惠,总金额满减进行礼物赠送。 提示：以下是本篇文章正文内容 一、CSS代码如下，通过外链接实现交互。 .no1 {
HTML5期末大作业：静态购物网站设计——静态购物网站模板11页(前台+后台) HTML+CSS+JS
11-25 2374
HTML5期末大作业：静态购物网站设计——静态购物网站模板11页(前台+后台) HTML+CSS+JS 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 获取更多源码 PC电脑端关
html+css简单仿制淘宝商品界面
树下一少年的博客
02-08 4424
html+css简单仿制淘宝商品界面 一.主要思路 二.完整代码 三.最终效果
HTML+CSS实现淘宝首页
热门推荐
道阻且长，行则将至。
01-03 3万+
一、HTML+CSS实现淘宝首页 仿写淘宝页面，趁着元旦假期终于把这个淘宝页面给做好了，原创不易，欢迎大家点赞和评论，需要源代码的评论区留言或者加我QQ（2997381395），大家记得关注我哦，我会不定期的跟大家分享文章。 二、页面结构如下： ...
淘宝网首页仿写(html+css+js）
weixin_46811890的博客
08-10 2万+
【代码】淘宝网首页仿写(html+css+js）
7.25 web前端-淘宝首页设计
执笔绘江山的博客
07-25 8531
hello everybody，许久不见，甚是想念，关于我为什么四天没更新博客的原因就是本次文章的标题，没错，我们老师布置了项目设计，而我这个大怨种选择了淘宝首页这个页面内容多的，以至于我这个小白敲了四天才完成，那么，今天就来给大家分享一下我完成这个项目的过程吧（事先声明我的作品还原度并没有百分之百达到，做的不好请大家勿喷（QAQ）），下面先给大家做一个最终结果展示：...
html + css 实现淘宝首页（静态页面）
王大傻的博客
05-16 1万+
html + css 实现淘宝首页（静态页面） 待续。。。 效果图： html代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>淘宝网 - 淘！我喜欢</title> <link rel="s
HTML5+CSS3实现哔哩哔哩首页（完整版）
m0_63512120的博客
03-22 5671
本篇文章用html和css实现了哔哩哔哩首页面，希望这篇文章能够大家带来帮助，同时该页面的源代码和图片素材放在了文章末尾，需要了可以自行提取！
web期末网站设计大作业：关于制作网页主题论述——HTML+CSS+JavaScript橙色的时尚服装购物商城(1页)
08-10
HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部区域背景色为100%宽度。都是给学生定制的都符合学校或者学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等元素的插入。 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 【查看更多源码地址】：https://blog.csdn.net/bigwhiteshark?type=blog
javascript网页设计期末作业 购物网站
04-04
这其实是我的期末作业，上传到网上是为了造福广大计算机专业的同学们∠( ᐛ 」∠)＿ 网页共分为五个子网页，分别为： 1.登录页面 2.主页 3.购物车 4.留言板 5.个人中心 其中主页完成度最高，可以单独拿出来使用(不过需要删掉登录验证模块) 网页实现的主要功能有： 1.登录及验证 2.轮播图 3.下拉菜单 4.倒计时 5.tab栏 6.固定导航栏 7.留言板 8.购物车(包括商品的添加、删除、结算等) 9.退出登录 详细的使用教程可以查看该文章: https://blog.csdn.net/weixin_47040861/article/details/124983102 编写网页前后共花费了我一个多星期的时间，希望能对大家有所帮助 祝大家期末不挂科(ง •̀_•́)ง
仿淘宝网html网页模板
06-20
仿淘宝网html网页模板,仿淘宝网html网页模板，静态页面学习，前端基础学习
html大作业.zip
02-16
适合初学html的学生简单实现一个html网页
假期html作业仿写的b站主界面
07-03
假期html作业仿写的b站主界面记录一下
大二学生HTML期末大作业——HTML+CSS+JavaScript食品网上超市购物商城网页与制作
08-10
乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部 区域...
基于HTML电商购物项目的设计与实现——html+css+javascript+jquery+bootstarp响应式图书商城
08-10
乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 ...
期末前端web大作业——HTML+CSS+JavaScript仿京东购物商城网页制作(7md
08-10
乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 ...
vue快速入门（四十六）Router的安装与使用
最新发布
不起眼小菜菜的博客
04-26 530
步骤很详细，直接上教程……
html5期末大作业:商城网页设计——仿京东商城网页端模板(8页面) html+css+javascr
11-17
作为HTML5期末大作业的一部分，我设计了一个商城网页，仿照京东商城的网页端模板，一共设计了8个页面。这个网页是用HTML、CSS和JavaScript来完成的。 首先，我设计了一个主页，用来展示商城的一些热门商品和促销活动。在主页上，我使用了HTML来构建页面的结构，然后使用CSS来设计页面的样式，比如布局、颜色、字体等，最后使用JavaScript来给页面添加一些动态效果，比如轮播图和商品的动态展示。 在主页的基础上，我还设计了商品列表页面，用来展示所有的商品信息；商品详情页面，用来展示单个商品的详细信息和用户评价；购物车页面，用来展示用户已经选择的商品和进行下单操作；订单确认页面，用户在这里可以查看并确认自己的订单信息；个人中心页面，用户可以在这里管理自己的个人信息和订单信息；登录页面和注册页面，用户可以在这里进行账号的登录和注册操作。 在整个设计过程中，我努力保持页面的整体风格和布局与京东商城网页端模板一致，同时也增加了一些自己的创意和改进，使得整个网页更加适合现代用户的需求和使用习惯。 总的来说，通过这个大作业的设计，我对HTML5、CSS和JavaScript的运用有了更加深入的理解和实践，同时也练习了大型项目的开发流程和团队协作能力，收获颇丰。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值