网页设计与制作考点整合.docx

1、网页设计与制作考点整合网页设计与制作考点整合1、填空题 1.5*101、网页一般分为静态网页和动态网页。2、网页主要有文本、图像、动画、表格和超链接等基本元素构成。3、网站开发的3个阶段分别是规划和准备阶段、网页设计与制作阶段、网站发布推广维护阶段。4、网站的链接结构有树状链接结构和网状连接结构。5、常见的网页布局结构有同字形、国字形、匡字形、三字形和川字形结构。6、色彩的3个属性是指色相、饱和度和明度。7、整个网页文档的HTML代码由标签开始，标签结束。网页文档的正文部分位于标签和之间。8、Dreamweaver CS4的编辑环境提供的视图模式有代码视图、拆分视图和设计视图。9、HTML定义

2、了六级标题，每级标题的字体大小依次递减，一级标题最大，六级标题最小。10、表格主要由3个标签构成：表格标签、行标签和单元格标签11、框架主要包括两个部分，一个是框架集标签Frameset，另一个是框架标签Frame。12、表格的组成元素主要包括 行、列、单元格。13、CSS中的选择符有 标签选择符、类选择符、ID选择符、包含选择符、高级样式14、Font-style：用于设置字体风格；Text-decoration：用于设置文本的修饰。15、Div和AP Div的唯一区别，AP Div使用了CSS中的绝对定位属性的Div标签。16、标签一般用来定义页面信息的名称、关键字和作者等。17、列表标签

3、分为 无序列表和有序列表。格式分别为、 18、外部链接代码的格式：19、JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。2、选择题 1.5*301、下列文件属于静态网页的是（C） A、Index.asp B、index.jsp C、index.html D、index.php2、下列属于网页制作工具的是（C） A.Photoshop B.Flash C.Dreamweaver D.CuteFTP3、在网页中常用的图像格式是（D） A.bmp和.jpg B.gif和.bmp C.,png和.bmp D.gif和.jpg4、下列说法中，正确的是（D） A、动态网页使用应用程序

4、解释器，但不适用后台数据库 B、动态网页不使用应用程序解释器，但使用后台数据库 C、动态网页不使用应用程序解释器，也不使用后台数据库 D、动态网页使用应用程序解释器，也使用后台数据库5、在“资源”面板中没有列出的资源是（A） A、文本 B、图像 C颜色 D、脚本6、保存网页文档，可以按（B）组合键 A、Ctrl +A B、Ctrl+S C、Ctrl+W D、Ctrl+N7、定义站点时，存放网页的默认文件夹为（D） A、C盘根目录 B、D盘根目录 C、我的文档 D、用户指定8、要打开“页面属性”对话框，可以按（B） A、Ctrl+K B、Ctrl+J C、Ctrl+M D、Ctrl+F9、下面的

5、颜色中，（A）表示黄色 A、#FFFF00 B、#FF00FF C、#00FFFF D、#00FF0010、当网页既设置了背景图像又设置了背景色，那么将（A） A、以背景图像为主 B、以背景色为主 C、产生一种混合效果 D、相互冲突，不能同时设置11、在“页面属性”对话框中，不能设置（C） A、网页的背景色 B、网页文本的颜色 C、网页文件的大小 D、网页的边界12、在“网页属性”对话框中，不能设置（D） A、网页的标题 B、超级链接文本的颜色 C、背景图案 D、背景图像的透明度13、键换行和组合键换行的区别是（A） A、键换行的行距较大，组合键换行的行距较小 B、键换行的行距较小，组合键换行

6、的行距较大 C、键可以换行，组合键不能换行 D、键不能换行，组合键可以换行14、在网页中最为常用的两种图像格式是（A） A、JPEG和GIF B、JPEG和PSD C、GIF和BMP D、BMP和PSD15、在表格中按（C）可以将光标移动到上一个单元格中。 A、键 B、键 C、组合键 D、组合键16、如果将某个单元格的背景颜色设置为蓝色，然后将整个表格的背景颜色设置为黄色，则单元格的背景颜色为（A） A、蓝色 B、黄色 C、绿色 D、红色17、在表格的最后一行按（A）键，会自动在表格中添加一行。 A、 B、 C、 D、18、要指定表格单元中的内容与表格单元格边框之间的空间大小，需要设置表格“属

