1. 您所在位置：首页 > 给排水规范 > 设计规范 > 动态网页设计习题答案.doc

动态网页设计习题答案.doc 30页

  • 87.00 KB
  • 2022-04-22 11:33:41 发布

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

  • 30页
  • 当前文档由用户上传发布，收益归属用户
  1. 1、本文档共5页，可阅读全部内容。
  2. 2、本文档内容版权归属内容提供方，所产生的收益全部归内容提供方所有。如果您对本文有版权争议，可选择认领，认领后既往收益都归您。
  3. 3、本文档由用户上传，本站不保证质量和数量令人满意，可能有诸多瑕疵，付费之前，请仔细先通过免费阅读内容等途径辨别内容交易风险。如存在严重挂羊头卖狗肉之情形，可联系本站下载客服投诉处理。
  4. 文档侵权举报电话：19940600175。
'模块1网站建设基础一、填空题1.全球信息网2.html、htm3.域名、网站空间4.cascadingstyleshee，被称为层叠样式表或级联样式表5.记事本、HotDogProfessional、HomeSite、UltraEdit、WYSIWYGWebBuilder8.1、Dreamweaver、Frontpage6.uniformresourcelocator7.HTML、HTML8.W3C9.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和ECMA2. 表现标准语言主要包括CSS，行为标准语言主要包括对象模型（如W3CDOM）、ECMAScript3.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）初级改善l为页面添加正确的DOCTYPEl设定一个名字空间（Namespace）l声明你的编码语言l用小写字母书写所有的标签l为图片添加alt属性l给所有属性值加引号l关闭所有的标签（2）中级改善l用CSS定义元素外观l用结构化元素代替无意义的垃圾l给每个表格和表单加上id模块3XHTML基础一、填空题1.（1）文档类型声明DOCTYPE（2）文件头部head。2. （1）Transitional（过渡类型）（2）Strict（严格类型）（3）Frameset（框架类型）3.（1）<或<4.（1）color（2）size5.（1）嵌套（2）交叉6.（1）结束标签7.（1）小写8.（1）9.（1）对齐方式（2）水平对齐二、设计题1.Thistextisbold.

