网页设计与制作(HTML+CSS)

网页设计与制作(HTML+CSS)
网页设计与制作(HTML+CSS)

《网页设计与制作()》试卷

得分

单选题(每题2分,共计30分)

1.在表格中,用于设置表格的边框的属性是()。

A、

B、

C、

D、

2.在6浏览器中,浮动元素的左外边距或右外边距将是所设置值的两倍,这被称为6的()问题。

A、内边距塌陷

B、外边距塌陷

C、双倍边距

D、边距凸陷3.在行内式样式中,<>标记可以设置元素的样式,它一般位于()标记中<>标记之后。

A、

B、

C、<>

D、<>

4.代码如下所示:

“{:1 ;}”

上述代码的含义是()。

A、设置的边框为一像素的红色实线

B、设置单元格的边框为一像素的红色实线

C、设置的边框为一像素的红色虚线

D、设置单元格的边框为一像素的红色虚线

5.当盒子中的内容超过盒子的宽高时,在6浏览器中盒子会()内容的大小。

A、超出

总分题型单选题多选题填空题简答题题分

得分

B、隐藏超出部分

C、自适应

D、以上说法都不正确

6.引用模板后的网页由灰色和蓝色代码组成,其中灰色代码为(),只能在模板文件中进行修改。

A、可编辑区域

B、不可编辑区域

C、模板区域

D、非模板区域

7.切换到()面板,点击模板文件预览图并拖动至新建的文档,即可实现模板文件的引用。

A、【文件】

B、【代码片段】

C、【数据库】

D、【资源】

8.下列属性中,用于设置鼠标悬停时图像的提示文字的是()。A、

B、

C、

D、

9.下列选项中,属于定义列表的基本语法格式的是()。

A、<> <>列表项1<> <>列表项2<> ...... <>

B、<> <>列表项1<> <>列表项2<> ...... <>

C、<> <>名词1<> <>名词1解释1<> <>名词1解释2<> ... <>

D、<> <>名词1<> <>名词2<> ... <>

10.下列选项中,符合后代选择器书写要求的是()

A、p { ; }

B、{ ; }

C、{ ; }

D、{ ; }

11.给控件应用以下样式:

“(1) 5 ;”

上述代码的含义是()。

A、定义控件的背景

B、定义控件的文本颜色

C、定义控件的内边距

D、定义控件的文本宽高

12.下面标记中,表示换行的标记是()。

A、

B、<>

C、< />

D、< />

13.使用属性可以为各个列表项设置项目图像,那么的默认值是()。A、

B、C、

D、0

14.在下列属性中,用来定义文本字体的是()。

A、

B、

C、

D、

15.工具可以将具有相同版面结构的页面制作成(),以供其他页面引用。

A、框架

B、表格

C、表单

D、模板

得分

多选题(每题2分,共计10分)

16.使用设置字体时,以下书写正确的是()

A、{ : ,"微软雅黑","宋体","黑体";}

B、{ : "微软雅黑","宋体","黑体";}

C、{ : " ";}

D、{ : ;}

17.下面选项中,属于盒子模型主要属性的是()。A、

B、

C、

D、

18.下面的选项中,关于标准说法正确的是()。

A、标准只要包括标准。

B、标准是由浏览器的各大厂商联合制定的

C、标准并不是某一个标准,而是一系列标准的集合。

D、标准主要包括结构标准、表现标准和行为标准三个方面。19.下列选项中属于标准构成部分的是( )。

A、结构标准

B、表现标准

C、行为标准

D、描述标准

20.将一张图片插入与其大小相同的盒子中,其代码如下:<>

< "" "100" "200"/>

<>

运行以上代码,6下图像底部会出现间隙,解决办法是()。

A、将<>标记与<>标记放在同一行

B、将<>标记单独放在一行

C、为< />定义";"样式

D、为< />定义";"样式

得分

填空题(每题2分,共计20分)

21.在中,为标记设置字体加粗的代码为【】。

22.网页当中的常见图片格式有格式,【】格式和【】格式。

23.在表单中,【】控件用于创建多行文本输入框。

24.进行网页制作时,通常使用中的【】工具来切图。