7、性”面板中的（A） A、单元格填充 B、单元格间距 C、宽度 D、边框19、要指定表格内单元格之间的间距大小，需要设置表格“属性”面板中的（B） A、单元格填充 B、单元格间距 C、宽度 D、边框20、在表格“属性”面板中，可以（D） A、消除列的宽度 B、将列的宽度由像素转换为百分比 C、设置单元格的背景色 D、将行的宽度由像素转换为百分比21、合并单元格的组合键为（B） A、 B、 C、 D、22、拆分单元格的组合键为（B） A、 B、 C、 D、23、下列说法正确的是（A） A、单元格格式设置优于行格式设置 B、表格格式设置优于单元格格式设置 C、行格式设置优于单元格格式设置 D、表格格

8、式设置优于行格式设置24、下列说法错误的是（B） A、当调整整个表格的大小时，表格中的所有单元格按比例更改大小 B、如果表格的单元格指定了明确的宽度或高度，则调整表格大小时不更改这些单元格的 宽度和高度 C、表格的宽度可以在像素和百分比之间互相转换，而高度不能转换 D、只要说选择部分的单元格形成一行或一个矩形，就可以将其合并25、一框架集包含3个框架，其中一个框架的网页中设置超链接，则超链接的目标选项有（D） A、4 B、5 C、6 D、726、在框架“属性”面板中，不能定义（C） A、是否有边框 B、边框的颜色 C、边框的宽度 D、源文件27、在框架集“属性”面板中，不能定义（D） A、是否

9、有边框 B、边框的颜色 C、边框的宽度 D、源文件28、一个包含4个框架的框架集对应着（C）网页文件 A、3 B、4 C、5 D、629、Spry菜单栏的列表类型有：项目列表、编号列表、目录列表和（A） A、菜单列表 B、文件列表 C、选择列表 D、重叠列表30、Spry选项卡式面板的作用是（D） A、用来隐藏内容 B、提供交互的功能 C、用来显示图像 D、用来将内容存储到紧凑空间中，浏览者可通过单击他们要访问的面板上的选项卡来隐藏或显示存储在选项卡式面板中的内容31、关于Spry可折叠面板，下列说法正确的是（A）A、用户单击构建的选项卡即可隐藏或显示在存储在可折叠面板中的内容B、能提供交互功

10、能 C、显示内容 D、隐藏内容32、在Dreamweaver CS4表单中，（C）不是文本域的类型。 A、单行 B、多行 C、普通 D、密码33、在Dreamweaver CS4表单中，关于文本域说法错误的是（D） A、密码文本域输入值后显示为“*” B、多行文本域不能进行最大字符数设置 C、密码文本和单行文本域一样，都可以进行最大字符数的设置 D、多行文本域的行数设定以后，输入内容将不能超过设定的行数。34、在Dreamweaver CS4中设计表单时，对于用户输入的照片，应使用的表单元素是（D） A、单选按钮 B、多行文本域 C、图像域 D、文件域35、在Dreamweaver CS4中设

11、计表单时，“你的意见”应使用的表单元素是（B） A、单选按钮 B、多行文本域 C、图像域 D、文件域36、在Dreamweaver CS4中设计表单时，要求用户名不能超过14个字符（7个汉字），应设置文本域是（B） A、将文本域的字符宽度设置为14 B、讲文本域的最大字符宽度设置为14 C、将文本域的初始值设置为14个字符 D、文件域将文本域的名称设置为14个字符37、在Dreamweaver CS4中设计表单时，要插入跳转菜单，且不作任何改动，则“属性”面板中“初始化时选定”的默认值是（A） A、项目1 B、菜单1 C、跳转1 D、空白38、下列不符合Spry验证文本域的类型的是（D） P1

12、30 A、整数 B、电子邮件地址 C、社会安全号码 D、图像39、下列关于Spry验证密码说法中，错误的是（B） A、可以设置最大字母数和最小字母数 B、可以设置最大小写字母数和最小小写字母数 C、可以设置最大数字数和最小数字数 D、可以设置最大特殊字符数和最小特殊字符数30、CSS常驻留在文档的（A）区域中 A、head B、body C、table D、font31、创建自定义CSS样式时，样式名称的前面必须加一个（C） A、$ B、# C、 D、?32、如果一个元素外层套用了CSS，内层套用了HTML样式，起作用的是（B） A、CSS样式 B、HTML样式 C、两种样式的混合效果 D、冲

