书签分享收藏举报版权申诉 / 23

立即下载加入VIP,免费下载

当前位置：首页 > 人文社科 > 法律资料 > 动态网页设计习题答案.docx

动态网页设计习题答案.docx

文档编号：28404600
上传时间：2023-07-13
格式：DOCX
页数：23
大小：27.44KB

动态网页设计习题答案.docx

《动态网页设计习题答案.docx》由会员分享，可在线阅读，更多相关《动态网页设计习题答案.docx（23页珍藏版）》请在冰豆网上搜索。

动态网页设计习题答案.docx

动态网页设计习题答案

模块1网站建设基础

一、填空题

1.全球信息网

2.html、htm

3.域名、网站空间

4.cascadingstyleshee，被称为层叠样式表或级联样式表

5.记事本、HotDogProfessional、HomeSite、UltraEdit、WYSIWYGWebBuilder8.1、Dreamweaver、Frontpage

6.uniformresourcelocator

7.HTML、HTML

8.W3C

9.JavaScript

二、简答题

1.写出URL包含的3部分内容的作用。

答：

URL通常包括3部分，第一部分是Scheme，告诉浏览器该如何工作；第二部分是文件所在的主机；第三部分是文件的路径和文件名。

2.网页和网站有什么区别？

答：

网页是网站上的某一个页面，它是一个以扩展名为html或htm的文件，向浏览者传递信息的载体，以超文本和超媒体为技术，采用HTML、CSS、XML、JavaScript等语言来描述组成页面的元素，并通过浏览器进行解释，最后把结果信息通过浏览器在网页上显示出来。

网站（website）是指Internet上的一个固定的面向全世界发布消息的地方，由域名（也就是网站地址）和网站空间构成，通常包括主页和其他具有超链接文件的页面。

3.写出网站开发的基本流程。

答：

1.建设网站前的市场分析

2.建设网站的目的及功能定位

3.网站技术解决方案

4.网站内容及实现方式

5.进行网页设计

6.选择网页设计的工具

7.费用预算

8.网站测试

9.网站维护

10.网站发布与推广

模块2Web标准及其构成

一、填空题

1.W3C和ECMA

2.表现标准语言主要包括CSS，行为标准语言主要包括对象模型（如W3CDOM）、ECMAScript

3.eXtensibleHyperTextMarkupLanguage、文档结构

二、简答题

1.什么是Web标准？

为什么要使用Web标准来开发网页？

答：

Web标准不是某一个标准，而是一系列标准的集合。

Web标准是由W3C（worldwidewebconsortium）和其他标准化组织制定的一套规范集合。

包括3方面：

结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准语言主要包括对象模型（如W3CDOM）、ECMAScript等。

采用Web标准的主要原因是表现与内容分离技术，使用表现与内容分离技术的好处主要有以下几方面：

（1）高效率的开发与简单维护

（2）信息跨平台的可用性

（3）降低服务器成本

（4）便于改版

（5）加快网页解析速度

（6）与未来兼容

（7）更好的用户体验

2.简述HTML与XHTML的区别。

答：

（1）与XHTML相比，HTML是不够严谨的一门语言。

在强调表现与内容分离的Web标准时代，HTML的语法模式已经不能满足需求，取而代之的是新一代的XHTML，它的结构与表示更加严谨。

（2）XHTML是一门面向结构的语言，其设计目的不像HTML仅仅是为了网页设计与表现。

XHTML的设计目的并不是为了最终表现，它主要用于对网页内容进行结构设计，其严谨的语法结构有利于浏览器进行解析处理，它是一门面向文档结构的设计语言。

3.Web标准由哪几方面构成？

各方面的作用是什么？

答：

Web标准由一系列架构分明的技术（结构、表现和行为）组成。

各组成部分以及各部分的作用如下：

（1）结构

结构用来对网页中用到的信息进行整理与分类。

用于结构化设计的Web标准技术主要有两种：

XHTML和XML。

（2）表现

表现技术用于对已经被结构化的信息进行显示上的控制，包括版式、颜色、大小等样式控制。

W3C创建CSS标准的目的是希望以CSS来描述整个页面的布局设计，与HTML所负责的结构分开，使站点的构建及维护更加容易。

（3）行为

行为是指对整个文档内部的一个模型进行定义及交互行为的编写，用于编写用户可以进行交互式操作的文档。

行为标准也包括两部分：

DOM和ECMAScript。

4.如何改善现有网站？

答：