25.标准是一系列标准的集合,主要包括结构、【】和【】。

26.在表单中,用于清除控件默认边框效果的样式代码是【】。

27.设置访问后超链接的样式,需要给标签添加样式的伪类是【】。

28.<>标记的【】属性可以设置文本的颜色。

29.在样式规则中,如果属性的值由多个单词组成且中间包含空格,则必须为这个属性值加上【】。30.在中,用于设置行间距的属性是【】,一般称为行高。

得分

简答题(每题8分,共计40分)

31.阅读下面的代码,并按照要求填写代码。

< "">

; /*控制为下的p标记; */

{

:14;;

;

;

}

<>

代码:

< "3 1.0 "

"">

< "">

<>

< "" "; 8" />

<>无标题文档<>

<>

<>

我是一个段落<>

< ””>

<>

<>我是<>

<>我是<>

< ””>

我是里的p<><>

<>

<>

<>

<>

32.创建一个用请求连接到的表单,表单名称为。33.列举出常用的单标记和双标记。

34.请简要描述一下你对通栏布局的理解。

35.请阅读下面的代码,根据注释中的要求填写代码。1 < "3 1.0 "

2 "">

3 < "">

4 <>

5 < "" "; 8" />

6 <>控制单元格的宽高<>

7 < "">

8 { :1 00;}

9 { :1 00;}

10 { :60; :60;}

11 { :20;}

12 /*定义单元格3的宽度为100;*/

13 <>

14 <>

15 <>

16 <>

17 <>

18 < "" >单元格1<>< "">单元格2<>

19 <>

20 <>

21 < "">单元格3<><>单元格3<>

22 <>

23 <>

24 <>

25 <>

答案

单选题(每题2分,共计30分)1.A

2.C

3.C

4.A

5.C

6.B

7.D

8.A

9.C

10.A

11.A

12.C

13.B

14.B

15.D

多选题(每题2分,共计10分)16.

17.18.

19.

20.

填空题(每题2分,共计20分)21.【a { : ; }】

22.【】【】

23.【】

24.【切片】

25.【表现】【行为】

26.【:0;】

27.【】

28.【】

29.【英文状态下的引号】30.【】

简答题(每题8分,共计40分)31.正确答案:p(或者p); 32.正确答案:

< "" "" "">

...

<>

33.正确答案:双标记:<> <> <> <>等;

单标记:< /> < />

34.正确答案:本题主要考察对通栏布局的理解。35.正确答案:{:100;}

网页设计与制作_在线作业_E 总分100

您的目前成绩为: 100.0 详细信息 网页设计与制作_在线作业_E 用户名:W130801151最终成绩:100.0 一 判断题 1. TRUE FALSE 本题分值: 5.0 用户得分: 5.0 用户解答: FALSE 知识点: 1.1.2 HTML 语言与XHTML 语言 2. TRUE FALSE 本题分值: 5.0 用户得分: 5.0 用户解答: FALSE 知识点: 15.2.3 绘图工具箱 3. FALSE TRUE 本题分值: 5.0 XHTML 代码将文字内容和显示样式分离,显示样式的定义放在中)。( ) Flash 中“橡皮擦工具”的水龙头模式可以一下子擦除位图一个封闭选区的全部填充色。( ) Flash 中修改实例的属性会影响到元件。( )

用户得分: 5.0 用户解答: FALSE 知识点: 17.1 基本概念 4. FALSE TRUE 本题分值: 5.0 用户得分: 5.0 用户解答: TRUE 知识点: 19.3.1 帧动作 5. TRUE FALSE 本题分值: 5.0 用户得分: 5.0 用户解答: FALSE 知识点: 19.3.2 按钮动作 6. FALSE TRUE 本题分值: 5.0 用户得分: 5.0 用户解答: TRUE 知识点: 19.3.4 设置及获取电影元件实例的属性 Flash 中帧动作可以附加到某帧下的任何一层上。( ) 在给Flash 按钮附加动作时,动作必须嵌入on ()处理程序中,以便指定触发该动作的鼠标事件或按键操作。on ()处理程序只能支持一个鼠标事件。( ) 当播放Flash 动画时,允许影片剪辑元件实例被拖动(startDrag )或停止拖动(stopDrag )。( )