13、突，不能同时套用33、在Dreamweaver CS中可以使用ID定义样式。要将一个ID样式包括在样式定义中，应使用（B）符合作为ID名称的前缀。 A、$ B、# C、 D、?34、如果让不同的页面具有相同的页面布局，那么最好使用的技术是（B） A、库 B、模板 C、库或模板均可 D、每个页面单独设计35、模板文件的扩展名为（C） A、.lbi B、.html C、.dwt D、.aspx36、模板文件被保存在站点根目录下的（B）文件夹下。 A、library B、templates C、Dreamweaver D、css37、库的扩展名为（A） A、.lbi B、.html C、.dwt D

14、、.aspx38、在模板中不能定义的模板区域类型类型有（D） A、可编辑区域 B、重复区域 C、可选区域 D、锁定区域39、库被保存在站点根目录下的（A）文件下。 A、library B、templates C、Dreamweaver D、css40、不适合做库项目的元素有（A） A、网站更新日期 B、企业标志 C、导航栏 D、版权标志41、在模板中，Dreamweaver CS4自动建立的是（D） A、可编辑区域 B、重复区域 C、可选区域 D、锁定区域42、纯粹使用标签而不加任何CSS内容，其效果与（B）是一样的。 A、 B、 C、 D、43、当Div1嵌套Div2时，删除Div1时，Di

15、v2（C） A、不会删除 B、阻止Div1删除 C、会删除 D、删除一部分44、关于Div和CSS，下列哪一个说法是错误的（C） A、和其他布局方式一样 B、Div和CSS布局可将结构和表现分离 C、比其他布局方式复杂 D、基本不用，已淘汰45、下列关于Div和AP Div的说法正确的是（D） A、Div和AP Div没有关系 B、Div和AP Div属性相同 C、Div和AP Div作用相同 D、AP Div是使用了CSS中的绝对定位属性的Div标签46、下列说法正确的是（D） A、AP Div 的Z轴越小，叠放位置就越靠近顶部 B、AP Div的Z轴越大，叠放位置就越靠近底部 C、所有AP

16、 Div的Z轴值不能重复 D、AP Div的Z轴值可以相同47、AP Div不能插入的元素是（B） A、AP Div B、框架 C、表格 D、表单及各种表单对象48、在网页HTML的源代码中，（A）标签是必不可少的。 A、 B、 C、 D、49、HTML的标签类型有（C）种。 A、2 B、3 C、4 D、550、标签必须包含在（B）标签中。 A、 B、 C、 D、51、在网页的源代码中，表示段落的标签是（A） A、 B、 C、 D、52、设置页面背景色的属性是（B） A、background B、bgcolor C、text D、link53、设置页面背景图片的属性是（A） A、backgro

17、und B、bgcolor C、text D、link54、文本缩进标签是（D） A、 B、 C、 D、55、无序列表的标签是（C） A、 B、 C、 D、56、有序列表的标签是（A） A、 B、 C、 D、57、链接标签的链接属性是（B） A、name B、href C、color D、align58、表单标签是（D） A、 B、 C、 D、59、当鼠标停留在超链接上时会出现（C）属性定义的文字。 A、table B、href C、alt D、word60、JavaScript脚本标记符是（C） A、 B、 C、 D、61、生成JavaScript变量，使用（B）关键字。 A、dim B、v

18、ar C、type D、const62、浏览网页时，当网页被显示时会触发（D）事件。 A、Aonclick B、onUnload C、onReaset D、onLoad63、Window对象有多个方法，其中用于显示提示信息对话框的是（A） A、Alert（） B、confirm（） C、prompt（） D、open（）64、JavaScript脚本文件的扩展名是（A）A、.js B、.jr C、.jt D、.jk65、关于行为，下列说法不正确的是（C）A、行为是一种运行在浏览器中的JavaScript代码B、行为是由事件和该事件触发的动作组成 C、行为是一种静态的功能D、通过行为可以轻松地制

19、作出一些特效66、展开“行为”面板的快捷键（B） A、Shift+F10 B、Shift+F4 C、Shift+F2 D、Alt+F867、（C）属性为单击鼠标事件。 A、onKeyDown B、onKouseDown C、onClick D、onDblClick68、关于网页的多媒体，下列说法不正确的是（D） p147 A、多媒体可以丰富网页的效果 B、可以插入的多媒体有flash动画，FLV（FLASH VIDEO）流媒体视频 C、可以插入的多媒体有Shockwave影片、Java applet、Active X控件、声音 D、可以插入任意种类的多媒体3、简答题（其他重点） 5*31、 网

