没有合适的资源？快使用搜索试试~ 我知道了~

文库首页前端Node.jsWeb前端开发-职业技能考试-初级-Web前端开发初级实操考试.pdf

Web前端开发-职业技能考试-初级-Web前端开发初级实操考试.pdf

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

0 下载量 90 浏览量 2022-11-29 14:54:01 上传评论收藏 1004KB PDF 举报

温馨提示

试读

14页

Web前端开发-职业技能考试-初级-Web前端开发初级实操考试.pdfWeb前端开发-职业技能考试-初级-Web前端开发初级实操考试.pdf

资源推荐

资源详情

资源评论

考生姓名准考证号

2019 年下半年 Web 前端开发初级实操考试

（考试时间 14:00-16:30 共 150 分钟）

1. 本试卷共 5 道题，满分 100 分。

2. 请在指定位置或开发环境下作答。

试题一（22 分）

阅读下列说明、效果图和 HTML 代码，进行静态网页开发，填写（1）至（11）代码。

【说明】

这是某电商类网站服装商品展示页面局部，该网站正在促销秋冬季女装。现在我们需要

编写该网站效果图部分代码。

项目名称为 shopping，包含首页 index.html、css 文件夹、img 文件夹，其中，css 文件

夹包含 index.css 文件；img 文件夹包含 img1.jpg、img2.jpg、img3.jpg、img4.jpg、img5.jpg

图片。

【效果图】

图 1-1

【代码：首页 index.html】

<!DOCTYPE html>

<html>

<head>

</head>

<body>

< （1） class="clear">

<li>

第 1 页共 14 页

<p>微胖连衣裙</p>

</li>

<li>

<p>2019 网红初秋女装</p>

</li>

<li>

<p>黑色休闲裤</p>

</li>

<li>

<p>韩版学生女装</p>

</li>

<li>

<p>原创设计女装</p>

</li>

</ （2） >

</div>

</body>

</html>

【代码：CSS 文件 index.css】

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{

margin: 0;

padding:0;

}

/*清理默认 li 样式*/

ul{

（3） : （4） ;

}

/*显示为块级元素*/

img{

(5) : (6) ;

}

/*清理左右浮动*/

.clear:after{

content: "";

display: block;

（7） : （8） ;

}

.box{

第 2 页共 14 页

width: 100%;

}

.box .con{

width: 1375px;

margin:0 auto;

}

.box .con ul{

padding-top:30px;

}

/*左浮动*/

.box .con ul li{

（9） : （10） ;

width: 250px;

margin:0 22px 22px 0;

border:1px solid #eee;

}

.box .con ul li img{

margin:15px auto 0;

}

.box .con ul li p{

padding:15px;

}

/*设置鼠标移入添加红色边框*/

.box .con ul li: （11） {

border:1px solid red;

}

【问题】（22 分，每空 2 分）

进行静态网页开发，补全代码，在（1）至（11）处填入正确的内容。

试题二（26 分）

阅读下列说明、效果图，进行静态网页开发，填写（1）至（13）代码。

【说明】

现接到思极商务有限公司官网页面开发的项目，根据业务需求，需要将业务列表页面的

每一个业务以卡片形式展示；同时为提升用户体验，要求实现每个卡片在鼠标经过有旋转和

放大效果。

项目名称为 goods，包含首页 index.html、css 文件夹、img 文件夹，其中，css 文件夹包

含 style.css 文件；img 文件夹包含 icon-img.jpg、icon-img2.jpg、icon-img3.jpg 图片。

请使用 html+css3 完成以下效果，并在对应代码处将空缺代码补全。

【效果图】

（1）图 2-1 鼠标经过前

第 3 页共 14 页

剩余13页未读，继续阅读

评论收藏

内容反馈

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

不吃鸳鸯锅

粉丝: 8254
资源: 2万+

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

Web前端开发-职业技能考试-初级-Web前端开发初级实操考试.pdf

Web前端开发初级实操考试.pdf

1+x 证书 Web 前端开发初级实操考试.zip

2019年下半年Web前端开发初级理论考试附答案.pdf

Web前端开发职业技能等级证书考试-中级模拟试卷.docx

Web前端开发初级实操考试.docx

【1+X Web前端开发初级 】样题二（理论+实操）.zip

Web前端开发初级理论考试.pdf

Web前端开发初级实操考试-1+X证书试点.docx

Web前端开发中级实操考试1

2019年河北省职业院校技能大赛 中职组Web前端开发竞赛规程.pdf

Web前端开发初级样题一理+实.zip

前端开发简历模板-web前端开发-实习.docx

1+X证书职业技能等级证书 Web前端开发(初级)理论考试试卷一(附答案).docx

2019年Web前端开发初级实操考试

Web前端开发职业技能等级标准.pdf

Web前端开发中级实操考试_V1.01

Web前端开发中级实操考试_V1.02

Web前端开发中级实操考试_V1.03

web前端初级.pdf

前端开发简历模板.Web前端开发-两年-北京.doc

WEB前端开发-案例汇总(81例).zip

Web前端开发职业技能等级证书考试-中级....pdf

Web前端开发-命名规则.pdf

Web前端开发职业技能等级证书标准(2022版).pdf

Web前端开发职业技能等级证书标准(2019版).pdf

2019年Web前端开发初级实操考试 的试题及答案

Web前端开发初级实操考试评分细则

Web前端开发中级实操考试2

WEB前端开发初级教案.pdf

最新资源

【1+X Web前端开发初级】样题二（理论+实操）.zip

2019年河北省职业院校技能大赛中职组Web前端开发竞赛规程.pdf

2019年Web前端开发初级实操考试的试题及答案