尔雅Web前端开发技术_3期末答案(学习通2023课后作业答案)

分类: 随行课堂习题发布于:2024-06-02 16:55:06ė03991次浏览641条评论

尔雅Web前端开发技术_3期末答案(学习通2023课后作业答案)

项目1 唐诗赏析页面的尔雅制作

项目1 唐诗赏析页面的制作单元测验

1、下列选项中,端开答案哪个是发技网页文件的扩展名?
A、doc
B、术期html
C、末答fla
D、案学txt

2、习通下面哪个软件不可以用来编辑网页?
A、课后Dreamweaver
B、作业Windows系统中的尔雅“记事本”软件
C、Word
D、端开答案腾讯QQ

3、发技HTML的术期标签使用如下( )括号括起来。
A、末答( )
B、案学[ ]
C、< >
D、《 》

4、下列HTML标签是段落标签的是( )
A、<table> </table>
B、<a> </a>
C、<p> </p>
D、<h1> </h1>

5、如果要使用CSS将文本样式定义为粗体,需要设置( )文本属性。
A、font-family
B、font-style
C、font-weight
D、font-size

6、下列哪个不是Web前端开发的要素?
A、HTML
B、CSS
C、JavaScript
D、英语

7、下列说法错误的是:
A、网页实际上就是一个文件。
B、网站是各种各样网页的集合。
C、网页可以分为静态网页与动态网页。
D、浏览器不能用来显示网页。

8、下列哪个标记是段落标记?
A、<h1></h1>
B、<p></p>
C、<br/>
D、<hr/>

9、CSS是Cascading Style Sheets(层叠样式表单)的简称,下列哪个不是CSS的作用?
A、美化网页。
B、实现页面布局。
C、控制整个网站页面的风格。
D、音乐播放。

10、下列哪一句说法错误?
A、可以使用 font-family 属性定义网页文本的字体系列。
B、可以使用font-size 属性设置文本的大小。
C、可以使用text-align 属性文本行互相之间的对齐方式。
D、不能使用line-height属性控制行高。

项目1 唐诗赏析页面的制作单元作业

1、完成“唐诗赏析”页面的制作(相关素材请下载附件),并将完成作品压缩打包作为附件上传。

项目2 俱乐部网站各页面制作

俱乐部网站各页面制作单元测验

1、HTML标记语言中,表格由下列哪个标签定义?
A、<table></table>
B、<p></p>
C、<a></a>
D、<img/>

2、在HTML标记语言中,图像由下列哪个标签定义?
A、<a></a>
B、<td></td>
C、<tr></tr>
D、<img/>

3、在HTML标记语言中,超链接由下列哪个标签定义?
A、<body></body>
B、<a></a>
C、<head></head>
D、<br/>

4、下列说法错误的是:
A、表格单元格不可以包含文本、图片、列表、段落、表单、水平线、表格等等
B、<img> 是空标签,意思是说,它只包含属性,并且没有结束标签。
C、当您把鼠标指针移动到网页中的某个超链接上时,鼠标箭头会变为一只小手。
D、<a href="http://www.163.com/">访问网易</a>点击这个超链接会把用户带到163网站的首页。

5、一个HTML表单有三个基本组成部分,下列哪个不属于HTML表单的组成部分?
A、表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。
B、表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。
C、表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。
D、图片:用来美化表单。

6、下列说法错误的是:
A、文本域通过<input type="text"> 标签来设定。
B、密码字段通过标签<input type="password"> 来定义。
C、<input type="radio"> 标签定义了表单单选框选项。
D、<input type="checkbox"> 定义了提交按钮。

7、下列哪项不是表单的作用?
A、利用表单,可以提交信息到Web服务器。
B、表单在HTML文档和用户之间,提供了一种交互的方式。
C、利用HTML表单可以将用户输入的用户名和密码提交到服务器。
D、表单可以播放音乐。

8、本单元任务2.2中,潜水俱乐部首页不包含下列哪种网页元素?
A、标题
B、无序列表
C、图片
D、表单

9、下列哪个标签是无序列表标签?
A、<ol></ol>
B、<ul></ul>
C、<p></p>
D、<a></a>

10、在本单元任务2.6的在线预约页面,在线预约表单中不包含下列哪种表单元素?
A、文本框
B、复选框
C、提交按钮
D、密码框

项目2 俱乐部网站各页面制作作业

1、根据给出的页面效果图,完成“俱乐部网站”各页面的制作,要求正确设置页面导航,确保通过首页能访问到各个页面。页面效果图及相关素材请下载附件,将完成的作品压缩打包作为附件上传。

项目3 俱乐部网站页面布局及美化

项目3 俱乐部网站页面布局及美化单元测验

1、关于网页的组成部分下列说法错误的是:
A、传统的经典网页可以分为基本的页头、主体、页尾三个部分,各个部分不能细分。
B、网页的页头称为header。标志logo、登陆条loginbar、页面横幅广告banner、菜单栏nav(navigation bar)等内容都可以放在页头。
C、网页的主体是网页的内容部分,称为content。一般的,可以把content分为两到三个竖列,包括侧栏sidebar、栏目column等。
D、网页的页尾称为footer,用来放置版权申明、使用协议等,也可放一些导航链接。

2、在CSS中,一个独立的盒子模型由内容(content)、边框(border)、填充(padding)和边界(margin)4个部分组成,下列说法错误的是:
A、内容(content):对应盒内物品。
B、边框(border):对应包装盒的纸壳,具有厚度,盒子的边框宽度不能调整。
C、填充(padding):位于边框内部,是内容与边框的距离,对应包装盒的填充部分。
D、边界(margin):位于边框外部,是边框外面周围的间隙,对应纸壳外围间隙。