现在，大部分的设计师依旧在采用传统的表格布局、表现与结构混杂在一起的方式来建立网站。

学习使用XHTML+CSS的方法需要一个过程，使现有网站符合网站标准也不可能一步到位。

最好的方法是循序渐进，分阶段来逐步达到完全符合网站标准的目标。

（1）初级改善

●为页面添加正确的DOCTYPE

●设定一个名字空间（Namespace）

●声明你的编码语言

●用小写字母书写所有的标签

●为图片添加alt属性

●给所有属性值加引号

●关闭所有的标签

（2）中级改善

●用CSS定义元素外观

●用结构化元素代替无意义的垃圾

●给每个表格和表单加上id

模块3XHTML基础

一、填空题

（1）文档类型声明DOCTYPE

（2）文件头部head。

（1）Transitional（过渡类型）

（2）Strict（严格类型）（3）Frameset（框架类型）

（1）<或<

（1）color

（2）size

（1）嵌套

（2）交叉

（1）结束标签

（1）小写

（1）

（1）对齐方式

（2）水平对齐

二、设计题

Thistextisbold.

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//www.w3.org/1999/xhtml">

【春】

春

春，是一年四季之首，万物生长的季节。

植物萌芽生长，动物交尾繁殖，农夫下地播种。

古代把“历史”叫做“春秋”，那是因为庄稼春生秋熟，“春生”相当于历史之因，“秋熟”相当于历史之果，春来秋去的循环就是时间，而事件的因果循环就是历史。

春季开始是在立春（2月2～5日），春季结束在立夏（5月5～7日）。

在欧美，春季从中国的春分开始，到夏至结束。

在爱尔兰，2月、3月和4月被定为春季，在南半球，一般9月、10月和11月被定为春季。

另有朱自清的散文《春》和巴金的小说《春》以及其他一些文学艺术作品。

（注意：

这里src属性设置音乐文件的位置，loop属性设置播放次数，-1代表无限循环播放，如果要设定次数直接写上对应数字即可。

）

模块4导航设计

一、填空题

（1）链接

（2）和。

（1）锚链接

（1）水平分割

（2）垂直分割

（1）rows

（1）整数（或像素）

（2）百分比

（1）</p><p>7.</p><p>（1）<iframe>

（1）占浏览器窗口的40%200剩余浏览器窗口值

（1）不显示框架边框

10.

（1）body

二、简答题

1.根据链接源的不同，超链接分成哪几类?

答：

超链接主要分为文本超链接和图像超链接。

按照链接路径的不同,网页中超链接一般分为以下3种类型:

内部链接,锚点链接和外部链接.

2.什么是锚？

锚的作用是什么？

答：

锚链接是指页面内的链接，通过使用name属性创建一个文档内部的书签，实现在一个页面内的跳转。

3.什么是框架？

框架在网页中的作用是什么？

答：

框架是浏览器窗口中的一个区域，可以独立显示一个网页的内容。

作用：

框架可以把浏览器窗口分成几个独立的部分，每部分显示单独的页面，页面的内容是互相联系的。

如3框架网页，顶端框架显示网页标题，下面左右两个框架，左边显示导航栏，右边显示链接目标网页。

单击左边框架导航栏中的超级链接，在右边框架里显示超级链接的对象。

内容非常多的网页不宜采用框架式结构，所以大网站中几乎所有的网页都不是框架式网页（或分开显示页面而可以不同时刷新、提高访问速度、可固定一个不需要变动的页面不随着连接而刷新）

三、设计题

略

模块5网页中表格和表单的运用

一、填空题

（1）

（2）

（1）整数像素值

（1）

（1）color

（2）size

（1）设置表格标题，并将标题放置表格下方。

（1）表格中的一行数据、

（2）建立单元格、（3）表头单元格信息

（1）rowspan

（2）colspan

（1）Type

二、简答题

1.简述表单的作用。

答：

通过表单元素，服务器可以收集用户的信息，传递给服务器程序；服务器程序对用户信息进行处理，从而达到网站与用户互动的效果。

2.简述表单method属性值get和post的区别。

答：

（1）两者的工作方式不同，post方式浏览器将与action属性中指定的表单处理服务器建立连接，一旦建立连接，浏览器就会按分段传输的方法将数据发送给服务器。

get方式浏览器会与表单处理服务器建立连接，然后直接在一个传输步骤中发送所有的表单数据。

