第十三届蓝桥杯（Web 应用开发）线上模拟赛第一题

2024-06-20 07:08:13

【Bug 调试】修复网站显示问题

特别说明

第十三届蓝桥杯（Web 应用开发）线上模拟赛依托于蓝桥云课线上实验环境打造，可能与正式比赛所使用线下环境有所不同。线上模拟赛侧重于考生了解比赛题型和体验比赛样题，正式比赛则以大赛组委会发布竞赛规则为准。

背景介绍

目前，HTML5 与 CSS3 已经成为前端开发工程师的必备技能。接下来，我们将使用 HTML5 + CSS3 实现了一个果壳儿页面。

准备步骤

在开始答题前，你需要在线上环境终端中键入以下命令，下载并解压宣传页面的源代码。

wget https://labfile.oss.aliyuncs.com/courses/4450/exam01.zip && unzip exam01.zip && rm exam01.zip

你可以参考下图中的 3 个步骤下载源码。同时，选中 index.html 右键启动 Web Server 服务，让项目运行起来。

图片描述

打开环境右侧的【Web 服务】，点击【exam01】文件夹，效果如下（页面显示宽度为 1024 px）：

考试需求

如上所示的 index.html 布局不符合最终要求。请检查 exam01 下的各个文件，找到并修复项目存在的 Bug，使果壳儿页面正常显示，效果如下（页面显示宽度为 1024 px）：

要求规定

请严格按照考试步骤操作，切勿修改考试默认提供项目中的文件名称、文件夹路径等。
满足题目需求后，保持 Web 服务处于可以正常访问状态，点击「提交检测」系统会自动判分。

题解

签到题。根据需求,查看web服务，打开开发者工具，发现以下问题：

看到是css引用问题，签到题不要想太多，去html文件看看，发现

这很明显是名称错误，修改即可。

第十三届蓝桥杯（Web 应用开发）线上模拟赛第一题相关推荐

第十三届蓝桥杯Web应用开发（大学组）
文章目录前言 01.水果盘 **题目:** **解答:** 02.展开你的扇子题目解答: 03.和手机相处的时光题目解答 04.灯的颜色变化题目解答 05.冬奥大抽奖题目解答 06蓝 ...
第十四届蓝桥杯（Web 应用开发）模拟赛 1 期-大学组-线上模拟赛-第一题-数据类型检测
第一题-数据类型检测这是检测输入数据类型的题目,考法在于掌握对数据类型的检测. 看到了很多题解是使用typeof和instanceof 来进行检测.因为这种关键字的检测类型个数都有限. 因此需要结合 ...
【蓝桥杯Web】2022年第十三届蓝桥杯Web大学组国赛真题解析
前言省赛真题解析见: 2022年第十三届蓝桥杯Web大学组省赛真题解析(完整版) 2022年第十三届蓝桥杯Web大学组省赛真题解析(精华版) 更多蓝桥杯题解请查阅专栏:蓝桥杯之前写省赛解析时篇幅过 ...
2022.4.9第十三届蓝桥杯web组省赛个人题解
2022第十三届蓝桥杯第一次开放了web组赛道,博主作为一名前端小白,参加了这次比赛.一共十个题目,目的均是实现特定的网页效果,考点包含三件套.jQuery和vue,这里简单的进行一下个人的题解记录. ...
第十三届蓝桥杯青少年创意编程 C++组省赛
第十三届蓝桥杯省赛(2022年4月17日)C++中级组题解第十三届蓝桥杯省赛(2022年4月17日)C++中级组题解_金博欣的博客-CSDN博客第十三届蓝桥杯青少组省赛C++中级组(0417)讲解 ...
第13届蓝桥杯 Web应用开发赛道题解
01水果拼盘(5分) /* TODO:待补充代码 */ #pond {flex-flow: column wrap; } 这一题真的挺有意思的,如果我们自己来写这个页面的话应该会按照下面的进行布局 3 ...
2023年第十四届蓝桥杯Web应用开发(职业院校组)省赛真题
前言: 因博主申请的线上考试所以留下了真题,本篇文章只有题目没有答案,因博主技术有限(请理解一下),博主只拿了省二蓝桥杯真题网盘地址: 链接:https://pan.baidu.com/s/1x_J ...
第九届蓝桥杯JavaC组决（国）赛真题
1:年龄问题 s夫人一向很神秘.这会儿有人问起她的年龄,她想了想说: "20年前,我丈夫的年龄刚好是我的2倍,而现在他的年龄刚好是我的1.5倍". 你能算出s夫人现在的年龄吗? 这 ...
2022第十三届蓝桥杯web组题解
文章目录 01水果拼盘题目解答 02展开你的扇子题目解答 03和手机相处的时光题目解答 04灯的颜色变化题目解答 05冬奥大抽奖题目解答 06蓝桥知识网题目解答 07布局切换 ...

最新文章

热门文章