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

第

第PAGE1页共NUMPAGES9页

考生姓名 准考证号

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

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

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

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

试题一（36分）

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

【说明】

这是某后台管理系统的展示页面局部现在我们需要编写该网站效果图部分代码。

项目名称为配置管理中心，包含首页index.html、css文件夹、img文件夹，其中，css文件夹包含index.css和reset.scc文件；img文件夹包含head.png、logo.png图片。

【效果图】

图1-1

【代码：首页index.html】

!DOCTYPEhtml

html

head

!--请在以下横线中写出html的编码方式--

???meta?charset=_______(1)______

title首页发布配置管理中心/title

linkrel=stylesheettype=text/csshref=css/reset.css/

!--请在以下横线中引入index.css样式--

linkrel=stylesheettype=text/csshref=____(2)____/

/head

body

!--头部--

divclass=headclear

!--头部左边--

divclass=headLeft

span

!--请在以下横线中引入logo.png--

imgsrc=____(3)__width=50pxheight=32px/

/span

ahref=#首页发布配置管理中心/a

/div

!--头部右边--

divclass=headRight

!--头像--

span

imgsrc=img/head.pngwidth=34.7pxheight=34.7px/

/span

!--登录--

divclass=login

ahref=#登录/a

spanclass=loginLogo#xeb06;/span

/div

/div

/div

!--内容--

divclass=mainclear

!--左边列表页--

divclass=mainLeft

divclass=search

inputtype=textid=searchvalue=请输入有哪些信誉好的足球投注网站内容/

spanclass=searchLogo#xeafe;/span

/div

ulclass=listid=list

liclass=applicateclass=listOne

ahref=#应用索引/a

spanid=appclass=appLogo#xeb06;/span

/li

liclass=vendorclass=listOne

ahref=#厂商管理/a

spanclass=vendorLogo#xeb06;/span

/li

liclass=screenclass=listOne

ahref=#首屏管理/a

spanclass=screenLogo#xeb06;/span

/li

/ul

/div

!--右边内容页--

divclass=mainRight

divid=manage

厂商管理

/div

divclass=cenTopclear

divclass=cenTopSearch

inputtype=textid=txtSeavalue=请输入有哪些信誉好的足球投注网站内容/

spanclass=txtSeaLogo#xeafe;/span

/div

!--新增、修改、删除按钮--

ulclass=cenTopRightclear

liclass=addid=add

spanclass=xinzeng#xeafc;