（2）get方式会把表单参数数据直接附在表单的actionURL之后，两者之间用问号进行分隔，暴露在浏览器地址栏里，不宜发送敏感数据（如密码）；而post方式参数数据作为单独的事务传输给服务器进行处理时，传输时进行数据加密，在服务器读参数时，需对这些参数进行解码，安全性较高。

（3）get方式发送的数据量有一定限制，一般不超255个字符；而post方式发送的数据量则大得多，可以看做无限制，在网页上发表留言或者文章等通常采用post方式。

三、设计题

1.主要部分代码：

请选择要上传的文件:

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

请选择应聘岗位（可多选）：

总经理

企业策划

技术经理

项目经理

程序员

企业管理人员

人事管理人员

市场营销顾问

系统管理员

请选择您希望工作地点：

请选择

北京

上海

烟台

大连

其他

求职类别：

专职

兼职

是否需要提供食宿

模块6CSS基础

一、填空题

1.选择器（selector）、声明（declaration）、选择器、声明

3..css

4.高、近、高

5．id选择器、class选择器

6.分号

二、简答题

1.简述id选择器和class选择器的区别。

答：

（1）id选择器。

对于一个网页而言，其中的每个标签（或其他对象）均可以使用类似“id=""”的形式来对id属性进行名称指派；每个id名称只能使用一次，不得重复；在CSS中，使用#符号对id选择器进行标识；id的基本作用就是对页面中唯一出现的元素进行定义。

（2）class选择器。

对于网页设计而言，可以对XHTML标签使用类似class=""的形式来进行class属性名称的指派。

与id不同的是，class允许重复使用，如页面中的多个元素都可以使用同一个class定义。

class选择器在CSS中使用点（.）符号加上class名称的形式进行定义。

使用class的好处是，对于不同的XHTML标签，CSS可以直接根据class名称来进行样式指派。

而且class选择器是对CSS代码重用性的良好体现，多个标签可以使用同一个class来进行样式指派，而不需要对每个标签编写样式代码。

2.CSS的具体含义是什么？

在网页制作中为什么要使用CSS技术?

答：

CSS的英文全称为cascadingstylesheets，中文译为层叠样式表或级联样式表。

CSS的作用有3个，其一，CSS针对页面中对象的风格和样式进行定义。

样式就是格式，对于网页来说，像网页显示的文字的大小、颜色、图片位置、段落、列表等，都是网页显示的样式。

层叠是指当HTML文件中引用了多个CSS时，如果CSS的定义发生冲突，浏览器将依据层次的先后顺序来应用样式。

如果不考虑样式的优先级，则一般会遵循“最近优选原则”。

其二，它使得HTML各标记的属性更具有一般性和通用性。

CSS能将样式的定义与HTML文件的内容分离。

只要建立样式表文件，并且让所有的HTML文件都调用所定义的样式表，即可改变HTML文件的显示风格。

然而建立样式表的真正意义在于把对象真正引入HTML，使得网页可以使用脚本程序（如JavaScript、VBScript）调用对象属性，并且可以改变对象属性，达到动态的目的，这在以前的HTML中是无法实现的。

其三，控制网页中的每一个元素精确定位，其技术的核心是布局，CSS的强大生命力也在于它的布局能力。

3.HTML引用CSS有几种方式？

简单叙述各引用方式的特点。

答：

在页面中有四种使用CSS的方法：

行间样式表、内部样式表、外部样式表、嵌入外部样式表。

行间样式表是指将CSS样式编码写在XHTML标签中，使用行间样式表与表格式布局从代码结构上来说十分相似，仅实现了对元素的精确控制，但并没有很好地实现表现与内容的分离。

内部样式表就是将CSS写在与之间，在当前页面内可以直接使用所定义的样式。

它只针对当前页面有效，不能跨越页面执行。

外部样式表是CSS应用中最好的一种形式，它将CSS样式代码单独放在一个外部文件中，再由网页进行调用。

多个网页可以调用同一个样式表文件，这样能够最大限度地实现代码的重用及网站文件的最优化配置。

嵌入外部样式表就是在HTML代码的主体中直接导入样式表。

利用@import导入外部样式表，这种方式通常会在CSS文件中使用。

这样做的好处是把多个样式表导入到一个样式表中，在页面里面只需要导入一个样式表即可。

但这种写法也有很多弊端。

如兼容性方面，@import只有在IE5以上的浏览器中才能辨认。

三、练习题

略

模块7使用CSS美化网页元素

一、填空题

1.text-indent

2.font

3.letter-spacing

4.line-height

5.text-align

6.background-color

7.margin

8.border-left

9.list-style-image