2. 【春】春    春，是一年四季之首，万物生长的季节。植物萌芽生长，动物交尾繁殖，农夫下地播种。古代把“历史”叫做“春秋”，那是因为庄稼春生秋熟，“春生”相当于历史之因，“秋熟”相当于历史之果，春来秋去的循环就是时间，而事件的因果循环就是历史。春季开始是在立春（2月2～5日），春季结束在立夏（5月5～7日）。在欧美，春季从中国的春分开始，到夏至结束。在爱尔兰，2月、3月和4月被定为春季，在南半球，一般9月、10月和11月被定为春季。另有朱自清的散文《春》和巴金的小说《春》以及其他一些文学艺术作品。
（注意：这里src属性设置音乐文件的位置，loop属性设置播放次数，-1代表无限循环播放，如果要设定次数直接写上对应数字即可。）模块4导航设计一、填空题 1.（1）链接（2）和。2.（1）锚链接3.（1）水平分割（2）垂直分割4.（1）rows5.（1）整数(或像素)（2）百分比6.（1）8.（1）占浏览器窗口的40%200剩余浏览器窗口值9.（1）不显示框架边框10.(1)body二、简答题1.根据链接源的不同，超链接分成哪几类?答：超链接主要分为文本超链接和图像超链接。按照链接路径的不同,网页中超链接一般分为以下3种类型:内部链接,锚点链接和外部链接.2.什么是锚？锚的作用是什么？答：锚链接是指页面内的链接，通过使用name属性创建一个文档内部的书签，实现在一个页面内的跳转。3.什么是框架？框架在网页中的作用是什么？ 答：框架是浏览器窗口中的一个区域，可以独立显示一个网页的内容。作用：框架可以把浏览器窗口分成几个独立的部分，每部分显示单独的页面，页面的内容是互相联系的。如3框架网页，顶端框架显示网页标题，下面左右两个框架，左边显示导航栏，右边显示链接目标网页。单击左边框架导航栏中的超级链接，在右边框架里显示超级链接的对象。内容非常多的网页不宜采用框架式结构，所以大网站中几乎所有的网页都不是框架式网页（或分开显示页面而可以不同时刷新、提高访问速度、可固定一个不需要变动的页面不随着连接而刷新）三、设计题略模块5网页中表格和表单的运用一、填空题1.（1）
（2）2.（1）整数像素值3.（1）4.（1）color（2）size5.（1）设置表格标题，并将标题放置表格下方。6.（1）表格中的一行数据、（2）建立单元格、（3）表头单元格信息7.（1）rowspan(2)colspan8.（1）Type 二、简答题1.简述表单的作用。答：通过表单元素，服务器可以收集用户的信息，传递给服务器程序；服务器程序对用户信息进行处理，从而达到网站与用户互动的效果。2.简述表单method属性值get和post的区别。答：(1)两者的工作方式不同，post方式浏览器将与action属性中指定的表单处理服务器建立连接，一旦建立连接，浏览器就会按分段传输的方法将数据发送给服务器。get方式浏览器会与表单处理服务器建立连接，然后直接在一个传输步骤中发送所有的表单数据。(2)get方式会把表单参数数据直接附在表单的actionURL之后，两者之间用问号进行分隔，暴露在浏览器地址栏里，不宜发送敏感数据（如密码）；而post方式参数数据作为单独的事务传输给服务器进行处理时，传输时进行数据加密，在服务器读参数时，需对这些参数进行解码，安全性较高。(3)get方式发送的数据量有一定限制，一般不超255个字符；而post方式发送的数据量则大得多，可以看做无限制，在网页上发表留言或者文章等通常采用post方式。三、设计题1.主要部分代码：

请选择要上传的文件:

2.

请选择应聘岗位(可多选)：

总经理企业策划技术经理项目经理程序员企业管理人员人事管理人员市场营销顾问系统管理员

请选择您希望工作地点：

请选择北京上海烟台大连其他

求职类别：专职兼职

是否需要提供食宿