00900网页设计与制作(自学考试)201604

2016年4月高等教育自学考试全国统一命题考试 网页设计与制作试卷 (课程代码00900) 本试卷共6页,满分100分,考试时间150分钟。 考生答题注意事项: 1.本卷所有试题必须在答题卡上作答。答在试卷上无效,试卷空白处和背面均可作草稿纸。2.第一部分为选择题。必须对应试卷上的题号使用2B铅笔将“答题卡”的相应代码涂黑。3.第二部分为非选择题。必须注明大、小题号,使用0.5毫米黑色字迹签字笔作答。4.合理安排答题空间,超出答题区域无效。 第一部分选择题(共35分) 一、单项选择题(本大题共25小题。每小题1分,共25分) 在每小题列出的四个备选项中只有一个是符合题目要求的。请将其选出并将“答题卡一的相应代码涂黑。错涂、多涂或未涂均无分。 1.以下协议用于远程终端登录主机的是 A.HTTP B.FTP C.SMTP D.TELNET 2.OSI定义的网络功能模型的层次数是 A.4层B.5层 C.7层D.8层 3.网站的每个栏目的起始页是 A.四级页面B.三级页面 C.二级页面D.一级页面 4.在网站设计的国际专业流程中,用于收集站点核心的关键信息的部分是 A.初始商讨B.构思 C.综合内容D.内容流程 5.在彩色属性中,反映颜色纯洁程度的是 A.明度B.饱和度 C.色差D.色相 6.以下色彩能带给人们热情感觉的是 A.黑色B.红色 C.绿色D.棕色 7.在Photoshop滤镜中,能产生凹凸感墙纸图像效果的是 A.Texture中的Texturizer B.Texture中的Glass C.Texture中的Zigzag D.Texture中的Pencil 8.在Photoshop中,一张图可以建立的图层数是 A.40个B.60个 C.80个D.100个 9.在HTML中,以下是单边标记的是 A. B. C.
D.

网页设计大作业

网页设计与制作报告书 课程名称:网页设计与制作 报告题目:几米的空间 专业班级:旅管1002班 学号:100104110221 姓名:杨玉颖 指导教师:胡一波

目录 一、................................. 开发背景 二、................................. 网页设计技巧 三、................................. 网站结构 四、................................. 应用工具方案 五、................................. 频道栏目划分 六、................................. 测试 七、................................. 周期与成本估算 八、................................. 结论

摘要: 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。 关键字:网页制作;制作方法;设计要素;网页测试

一、网页制作开发背景 Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多,如Macromedia 公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架,表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了,可根据你的个人喜好来选择一些素材,如图片、喜欢的文章等。 二、网页制作设计技巧 首先,我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项,单击“站点”命令,这时新建站点对话框就弹出来了,在“指定新站点位置”文本框中输入新站点的位置,单击“只有一个网页的站点”图标,单击“确定”按钮。这就建立好站点了,我们现在来看一下新的站点里有什么,单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件,名字叫做“index.htm”。我们知道,每

《网页设计与制作案例教程》课程标准模板

附件1 课程标准 课程名称《网页设计与制作案例教程》 课程代码 0511 课程类型专业基础课 课程总学时 60学时 适用专业计算机应用技术专业 课程负责人 信息工程系(教学系部)计算机应用教研室制定(修订) 2020年3月

《网页设计与制作案例教程》课程标准 课程代码:0511 课程类型:理实一体化课 学时/学分: 60学时/4学分 适用专业:计算机应用技术专业 1.课程概述 1.1课程性质 《网页设计与制作案例教程》是高等职业技术学院计算机应用技术专业开设的一门专业必修课,是计算机类专业的一门实践环节课程,也可以作为其他相关专业的实践课程或选修课,它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs6,通过这种有代表性的网页制作软件的使用,掌握网站设计的全过程,并能熟练地制作出有专业水准的网站。 1.2课程定位 通过本课程的学习,使学生了解网站开发的流程,掌握HTML和 CSS技术实现网页的构建和美化,并用 Dreamweaver CS6工具实现网页的制作。本课程对接的工作岗位是网站编辑、网站开发,通过学习应具备网站美化和网站开发的能力。 2.课程目标 本课程以学生能够进行网站开发与维护的实际工作能力为学习目标,使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能,形成解决实际应用问题的方法能力,为以后的学习动态网页设计课程打下基础。 2.1素质目标 (1) 培养具有较强的网页设计创意思维、艺术设计素质;

