01 网站及网页的创建

01 单元测试

1、单选题:
‎Dreamweaver开发平台默认的静态网站主页文件名为(    )‏
选项:
A: index.html
B: default.html
C: index.asp
D: index.php
答案: 【 index.html

2、单选题:
‎静态网页的后缀名为(     )‌
选项:
A:   asp
B: doc
C: html
D: php
答案: 【 html

3、单选题:
‎可以通过下面的属性设置文本的水平对齐方式(    )‍
选项:
A: Text-indent
B: Text-align
C: Vertical-align
D: Text-decoration
答案: 【 Text-align

4、单选题:
‍可以通过下面属性设置网页中文字段落的行高(    )‎
选项:
A: height
B: Text-transform
C: line-height
D: work-spacing
答案: 【 line-height

5、单选题:
​关于字体大小的单位描述,哪个是不正确的‎​‎
选项:
A: px:(象素)根据显示器的分辨率来确定长度
B: pt:(字号)根据windows系统定义的字号大小来确定长度
C: in、cn、mm:(英寸、厘米、毫米)根据显示的实际尺寸来确定长度。此类单位随显示器的分辨率改变而改变。 
D: em:相对长度单位,单位em是一种相对的字体高度
答案: 【 in、cn、mm:(英寸、厘米、毫米)根据显示的实际尺寸来确定长度。此类单位随显示器的分辨率改变而改变。 

6、单选题:
​当字体属性设置为.style1{font-family:“黑体”,“隶书”,”楷体”;}时,代表意思是‍​‍
选项:
A: 字体为黑体
B: 字体为楷体
C: 字体为三个中任意一个
D: 字体首选黑体,如果没有再选隶书,没有隶书再选楷体
答案: 【 字体首选黑体,如果没有再选隶书,没有隶书再选楷体