模块6CSS基础一、填空题1.选择器（selector）、声明（declaration）、选择器、声明 2.3..css4.高、近、高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-indent2.font 3.letter-spacing4.line-height5.text-align6.background-color7.margin8.border-left9.list-style-image10.h1{background-color:颜色值}11.color12.font-size13.p{font-weight:bold}14.a:link{text-decoration:none}15.text-transform:capitalize15.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＋DIV2.z-index属性3.position4.none、left、right5.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种取值：l static表示元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。对于页面中的每个对象而言，默认的position属性都是static。lrelative表示元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。labsolute表示元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。lfixed元素框的表现类似于将position设置为absolute，不过块不随浏览器的滚动条向上或向下移动。三、练习题略模块9JavaScript基础一、填空题1.2.解释型3.var4.属性5.逗号二、简答题1.JavaScript有哪些作用？ 答：JavaScript在网页中的用处很多，它可以对事件作出响应，可以将JavaScript设置为当某事件发生时才被执行，例如，页面载入完成或者用户单击某个HTML元素时。JavaScript可以读写HTML元素。JavaScript可被用来验证数据。在数据被提交到服务器之前，JavaScript可被用来验证这些数据。JavaScript可被用来检测访问者的浏览器，并根据所检测到的浏览器，为这个浏览器载入相应的页面。JavaScript可被用来创建cookies，JavaScript可被用来存储和取回位于访问者计算机中的信息等。2.简述全局变量和局部变量的区别。答：全局变量是定义在所有函数之外，作用于整个程序的变量；局部变量是定义在函数体内，只作用于函数体的变量，函数的参数也是局部变量，它只在函数内部起作用。三、练习题略模块10JavaScript对象一、填空题1..点、（）括号2.String3.window 4.document5.form表单6.submit、reset7.Date8.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、object、option、select、style、table、tablecell、tablerow、textarea。（4）自定义对象：指程序员基于需要自己定义的对象类型。2.JavaScript有哪几种常用内置对象？ 答：JavaScript提供了一些非常有用的常用内部对象和方法。用户不需要用脚本来实现这些功能。JavaScript提供Array（数组）、String（字符串）、math（数值计算）和Date（日期）内置对象。模块11JavaScript事件一、填空题1.事件2.事件3.event4.onFocus5.onFocusonBlur二、简答题1.什么是事件？什么是事件处理程序？答：事件（event）：鼠标或键盘的动作称为事件。事件处理程序（eventhandler）：对事件进行处理的程序或函数。2.模拟新浪注册页面设计注册页面并验证。略。模块12XML基础一、填空题1.DTD、XMLSchema 2.声明3.实体引用或CDATA标记4.version、encoding5.根元素二、简答题1.简单叙述XML文档的结构。答：XML文档通常包括声明、处理指令、XML元素、XML属性与注释这几部分。各个部分有着各自的作用。1）XML声明是一个XML文档的开始，它给出了XML文档的版本信息、内码编码方式等信息。2）处理指令昌为处理XML应用程序提供指示的方法。3）XML元素是XML文档的核心部分，它表示了文档的结构和文档中包含的数据结构。4）XML允许为元素设置属性，用来为元素附加一些额外信息，是对元素特性的描述。5）在XML中可以加入注释来提高文档的可读性。2.什么是XML？XML有哪些特点？答：XML：eXtensibleMarkupLanguage，即可扩展的标记语言。XML的特点如下：1）具有良好的格式。2）具有验证机制。 3）灵活的Web应用。4）丰富的显示样式。5）XML是电子数据交换（EDI）的格式。6）便捷的数据处理。7）面向对象的特性。8）开放的标准。9）选择性更新。10）XML是一个技术大家族。3.为什么说XML是元标记语言？答：XML是一种元标记语言。因为用户可以定义自己需要的标记，具有相当的灵活性。而且XML可用于定义新的标识语言。三、练习题1.网上购物定单所对应的XML文档如下：orderlistofE-shopX00349827DD9348092012-07-17邮局汇款
XXX市XXX路XXX号
123456YYY市YYY路YYY号XXXX书店001AAA134.00002BBB129.00003AAA1 41.002.编辑后的XML文档如下所示：{font-size:15pt;font-weight:bold;color:blue;display:block;margin-bottom:5pt; text-align:center},order_date,order_status,bookID,quality,order_item_status{font-weight:bold;font-size:12pt;display:block;color:black;margin-left:20pt;border-style:outsetdottedoutsetdotted;border-width:thin;border-color:green;}userorderlistofE-shopXXXXXXXX20120717pending0011pending 模块13XML文档类型定义一、填空题1.3.4.标记二、简答题1.什么是DTD？它的作用是什么？答：DTD就是文档类型定义（DocumentTypeDefinition）.DTD的作用：通过创建DTD，能够正式而精确地定义词汇表，所有词汇表规则都包含在DTD中，通过DTD可以验证文档标记的有效性。2.写出DTD元素的声明格式，并说明元素内容分为哪些类型，在声明时如何表示出来。答：DTD元素的声明格式为：元素内容可以分为四种类型：空、文本元素、复合元素及任意。各类型的表示方法如下：空：EMPTY；文本元素：#PCDATA；复合元素：（）；任意：ANY 3.内部实体与外部实体在使用上有什么不同？请各举一例说明。答：内部实体的使用格式为：例如：外部实体的使用格式为：例如：在XML文件的外部，应该有一个文本文件recommecdation.txt，该文本文件的内容是：verygood,anexcellentbook!三、练习题1.答：该XML文档所对应的DTD如下所示： 2.该XML文档自动生成的DTD文档如下：'

您可能关注的文档

相关文档

最近下载