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

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、标签一般用来定义页面信息的名称、关键

3、字和作者等。17、列表标签分为 无序列表和有序列表。格式分别为、 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、下列说法中，正确的是（

4、D）A、动态网页使用应用程序解释器，但不适用后台数据库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、

5、Ctrl+F9、下面的颜色中， （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、行格式设置优于单元格格式设置

8、 D、表格格式设置优于行格式设置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、在 Dream

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

12、白38、下列不符合 Spry 验证文本域的类型的是（D） P130A、整数 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 样式，起作用的是

13、（B）A、CSS 样式 B、HTML 样式 C、两种样式的混合效果 D、冲突，不能同时套用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

14、 D、css37、库的扩展名为（A）A、.lbi B、.html C、.dwt D、.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）是一

15、样的。A、 B、 C、 D、43、当 Div1 嵌套 Div2 时，删除 Div1 时，Div2（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、

16、下列说法正确的是（D）A、AP Div 的 Z 轴越小，叠放位置就越靠近顶部 B、AP Div 的 Z 轴越大，叠放位置就越靠近底部 C、所有 AP 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

17、、52、设置页面背景色的属性是（B）A、background B、bgcolor C、text D、link53、设置页面背景图片的属性是（A）A、background 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、

18、word60、JavaScript 脚本标记符是（C）A、 B、 C、 D、61、生成 JavaScript 变量，使用（B）关键字。A、dim B、var 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、关于行为，下列说法

19、不正确的是（C）A、行为是一种运行在浏览器中的 JavaScript 代码B、行为是由事件和该事件触发的动作组成 C、行为是一种静态的功能D、通过行为可以轻松地制作出一些特效66、展开“行为”面板的快捷键（B）A、Shift+F10 B、Shift+F4 C、Shift+F2 D、Alt+F867、 （C）属性为单击鼠标事件。A、onKeyDown B、onKouseDown C、onClick D、onDblClick68、关于网页的多媒体，下列说法不正确的是（D） p147A、多媒体可以丰富网页的效果B、可以插入的多媒体有 flash 动画，FLV（FLASH VIDEO）流媒体视频C、可

20、以插入的多媒体有 Shockwave 影片、Java applet、Active X 控件、声音D、可以插入任意种类的多媒体3、简答题（其他重点） 5*31、 网站的开发流程。第一阶段规划和准备阶段，主要工作内容包括：1） 需求分析，决定网站的主题、风格2） 收集资料，准备素材并进行整理修改3） 规划网站结构和页面形式第二阶段网页设计和制作阶段，主要工作内容包括：1） 网站总体设计2） 设计界面、制作网站中的各个网页。3） 将各个网页通过超链接进行整合。第三阶段网站的发布、推广和维护阶段，主要工作内容包括：1） 测试、调试与完善网站。2） 发布与推广网站3） 维护和更新网站2、 规划网站的链接

21、结构常用的网站链接结构有以下两周基本形式：树状链接结构：首页链接指向一级页面，一级页面链接指向二级页面。网状链接结构：每个页面之间都建立了链接，浏览方便，但裂解太多，容易造成混乱。3、 网页版面布局设计常见的布局结构有“同”字形布局：整个页面布局类似“同”字，页面顶部是主导航栏，下面左右两侧是二级导航条、登录区、搜索区等。“国”字形布局：由“同”字形布局演化而来，保留了“同”字形结构，并在页面的下方增加一个横条状的菜单或广告。“匡”字形布局：这种布局结构去掉了“国”字形布局右边的边框部分，给主内容区释放了更多的空间。“三”字形布局：一般应用在简洁明快的艺术性网页布局。这种布局一般采用简单的图片

22、和线条代替拥挤的文字，给浏览者以强烈的视觉冲击。“川”字形布局：整个页面在垂直方向分为 3 列，网站的内容按栏目分布在这 3 列中，最大限度地突出主业的索引功能，一般适用于栏目较多的网站。4、 网页页面布局实现的三种方法：表格：是现代网页制作的一个重要组成部分，是最常用页面布局元素之一。框架：框架可以把浏览器窗口划分为若干个区域，每个区域可以分别显示不容的网页。Spry 布局：以可视方式的设计、开发和部署动态用户界面。Div 和 AP Div：用来在页面中定义一个区域，使用 CSS 控制 Div 元素的表现效果。Div 和 AP Div 的唯一区别，AP Div 使用了 CSS 中的绝对定位属

23、性的 Div 标签。5、 建立图片文本电子邮件超链接的格式：在图片的“链接”属性中，输入“ mailto:邮件地址”6、 表单按钮是用来控制整个表单的操作，如可用表单按钮将输入表单的额数据提交到服务器中，也可以重置表单，还可以将其他已经在脚本定义的动作分配给按钮。7、 JavaScript 的基本特点1） JavaScript 是一种脚本语言，采用小程序段的方式实现编程。2） JavaScript 是一种基于对象的语言，同时也可看做是一种面向对象的语言。3） JavaScript 具有简单性，是基于 java 基本语句和控制流之上的简单而紧凑的设计。4） JavaScript 具有安全性，它不

24、允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失。5） JavaScript 具有动态性，它可以直接对用户或客户输入作出响应，无须经过 web 服务程序。6） JavaScript 具有跨平台性，它依赖于浏览器本身，与操作环境无关，只能运行浏览器的计算机，并支持 JavaScript 的浏览器就可正确执行。8、 JavaScript 的事件JavaScript 通过对事件进行相应来获得与用户的交互。事件就是用户与 web 页面交互时产生的操作，当用户进行单击按钮等操作时，即产生了一个事件，需要浏览器进行处理。浏览器响应事件并进行处理的过程称为事件处理。四、代码分析 5+5+5+101、 生成普通文本和标签 document.write(“Hello World!“)2、head 部分