3、在CSS盒子模型中,用来控制盒子的内边距的属性是:
A、border
B、padding
C、margin
D、width

4、在CSS盒子模型中,用来控制盒子的外边距的属性是:
A、border
B、padding
C、margin
D、color

5、在CSS盒子模型中,用来控制盒子的边框的属性是:
A、border
B、padding
C、margin
D、color

6、下列关于div标签说法错误的是:
A、div是一个块级元素。
B、div可以容纳段落、标题、表格、图片,乃至章节、摘要和备注等各种HTML元素。
C、div标签可以包含span,span不可以包含div。
D、div中不能容纳网页表格元素。

7、CSS中的float 属性定义网页元素在哪个方向浮动,如果希望网页元素向左浮动,应该使用下列哪个属性值?
A、left
B、right
C、none
D、inherit

8、去掉超链接的下划线需要使用下列哪个CSS样式属性?
A、text-decoration:none;
B、text-decoration:underline;
C、text-decoration:overline;
D、text-decoration:line-through;

9、隐藏列表标签的列表符号的CSS代码是:
A、list-style-type: none;
B、list-style-type: circle;
C、list-style-type: decimal;
D、list-style-type: square;

10、在网页制作过程中,可以使用下列哪个CSS属性实现图文混排效果?
A、line-height
B、background-image
C、font-size
D、float

项目3 俱乐部网站页面布局及美化单元作业

1、根据给出的页面效果图,完成“俱乐部网站”各页面的布局及美化。页面效果图及相关素材请下载附件,将完成的作品压缩打包作为附件上传。

项目4 培训机构首页制作

项目4 培训机构首页制作单元测验

1、下列关于网页导航说法错误的是:
A、网页导航的功能是为了让用户更容易地找到需要的信息。
B、网页导航仅仅是为了网页美观。
C、一个有吸引力的导航能够吸引用户去浏览更多的网站内容。
D、最常见的两种网页导航是顶部水平栏导航及固定式侧边栏导航(垂直导航)。

2、定义导航区域的宽度及背景使用下列哪个CSS样式?
A、#left{ width:200px; background:#00A2CA;}
B、ul{ list-style-type:none}
C、*{ margin:0; padding:0;}
D、a{ text-decoration:none}

3、去掉HTML列表标签的列表项标记使用下列哪个CSS样式?
A、#left{ width:200px; background:#00A2CA;}
B、*{ margin:0; padding:0;}
C、ul{ list-style-type:none}
D、a{ text-decoration:none}

4、设置鼠标经过导航栏的效果,可以使用下列哪个CSS样式?
A、a{ text-decoration:none}
B、#nav li a{ display:block; padding:0 20px; height:60px; line-height:60px; color:#FFF; font-size:16px}
C、ul{ list-style-type:none}
D、#nav li a:hover{ background:#0095BB}

5、下列哪个样式可以实现列表项水平排列?
A、ul{ list-style-type:none}
B、#left{ height:60px; background:#00A2CA;}
C、#nav li{ float:left;}
D、#nav li a:hover{ background:#0095BB}

6、下列哪个CSS样式可以设置背景图片水平填充?
A、body{ background:url(image/bj.jpg) repeat-x ; }
B、#nav { padding-top: 3px; }
C、#header,#nav,#banner,#main,#footer{ margin:0px auto; width:950px; }
D、#main { padding: 10px 0px; }

7、下列哪个样式中设置了行高属性?
A、#footer { background: #d1dce3; height: 50px; line-height: 50px; text-align: center; }
B、#nav { padding-top: 3px; }
C、#header,#nav,#banner,#main,#footer{ margin:0px auto; width:950px; }
D、#main { padding: 10px 0px; }

8、下列哪个CSS样式中设置了左浮动?
A、* { margin: 0px; padding: 0px; list-style: none; font-size: 13px; }
B、#header h1 { float: left; }
C、a { color: #555; text-decoration: none; }
D、#header h1 a { background: url(image/logo.jpg); width: 476px; height: 102px; display: block; text-indent: -9999px; }

9、下列哪个样式可以去掉超链接的下划线?
A、#nav ul li { float: left; }
B、#nav ul li a:hover, #nav ul li a#current { background: #177cb7; }
C、a { color: #555; text-decoration: none; }
D、#nav ul li a { display: block; width: 135px; height: 56px; line-height: 56px; color: #fff; text-align: center; font-size: 14px; }

10、下列哪个样式可以将网页图片的边框设置为无?
A、img { border: 0px; }
B、* { margin: 0px; padding: 0px; list-style: none; font-size: 13px; }
C、#nav ul li a:hover, #nav ul li a#current { background: #177cb7; }
D、a { color: #555; text-decoration: none; }

项目4 培训机构首页制作单元作业

1、根据给出的页面效果图,完成“培训机构首页”的制作。页面效果图及相关素材请下载附件,将完成的作品压缩打包作为附件上传。

期末测试

结课大作业

1、设计制作一个简单网站,要求:页面数不少于5个,必须是个人独立完成,有水平或垂直导航,导航结构清晰;采用DIV+CSS技术实现页面的布局,页面美观大方,实用性强;网站所需素材自备,可以是原创素材,也可以是网络收集的素材;网站内容必须健康向上,不得有任何不健康或非法的内容。



Ɣ回顶部