04《网页设计与制作》复习资料

来源：互联网发布：龙腾软件编辑：程序博客网时间：2024/05/02 04:52

《网页设计与制作》(Dreamweaver)复习资料（小钱版）

―― 2012.12.27

声明：

本复习资料仅根据复习大纲，于互联网或教科书上搜集整理所得，不保证答案100%准确，仅供参考使用。

I.选择、填空、判断题（教科书课后习题）

第01章

一。选择题：

1.HTML指的是：超文本标记语言（Hyper Text Markup Language）.

2.JavaScript是由　网景公司（Netscape）　开发的脚本语言。

3.下面哪种技术能使网页具有交互性与动态性：JavaScript.

4.下面哪个是Web标准的制定者：W3C.

二。判断题：

1.万维网是Internet上那些支持WWW协议和超文本传输协议HTTP的客户机与服务器的集合，通过它可以存取世界各地的超媒体文件，内容包括文字、图形、声音、动画、资料库，以及各式各样的软件。

1.(Y)

2.因特网服务的类型中，最流行的类型是news(Usenet新闻组)

2.（N）最流行的是http~

3.CSS能够使网页具有良好的交互性与动态性，它使页面的字体变得更漂亮，更容易编排。

3.（N）动态性，显然错。

4.使用Dreamweaver页面编辑工具，可以对页面进行“所见即所得”的设计。

4.（Y）

三。填空题：

1.万维网的核心部分由URL、HTTP及HTML这3个标准构成。

2.URL的全称是：统一资源定位符（URL，UniversalResource Locator）

3.因特网服务的类型中，最流行的类型是http.

4.专业网页编辑工具有EditPlus、Dreamweaver.

第02章(注，后面内容某些简单题直接忽略)

一。选择题：

1.下面哪个属于meta元素的属性：name, content, http-equiv.

(这题不用记，直接打开Dreamweaver，建个meta标签，打个空格，都能看见答案啦)

2.果断忽略。（head标签作用考察）

3.再忽略。（标签的嵌套）

二。判断题：

1.下面的HTML文档类型属于框架性文档：

<! DOCTYPE html PUBLIC “-//W3C//DTD HTML4.01 Transitional//EN” http://www.w3.org/TR/html4/strict.dtd>

1.(N)不用看那么长的一串东西，判断标准见下划线部分，某某某点dtd：

strict.dtd 严格型 HTML4.01 DTD文档

loose.dtd 过渡型HTML4.01DTD文档

frameset.dtd 框架型HTML4.01 DTD文档

2.<body>标签的bgcolor用于设置页面的背景图片。

2.(N)看见color就明显改color的了，错。

三。填空题：

1.一个HTML4.01的文档结构包括DOCTYPE声明定义文档类型、HTML头元素信息、HTML正文信息这3部分。

2.在HTML4.01中提供了严格型、过渡型、框架型　这3种DTD文档。

第03章 (下面的题目考点从课后选择判断填空中抽取出来)

1. <hr>分割线

2. <b>粗体。

3. <i>斜体。

4.在HTML中，标题共分六个级别。

5.设置一条10个像素的水平线，应使用的HTML语句是<hr size=”10px”>.

第04章

1.列表主要存在形式分为：有序列表 <ol>、　无序列表 <ul>、　嵌套列表、定义列表 <dl>。

2.列表项<li>标签的value属性，可以改变当前列表项的编号大小，并会影响其后所有列表项的编号大小。

3.列表嵌套可以有序列表和无序列表相互嵌套。

第05章

1.图片映射分为两种，一种为客户端图片映射，另一种为服务端图片映射。

第06章

1.在新窗口打开链接：<a href=http://www.hi.com” target=”x”>yyy</a>

target=”_blank”链接内容在新窗口打开

target=”_self” 链接内容在当前的窗口(frame)打开

target=”_parent” 链接内容在父级框架集中打开

target=”_top” 在当前的窗口主体打开

