当前位置:首页 >> 电脑基础知识 >>

《前端开发基础》小测试-html5标签_图文

学号:

姓名:
线

重庆文理学院试卷

II 类 A 卷

2017—2018 学年 第二学期 阶段测试 3

承担单位 软件工程学院

课程名称 《前端开发基础》

课程类别 专业技术课程

适用对象 2017 级学生

具体说明如下。 1. 题目 DIV 布局与 CSS 设置。根据所给网页效果图与相应素材,利用 HTML 元素,
结合 CSS 完成与网页效果图吻合的 HTML 文件。 2. 具体要求 (1)项目文件夹组织及命名要求:
学号+姓名(如:201658239010 张三)

images

css

index.html

姓名拼音.css(如:zhangsan.css)
图 1 文件目录结构
说明:方框中的内容代表文件夹名称。 (2)页面呈现出的整体效果要与所给效果图相吻合。 (3)代码书写规范(缩进、命名)。 (4)网页标题栏中显示自己的学号(如:201758239010)。 (5)正确链接外部样式表。 (6)HTML5 语义标签,本次测试考核要点为:nav, header ,section, article ,aside, footer 在页面框架布局中的正确运用; (7)在完成要求的效果后,可以适当增加一些效果,以达到更美观的视觉 感受为准。 (8)文字素材在提供的 phases3.txt 文档中 (9)参考效果如图 2 特别提醒:必须使用 HTML5 语义标签,否则成绩无效!!

年级及班级:


专业:


所在学院:

第1页共3页

《前端开发基础》 II 类 A 卷 阶段测试试卷
图 2 页面整体效果图
3. 材料提交及配置等方面的说明 (1)学生按要求利用提供素材完成网页文件的制作,将各类文件存放在各 自的文件夹中,并将“学号+姓名”(如:201658239010 张三)文件夹打包后上 传到指定位置(教师根据学生提交的电子版材料按评分要点评分)。 (2)在 JetBrains WebStorm 软件中完成网页制作。 (3)特别提醒:请同学们独立完成网页制作,抄袭或被认为雷同均以零分 计! 4.评分明细表
第2页共3页

《前端开发基础》 II 类 A 卷 阶段测试试卷
根据本阶段考核要点,拟定评分标准如下:

HTML5 标签(10 分)

文件夹归类规范、代码结构清晰(2 分) 页面框架标签运用正确(2 分) 语义标签属性设置正确(2 分) 布局正确(2 分) 整体样式正确(2 分)

第3页共3页