10.h1{background-color:

颜色值}

11.color

12.font-size

13.p{font-weight:

bold}

14.a:

link{text-decoration:

none}

15.text-transform:

capitalize

15.font-family

二、简答题

1.答：

背景方面的属性如下：

（1）background-color设置背景颜色

（2）background-image插入背景图片

（3）background-attachment插入背景附件

（4）background-repeat设置重复背景图片

（5）background-position设置背景图片位置

2.答：

文字样式的属性如下：

（1）font-family设置字体

（2）font-size设置字号

（3）font-style设置字体样式

（4）font-weight设置字体加粗

（5）font-variant设置字体变体

（6）text-decoration设置文字效果属性

（7）color设置文字颜色属性

三、练习题

略

模块8使用CSS+DIV布局页面

一、填空题

1.CSS＋DIV

2.z-index属性

3.position

4.none、left、right

5.clearclear

二、简答题

1.HTML中定义表格的宽度用80px与80%的区别是什么？

答：

若表格的宽度定义为80px，则表示宽度为固定值，不会因为浏览器窗口大小的变化而变化；若定义为80%，表示表格的总宽度将占整个浏览器窗口宽度的80%，当浏览器窗口变大，表格的实际宽度将增大，若窗口变小，则实际宽度会减小。

2.简述div元素和span元素的区别。

答：

（1）布局方面的差别。

div肩负着页面大块布局及版式的所有工作，网页制作者会大量使用div来进行组合或者嵌套，实现网页的版式布局。

span在页面中用得相对少得多，它主要用于网页中的一些细节，如文字、句子、导航上的小图标等。

（2）区域内是否换行。

标记区域内的对象与区域外的上下文会自动换行，而标记区域内的对象与区域外的对象不会自动换行。

（3）标记相互包含。

与标记元素可以同时在网页上使用，一般在使用上建议用

标记元素包含标记元素；标记元素最好不包含

标记元素，否则会造成标记元素的区域不完整，而出现断行的现象。

3.在HTML页面布局中，position的值有哪几种？

默认值是什么？

答：

position属性有4种取值，即position:

relative|absolute|static|fixed。

下面分别解释这4种取值：

●static表示元素框正常生成。

块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。

对于页面中的每个对象而言，默认的position属性都是static。

●relative表示元素框偏移某个距离。

元素仍保持其未定位前的形状，它原本所占的空间仍保留。

●absolute表示元素框从文档流完全删除，并相对于其包含块定位。

包含块可能是文档中的另一个元素或者是初始包含块。

元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。

元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。

●fixed元素框的表现类似于将position设置为absolute，不过块不随浏览器的滚动条向上或向下移动。

三、练习题

略

模块9JavaScript基础

一、填空题

2.解释型

3.var

4.属性

5.逗号

二、简答题

1.JavaScript有哪些作用？

答：

JavaScript在网页中的用处很多，它可以对事件作出响应，可以将JavaScript设置为当某事件发生时才被执行，例如，页面载入完成或者用户单击某个HTML元素时。

JavaScript可以读写HTML元素。

JavaScript可被用来验证数据。

在数据被提交到服务器之前，JavaScript可被用来验证这些数据。

JavaScript可被用来检测访问者的浏览器，并根据所检测到的浏览器，为这个浏览器载入相应的页面。

JavaScript可被用来创建cookies，JavaScript可被用来存储和取回位于访问者计算机中的信息等。

2.简述全局变量和局部变量的区别。

答：

全局变量是定义在所有函数之外，作用于整个程序的变量；局部变量是定义在函数体内，只作用于函数体的变量，函数的参数也是局部变量，它只在函数内部起作用。

三、练习题

略

模块10JavaScript对象

一、填空题

1..点、（）括号

2.String

3.window

4.document

5.form表单

6.submit、reset

7.Date

8.history

二、简答题

1.JavaScript有哪几种对象？

简述这几种对象的作用。

答：

JavaScript的对象类型可以分为以下4类。

（1）JavaScript内部对象：

它是ECMAScript标准定义好的一些对象与函数，在JavaScript语言中可以直接使用，常用的有Array、Boolean、Date、Math、Number、String、RegExp、Global等。

（2）浏览器对象：

包括window、navigator、screen、history、location等。

（3）HTMLDOM对象：

主要包括document、anchor、area、base、body、button、event、form、frame、frameset、iframe、image、inputbutton、inputcheckbox、inputfile、inputhidden、inputpassword、inputradio、inputreset、inputsubmit、inputtext、link、meta、