(2) 培养学生在学习过程中解决困难的能力; (3) 培养学生在学习过程中培养兴趣的能力,提高工作、学习的主动性; (4) 培养学生理论联系实际的工作和学生方法; (5) 培养具有高度责任心和良好的团队合作精神; (6) 具有社会责任感。 2.2知识目标 (1) 了解WEB站点的工作原理; (2) 理解Internet、WWW、HTTP、HTML的定义,计算机网络概念和作用; (3) 了解服务器、客户端、浏览器的概念和作用; (4) 掌握常规网站的规划及流程; (5) 熟练掌握HTML语言中各种标记符的运用能力; (6) 熟练掌握Dreamweaver应用软件的使用; (7) 理解网页中脚本语言的使用方法; (8) 熟练开发常规静态网站。 2.3能力目标 (1) 熟练掌握Dreamweaver应用软件制作网站及网页; (2) 熟练掌握使用绝对和相对URL,创建超链接,图像链接; (3) 掌握在网页中添加CSS的方法; (4) 培养学生设计、制作和维护动态网站。 (5) 培养学生搜集资料、阅读资料和利用资料的能力; (6) 能独立制定、实施工作计划。 (7) 具备检查、判断能力; (8) 具备简单的需求市场分析能力。 3.课程实施和建议 3.1课程内容和要求 本课程以《计算机应用基础》、《photoshop》课程为基础,通过本课程的学习,应使学生掌握网页制作的基本方法,掌握 HTML、CSS等网页基础编程知识,并使用主流工具 Dreamweaver CS6进行网页制作。

00900网页设计与制作 全国2013年7月自考 试题

全国2013年7月高等教育自学考试 网页设计与制作试题 课程代码:00900 一、单项选择题(本大题共25小题,每小题1分,共25分) 在每小题列出的四个备选项中只有一个是符合题目要求的,请将其选出并将“答题纸”的相应代码涂黑。错涂、多涂或未涂均无分。 1.在OSI的七层模型中,IP协议的工作层次是 A.网络层 B.应用层 C.传输层 D.链路层 2.以下协议中用于电子邮件发送的是 A.HTTP B.SMTP C.POP3 D.TELNET 3.依照网站的层次结构,网站中的“栏目页”是 A.一级页面 B.二级页面 C.三级页面 D.四级页面 4.使用Photoshop实现取消画面上所选择内容,应使用的快捷键是 A.Ctrl+A B.Ctrl+C C.Ctrl+D D.Ctrl+R 5.使用Photoshop时,实现旋转操作的方法是 A.选择Tromsform中的Rotate进行设置 B.选择Filter中的Gaussian Blur进行设置 C.选择Image中的Canvas Size进行设置 D.选择Distort中的Zigzag进行设置 6.在HTML语言中,合并单元格需要使用的属性是 A.rowspan与colspan B.width与height C.align与valign D.bgcolor与nowrap 7.FTP缺省端口号是 A.20 B.21 C.24 D.80 8.在HTML语言中,建立书签的方法是

A. text </a> B. text </a> C. </a> D.

9.关于JavaScript下列说法正确的是 A.JavaScript是编译执行的 B.JavaScript实现了SRC属性 C.JavaScript代码不易修改 D.JavaScript具有非常高的安全性 10.在HTML语言中, 12345678 A.第2、3行应加入……. B.没有错误 C.
错了 D.“button”双引号错了(应为单引号) 答案:A 2.数据库的基本操作是()。 A.编,删,改,查 B.增,删,改,查 C.增,删,加,查 D.增,删,写,查 答案:B 3.表示() A.粗体 B.斜体 C.下划线 D.上标 答案:A 4.插入 Javacript 的正确位置是? A. 部分 B.文档的顶部 C. 部分和 部分均可 D. 部分 答案:C 5.引用名为 "xxx.js" 的外部脚本的正确语法是? A.