20、站的开发流程。第一阶段规划和准备阶段，主要工作内容包括：1） 需求分析，决定网站的主题、风格2） 收集资料，准备素材并进行整理修改3） 规划网站结构和页面形式第二阶段网页设计和制作阶段，主要工作内容包括：1） 网站总体设计2） 设计界面、制作网站中的各个网页。3） 将各个网页通过超链接进行整合。第三阶段网站的发布、推广和维护阶段，主要工作内容包括：1） 测试、调试与完善网站。2） 发布与推广网站3） 维护和更新网站2、 规划网站的链接结构常用的网站链接结构有以下两周基本形式：树状链接结构：首页链接指向一级页面，一级页面链接指向二级页面。网状链接结构：每个页面之间都建立了链接，浏览方便，但裂解太

21、多，容易造成混乱。3、 网页版面布局设计常见的布局结构有“同”字形布局：整个页面布局类似“同”字，页面顶部是主导航栏，下面左右两侧是二级导航条、登录区、搜索区等。“国”字形布局：由“同”字形布局演化而来，保留了“同”字形结构，并在页面的下方增加一个横条状的菜单或广告。“匡”字形布局：这种布局结构去掉了“国”字形布局右边的边框部分，给主内容区释放了更多的空间。“三”字形布局：一般应用在简洁明快的艺术性网页布局。这种布局一般采用简单的图片和线条代替拥挤的文字，给浏览者以强烈的视觉冲击。“川”字形布局：整个页面在垂直方向分为3列，网站的内容按栏目分布在这3列中，最大限度地突出主业的索引功能，一般适用

22、于栏目较多的网站。4、 网页页面布局实现的三种方法：表格：是现代网页制作的一个重要组成部分，是最常用页面布局元素之一。框架：框架可以把浏览器窗口划分为若干个区域，每个区域可以分别显示不容的网页。Spry布局：以可视方式的设计、开发和部署动态用户界面。Div和AP Div：用来在页面中定义一个区域，使用CSS控制Div元素的表现效果。Div和AP Div的唯一区别，AP Div使用了CSS中的绝对定位属性的Div标签。5、 建立图片文本电子邮件超链接的格式：在图片的“链接”属性中，输入“mailto:邮件地址”6、 表单按钮是用来控制整个表单的操作，如可用表单按钮将输入表单的额数据提交到服务器中

23、，也可以重置表单，还可以将其他已经在脚本定义的动作分配给按钮。7、 JavaScript的基本特点1） JavaScript是一种脚本语言，采用小程序段的方式实现编程。2） JavaScript是一种基于对象的语言，同时也可看做是一种面向对象的语言。3） JavaScript具有简单性，是基于java基本语句和控制流之上的简单而紧凑的设计。4） JavaScript具有安全性，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失。5） JavaScript具有动态性，它可以直接对用户或客户输入作出响应

24、，无须经过web服务程序。6） JavaScript具有跨平台性，它依赖于浏览器本身，与操作环境无关，只能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。8、 JavaScript的事件JavaScript通过对事件进行相应来获得与用户的交互。事件就是用户与web页面交互时产生的操作，当用户进行单击按钮等操作时，即产生了一个事件，需要浏览器进行处理。浏览器响应事件并进行处理的过程称为事件处理。四、代码分析 5+5+5+101、 生成普通文本和标签 document.write(Hello World!) 2、head部分function message()alert(该提示

25、框是通过 onload 事件调用的。) 3、If.else 语句var d = new Date()var time = d.getHours()if (time 10) document.write(早安)elsedocument.write(祝您愉快)本例演示 If.Else 语句。如果浏览器时间小于 10，那么会向您问“早安”，否则会向您问候“祝您愉快”。 4、QQ竞拍JavaScript基本语法 显示的标题是“QQ竞拍”。实现的效果：当输入竞拍价格旁边的文本框数字，并输入购买数量旁边的文本框数字后，点击“计算看看”按钮，网页自动按照公式“预计总价=竞拍价格*购买数量”计算出预计总价，并显示在预计总价旁边的文本框中。举例：输入购买数量为10，竞拍价格为5，则自动计算出预计总价为50。