2.在HTML中，超链接方式通常可以分为绝对链接、相对链接。

第07章

1.设置列框架，　<frameset cols=”xx, *”></frameset>　行框架，　<frameset rows=”*, *”></frame>

2.使用iframe，网页的设计者可以在HTML页面的任何地方插入一个内嵌框架。

3.框架中可以使用frame标签的noresize属性来禁止用户调整框架尺寸。

4.可以通过frame标签frameborder属性指定是否显示框架边界，也可以指定边界宽度。

5.设置框架边距使用marginwidth和marginheight属性。

第08章

1. <table>中<td>列，　<tr>行。

2.设置单元格之间的宽度属性是cellspacing,单元格间的距离的属性是　cellpadding.

3.使用caption标签可为每个表格指定唯一的标题。一般情况下标题会出现在表格的上方。

第09章

一。选判填三题主要考点：

1.产生复选框　<input type=”checkbox”/>

2.产生文本框　<input type=”text” />

3.产生文本区 <textarea> </textarea>

4.默认选中复选框　<input type="checkbox" checked="checked"/>

5. method属性的取值可以为　post和get.

6.表单用于指定表单处理程序的属性是action, 用于指定处理方式的属性是method.

7.下拉框<select name=”haha”> <option value=”first”></option></select>

第10章

1. <marquee>标签的作用：设置滚动的文字。

2.嵌入背景音乐：<bgsound url=# >

3.指定滚动字幕时，允许在其中嵌入图像。

4.在网页中插入flash动画，通常需要使用object标记符。

5.要为网页添加背景音乐，应使用bgsound标记符。

6.使用width和height属性设置滚动文字字幕区域大小，在默认情况下，滚动文字字幕区域为整个IE浏览器屏幕。

第11章

1. CSS指的是Cascading Style Sheets.

2.引用外部样式表的方法 <link rel=”stylesheet” type=”text/css”href=”mystyle.css”>

3.在HTML文档中，引用外部样式表的正确位置是<head>部分。

4.<style>是用于定义内部样式表的。

5. CSS规则由选择器（selector）、属性（property）和值（value）组成。

6. CSS按其位置不同主要分为以下3种类型行内样式表、内部样式表、外部样式表。

7.伪类由选择器（selector）、伪类（pseudo-class）、属性（property）和值（value）组成。

第12章

1.padding属性不能使用负值。

2.要使网页中所有的超链接都不显示下划线，样式表项应为a{text-decoration:none;}

3.要定义鼠标悬停状态的样式，应使用的selector为a:hover.

第13章

1.可达到一种立体性的模糊效果的是Blur滤镜。

2.能将对象内容的指定颜色显示为镂空的是Chroma滤镜。

3.可以为对象边缘外侧添加光晕，使其呈现发光效果的滤镜是Glow滤镜。

4. Invert滤镜用于翻转对象的可视化属性，也就是翻转效果。可视化属性包括色彩、饱和度和亮度值等。

5.如果使对象反映出它的轮廓并把这些轮廓加亮，则使用的滤镜是Xray滤镜。

第14章

1.<script> 标签可以放置JavaScript代码。

2.引用名为”xxx.js”的外部脚本的正确语法是：<script src=”xxx.js”>

3. JavaScript中四舍五入的函数方法Math.round(floatNum).

II.简答题：

1.网页制作中有哪几种样式设置

(1)行内样式表：

设置方法：直接在要设置样式的各标记元素中修改style属性;

优点：直观、方便;

缺点：不易于维护和修改;

适用于：网页中个别需要修改的元素的样式定义;

(2)内部样式表：

设置方法：在HTML文档的<head></head>之间添加<style></style>定义，<style></style>部分是所有需要设置样式的元素的属性定义。

优点：对所在网页有效，对当前页面内的所有元素的样式修改、维护比较方便;

缺点：不利于多个网页维护。

适用于：单独网页的样式定义。

(3)外部样式表：