7、单选题:
‌下面哪个样式设置是错误的​
选项:
A: .style1{font-family:“黑体”;}
B: .style1{font-size:20px;}
C: .style1{font-color:#00ff00;}
D: .style1{text-align: center;}
答案: 【 .style1{font-color:#00ff00;}

8、单选题:
‏下面哪个操作可以产生单倍行距‎
选项:
A: 按shift键同时按回车键
B: 按回车键
C: 按shift键
D: 将文字在代码视频中用<p>....</p>包起来
答案: 【 按shift键同时按回车键

9、单选题:
‌网上新闻的正文内容部分,哪个值作为 正文的行距比较合适?‍
选项:
A: 25px
B: 100px
C: 5px
D: 50px
答案: 【 25px

10、多选题:
‌下面哪些元素是网页元素(    )‎
选项:
A: 文字  
B: 图片  
C: 音频文件     
D:  视频文件
答案: 【 文字  ;
图片  ;
音频文件     ;
 视频文件

11、多选题:
‎下面哪些是网页的组成部分(    )​
选项:
A: 页眉    
B:  导航栏     
C: 内容区      
D: 页脚区    
答案: 【 页眉    ;
 导航栏     ;
内容区      ;
页脚区    

12、多选题:
‍设置字体的行距的单位可以有(      )‍
选项:
A: px    
B: em      
C:  %       
D: ppt  
答案: 【 px    ;
em      ;
 %       

13、多选题:
‎关于段落的描述哪些是正确的‎
选项:
A: 按“<shift>+<Enter>”组合键可以得到标签为<br/>分段标志,行距为正常行距。
B: 按回车键可进行分段,段与段的间距为2倍行距
C: 可以设置line-height:2;得到段落内文字为2倍的行距
D: 可以设置line-height:150%;表示百分之150的行距
答案: 【 按“<shift>+<Enter>”组合键可以得到标签为<br/>分段标志,行距为正常行距。;
按回车键可进行分段,段与段的间距为2倍行距;
可以设置line-height:2;得到段落内文字为2倍的行距;
可以设置line-height:150%;表示百分之150的行距

14、多选题:
​下面哪些操作让文字段落之间可以产生单倍行距?​
选项:
A: 在需要换行的文字后按shift键同时按回车键
B: 在文字段落的最后一个字符后添加<br/>标签
C: 将段落文字用<p></p>包起来
D: 按回车键
答案: 【 在需要换行的文字后按shift键同时按回车键;
在文字段落的最后一个字符后添加<br/>标签

15、判断题:
‏Dreamweaver开发平台是网站开发的唯一平台(     )​
选项:
A: 正确
B: 错误
答案: 【 错误

16、判断题:
​‌Dreamweaver开发平台的文件菜单中创建的网页需要执行保存,才能将文件保存到网站中(   )​
选项:
A: 正确
B: 错误
答案: 【 正确

17、判断题:
可以通过设置CSS样式的line-height属性来设置段落文字的行高。(     )‎
选项:
A: 正确
B: 错误
答案: 【 正确

18、判断题:
通过CSS样式的背景属性可给网页设计背景颜色或背景图片。(    )‌
选项:
A: 正确
B: 错误
答案: 【 正确

19、判断题:
行距可以设置为:line-height:150%; ‎
选项:
A: 正确
B: 错误
答案: 【 正确

20、判断题:
‎网页里有一段文字,我们可以通过text-valign设置文字在层里的垂直对齐​
选项:
A: 正确
B: 错误
答案: 【 错误

21、判断题:
‌文字默认的对齐方式是居中对齐的‏
选项:
A: 正确
B: 错误
答案: 【 错误

随堂测试

1、多选题:
​一段文字样式设置主要包括哪些设置?​
选项:
A: 字体、字号、颜色
B: 是否加粗、倾斜
C: 字体间隔
D: 是否带下划线
答案: 【 字体、字号、颜色;
是否加粗、倾斜;
字体间隔;
是否带下划线

2、多选题:
‎段落样式设置可包括哪些?‎
选项:
A: 设置行距
B: 设置段落文字水平对齐方式
C: 设置段落的上下间隔
D: 设置段落的左右内或外边距
答案: 【 设置行距;
设置段落文字水平对齐方式;
设置段落的上下间隔;
设置段落的左右内或外边距

02 一列布局页面制作

02 单元测试

1、单选题:
‍在css盒子模型中,盒子的总占位宽由(    )决定‎
选项:
A: 由样式属性中的width属性决定
B: 由样式属性中的width和左右内边距padding属性决定
C: 由样式属性中的width、左右内边距padding和边框宽度的属性决定
D: 由样式属性中的width、左右内边距padding、左右外边距margin和边框宽度属性决定
答案: 【 由样式属性中的width、左右内边距padding、左右外边距margin和边框宽度属性决定

2、单选题:
‍关于样式的描述,哪个是不正确的‎
选项:
A: 内部样式定义在网页文件的头部标签内
B: 外部样式定义在单独的样式文件中
C: 浏览器样式我们不能随便修改
D: html内联样式定义在网页文件的头部
答案: 【 html内联样式定义在网页文件的头部

3、单选题:
​当层内部的文字与层的左边距太贴近时,可设置下面哪个属性值使文字与层左边留一定的空白距离‌
选项:
A: margin-left:10px;
B: margin-right:10px;
C: padding-left:10px;
D: padding-right:10px;
答案: 【 padding-left:10px;

4、单选题:
‏根据命名规范,下面哪个是合规范的‌
选项:
A: 给网页内容区样式命名为header
B: 给网页头部区样式命名为content
C: 给网页页脚区样式命名为f
D: 给网页导航区样式命名为nav
答案: 【 给网页导航区样式命名为nav

5、多选题:
​下面哪些说法是正确的​
选项:
A: 层中引用类样式style1写法为<div class=”style1”>
B: 重定义标签样式h1,定义完不需要引用
C: 同一个类样式可以在一个网页中多次被引用
D: ID样式在一个网页中只能被一个html元素引用
答案: 【 层中引用类样式style1写法为<div class=”style1”>;
重定义标签样式h1,定义完不需要引用;
同一个类样式可以在一个网页中多次被引用;
ID样式在一个网页中只能被一个html元素引用

6、多选题:
‏关于样式的描述,哪些是正确的‌
选项:
A: 内部样式定义在网页文件的头部标签内
B: 外部样式定义在单独的样式文件中,用户需要在网页文件中引用该样式文件才能使用外部样式
C: 浏览器样式我们不能随便修改
D: html内联样式定义在网页文件的头部
答案: 【 内部样式定义在网页文件的头部标签内;
外部样式定义在单独的样式文件中,用户需要在网页文件中引用该样式文件才能使用外部样式;
浏览器样式我们不能随便修改

7、多选题:
​根据命名规范,下面哪些是合规范的‍
选项:
A: 给网页内容区样式命名为header
B: 给网页头部区样式命名为header
C: 给网页页脚区样式命名为footer
D: 给网页导航区样式命名为nav
答案: 【 给网页头部区样式命名为header;
给网页页脚区样式命名为footer;
给网页导航区样式命名为nav

8、多选题:
‍下面哪些样式的属性值设置可以让引用该样式的层处于页面的居中状态‏
选项:
A: margin:0 auto;
B: margin:auto;
C: margin:auto 0px;
D: margin:0;
答案: 【 margin:0 auto;;
margin:auto;

9、判断题:
‌标签样式是系统已经事先定义好的样式,用户不能再修改了‍
选项:
A: 正确
B: 错误
答案: 【 错误

10、判断题:
‌标签样式一般来说不需要引用​
选项:
A: 正确
B: 错误
答案: 【 正确

11、判断题:

复合样式是指同时作用在二个或以上标签的样式,如 .style1 img,一般来讲只需要引用复合样式中的第一个样式(如果组成的复合样式都是标签样式,则可以不引用)复合样式就能起作用

​选项:
A: 正确
B: 错误
答案: 【 正确

12、判断题:
​在层里添加图片背景,可以不设背景图片样式的高度​
选项:
A: 正确
B: 错误
答案: 【 错误

13、判断题:
‏自适应布局页面是指页面宽度按百分比设置的‏
选项:
A: 正确
B: 错误
答案: 【 正确

14、判断题:
‎自适应布局页面需要考虑版面变宽或缩小后页面布局是否变形的问题‍
选项:
A: 正确
B: 错误
答案: 【 正确

随堂测试

1、判断题:
‍一列自适应宽度布局的容器层可设置固定宽度​
选项:
A: 正确
B: 错误
答案: 【 错误

2、判断题:
‎一列自适应宽度容器层设成一个百分数,然后里面的每个布局层可以不设宽度,或也设成一个百分比宽度‌
选项:
A: 正确
B: 错误
答案: 【 正确

03 图文混排页面制作

03单元测试

1、单选题:
‎下面哪个样式的属性值设置可以让引用该样式的层处于页面的居中状态‏
选项:
A: margin:5px 10px;
B: margin:0 auto;
C: margin:auto 0px;
D: padding:5px;
答案: 【 margin:0 auto;

2、单选题:
​一个层引用style1类样式,当设置层中图片在文字的左端图文环绕时,图片的样式需要修改为为(   )​
选项:
A: .style1 img { float:right; }
B: #style1 img { clear;left;   }
C: .style1 img { float:left; }
D: img { clear;both;  }
答案: 【 .style1 img { float:left; }

3、单选题:
​使得一个层中的文字在页面水平居中显示,可设置属性(   )‌
选项:
A: text-align:center; 
B: text-valign:middle;
C: line-height:center; 
D:  font-family:middle; 
答案: 【 text-align:center; 

4、单选题:
‏设置一个边框线为1px的实线红色边框代码为(  )‎
选项:
A: border:1px red soild; 
B:  border:1px  soild  #f00;
C: border: #f00 soild 1px;
D: Border: soild 1px red;
答案: 【  border:1px  soild  #f00;

5、单选题:
‎一个层中所引用的样式设置了背景图(background-repeat属性没有设置),另外设置了padding属性为:padding:5px 10px;下面哪个说法是正确的?​
选项:
A: 背景图将铺满包括padding内边距在内的层
B: 背景图将铺满除去padding内边距之外的层
C: 背景图将只显示原图片大小
D: 上述都不对
答案: 【 背景图将铺满包括padding内边距在内的层

6、单选题:
‎列表文字在导航层垂直居中的设置(&

剩余75%内容付费后可查看

发表评论

电子邮件地址不会被公开。 必填项已用*标注