相关文章:
html5 css3网页前端开发基础_图文.pdf
html5 css3网页前端开发基础_互联网_IT/计算机_专业资料。html5 css3网页前端...区块标签 header:一般被放置在页面的顶部,或者页面中某个区块元素的顶部。在一...
《web前端开发基础》作业考核试题.doc
优品课件 《web 前端开发基础》作业考核试题 《web 前端开发基础》作业考核试题 ...Ahead Bhtml Ctitle Dbody 14 2 分 CSS 是利用( )标签构 优品课件 建网页...
前端开发基础篇(一)_图文.doc
【ID 选择器】 6 / 15 前端开发基础篇(一) ID 选择器在某一个 HTML 页面...(一) 3. background:#900; 4. color:090; 5. } 补充:一个标签可以有多...
《web前端开发基础》作业考核试题题库大全.doc
《web前端开发基础》作业考核试题题库大全_IT认证_资格考试/认证_教育专区。文档...Ahead Bhtml Ctitle Dbody 14 2分 CSS 是利用( )标签构建网页布局。 2016 ...
实验一:HTML文档结构和基础标签.doc
实验一:HTML文档结构和基础标签 - 前端开发html5学习资料... 实验一:HTML文档结构和基础标签_电脑基础知识_IT/计算机_专业资料。前端开发html5学习资料 ...
《web前端开发基础》作业考核试题有答案.doc
《web 前端开发基础》作业考核试题有答案 《web ...脱离包含元素之外 15 2分 下列关于 HTML 语言的...可 以离开 被测物 体读 数 10. 物质通 常有三...
东师《web前端开发基础》考试【标准答案】.doc
东师《web前端开发基础》考试【标准答案】_远程、...哪个 HTML 标签可用来定义内部样式表? A.<script>...A.对 B.错 5.在 HTML 表格中,表格的列数等于...
HTML5基本标签_图文.ppt
HTML5基本标签_动物植物_PPT模板_实用文档。基础篇 HTML文件结构 页面属性标记 ...一个article里的secti<oanrt实icl例e> 因为文章内section部 <h1>前端技术</...
零基础应该怎样学习html5前端开发?_图文.pdf
千锋教育 www.qfedu.com 精品课程 全程面授 零基础应该怎样学习 html5 前端开发? 前端开发入门门槛其实非常低,与服务器端语言先慢后快的学习曲线相 比,前端...
西安交通大学19年5月补考《web前端开发基础》作业考核试题.doc
西安交通大学19年5月补考《web前端开发基础》作业考核试题 - 西交作业答案网 1.下列( )标签里包含的内容可以显示在页面上。 A.body B.html C.head D.title ...
西安交通大学18年9月课程考试《web前端开发基础》作业....doc
西安交通大学18年9月课程考试《web前端开发基础》...此段代码是 html 的一个选择器 B: 选择器的名称...正确答案: (多选题) 8: 下列属于行列标签的是( ...
西交17年9月课程考试《web前端开发基础》作业考核试题.doc
西交17年9月课程考试《web前端开发基础》作业考核...()HTML 标签定义内部的样式表。 <css> <cssStyle...<a> <span> <br> <div> 满分:2 分 5. A....
HTML5开发基础与应用离线试卷答案全.doc
HTML5开发基础与应用离线试卷答案全_计算机软件及应用_IT/计算机_专业资料。同学,你好!学习了 HTML5 的新增全局属性、新增语义化、结构化元素后,现在你来小 试...
西安交通大学17年9月课程考试《web前端开发基础》作业....doc
西安交通大学17年9月课程考试《web前端开发基础》...在<body>中 正确答案: 5. 下列( )标签里包含的...A. head B. html C. title D. body 正确答案:...
前端开发基础篇(一)_图文.doc
http-equiv="Content-Type" content="text/html; charset=gb2312" /> 5. <...标签起个 ID,代码如下: <p id="one">W3CFuns.com:打造中国 Web 前端开发...
《web前端开发基础》作业考核试题题库大全.doc
《web前端开发基础》作业考核试题题库大全_IT认证_...Abody Bhtml Chead -5- 本文共计 6268 字 本文...不能全部设置成 0px 13 2分 下列( )标签表示...
html5页面设计_图文.pdf
HTML5 文档结构与基础语法 3、HTML5 新特性 第一阶段 移动前端制作基础 4、CSS3 基础语法 5、图形、图像软件的使用(PS,FW) 3周 学时(周) (HTML5+CSS3 ...
html5前端开发培训网站_图文.pdf
html5前端开发培训网站_职业技术培训_职业教育_教育专区。html5前端开发培训网站html5前端开发培训网站 千锋教育 www.qfedu.com 精品课程 全程面授 免费 html5 前端...
TP01 HTML5基础_图文.ppt
HTML的基本结构创建网页 会使用文本相关标签排版文本信息会使用图像相关标签实现图文并茂 的页面会使用a标签创建超链接、锚链接 以及功能性链接 5/37 什么是前端开发...
移动前端开发(HTML5)大纲新_图文.doc
移动前端开发(HTML5)大纲新_计算机软件及应用_IT/计算机_专业资料。匠心品质,...(@media)、web 网页和 mobile 网页的区别、样式继承; 8、Canvas 标签基础知识...