设置方法：把所有样式定义放在一个独立的文件中，凡是需要使用该文件中规定样式的网页，只要在其<head>与</head>之间添加一个对该样式

链接：<link type='text/css'href='MyStyle1.css' rel='Stylesheet' />即可;

适用于：需要统一显示样式的网站建设。

2. CSS中类和ID选择器的使用、不同点

W3C标准：在同一个页面内，不允许有相同名字的id对象出现，但是允许相同名字的class。

3. CSS盒子模型

“盒子模型”指网页中的一个区块

盒子模型的组成部分：content (内容)、padding(间隙)、border(边框)、margin(间隔)。

盒子模型的高度（即相框模型的宽度）= content+padding+border+margin;

4.锚链接

锚链接实际上就是链接文本，又叫锚文本。可以理解为：带有文本的超链接，就叫锚链接。锚文本可以作为文本链接所在的页面的内容的评估。

5. Javascript变量的定义

1)变量的命名规则：

1.只能由字母、数字和下划线三种字符组成，第一个字符必非数字。

2.变量名对大小写敏感。

2)变量的声明：

1.单个单个声明：var变量名1; var变量名2;

2.多个变量同时声明：var变量名3,变量名4,变量名5;

3)变量的赋值（定义）：

1.声明后的定义:

变量名1=”字符串”; //定义字符串格式的变量

变量名2=数字; //定义数字类型

变量名3=true; //定义bool类型

2.声明时定义

var变量名6=”字符串”,变量名7=数字，变量名8=true;

6.函数的定义

无参函数： Function函数名(){/*函数体代码 */}

有参函数：　 Function函数名(var x, var y, var z… varn) {/*函数体代码 */}

7.常用函数的使用（日期类、字符串类）

定义日期：var myDate=new Date();

设定日期：myDate.setFullYear(2012,12,12);

myDate.setDate(myDate.getDate()+5); //五天后的日期

定义字符串：var txt= new String("Hello world!");

使用字符串长度属性：document.write(txt.length);

使用字符串函数方法：document.write(txt.toUpperCase());

8.三种对话框的使用

1.警告对话框：　 alert(“警告对话框”);

2.创建信息提示对话框：　　prompt(“信息提示对话框”,“默认值”);

3.创建确认对话框：　　　　confirm("Halo:确认对话框");

III.编程题：

1.“框架”的代码演示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<title>框架测试网页</title>

</head>

<frameset cols="30%, 70%"rows="20%, 80%">

<frame name="myPage"src="haha.html" />

<frame name="mySecPage"src="NoNo.html"/>

<framesrc="http://www.baidu.com" />

<framesrc="http://www.hao123.com/" />

<noframes>

<body>

Error: This page uses frames.

</body>

</noframes>

</frameset>

</html>

温馨提示：

可能还会考察边框left或 right中target与两种name标签的配合使用。书本P90.

下面简要提提关键点：

Index.html <frame>标签中name与Left.html中的target对应。

Left.html <a>标签中超链接属性，与　content.html中 name对应。

Content.html

<h5> <aname=”S1”>Session 1 </a> </h5>

2.“表格”的代码演示

这是表格标题(右对齐效果)

</caption>

<tr>

</tr>

<tr>

<tdwidth="5"> </td>

<p>合并了两行两列</p>

<p>（第二行到第三行）</p>

<p>（第五行到第六行）</p>

</td>

</tr>

<tr>

</tr>

</table>

3.用户交互（接受用户的输入），简单代码演示

<body>

<scripttype="text/javascript">

functioninput(text){

text.value=2; //直接改变通过参数传过来的变量

}

</script>

</body>

4. CSS属性设置　及　Javascript编程。

0.汲及内容太多，略。

1.平时的积累。

2.善于用DreamWeaver工具的空格提示及图形界面的使用解决问题。

3.若能上网,W3CSchool.

CSS

边框、内外边距、字体、定位等

JavaScript

日期（年、月、日、小时等的获取与显示）;

用户输入验证、滚动文字、弹出式菜单的设计;

…