网页设计与制作

Web考点一、判断、单选（20*2’）、填空1、Window对象表示一个浏览器窗口或一个框架，在JavaScript中，Window对象是全局对象，所有的表达式都在的那个齐纳的环境中计算。

就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来声明。

例如，可以只写document 和alert，不必写成window.document和window.alert（）。

2、Document对象每个载入浏览器的HTML文档都会成为Document对象。

Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。

提示：Document对象是Window对象的一部分，可通过window.document属性对其进行访问。

又代表了整个HTML文档，可以来访问网页中的页面中的所有元素。

Document.childNodes 包含着document.documentElement3、JavaScript不可以增加类型（弱类型）。

C#是强类型语言，声明变量要指定类型。

4、Html.CSS.DOM标准是由指定的。

JavaScript标准是由Ecma制定的。

C#、由微软制定的。

5、Hypertext transport protocol——HTTP协议。

超文本传送协议，是万维网（world wide web）交换信息的基础。

它允许将超文本标记语言（HTML）文档从Web服务器传送到Web浏览器。

HTTP允许输入任意类型的数据对象。

正在传输的类型由Content-Type加以标记。

6、相对路径（Relative Path）(1)如何表示同级目录的文件2.html和3.html在同一个文件下，如果2.html链接到3.html，可以在2.html中这样写：<a href=＂3.html＂>同目录下文件间互相链接</a>；../代表一级上级目录路（间隔一个目录） ../../代表二级上级目录（间隔两个目录），比如4，html链接到1.html，可以在4，html中这样写：<a href=＂../../1.html＂>链接到上级目录的上级目录中的文件</a>。

(2)如何表示下级目录文件2.html和3.html是1.html的下级目录中的文件，如果在1.html中链接到2.html，可以在1.html中这样写：<a href=＂first/2.html＂>链接到下级目录（first）中的文件</a>；如果在 1.html中链接到 4.html，可以在 1.html中这样写：<a href=＂first/second/4.html＂>链接到下级目录（first/second）中的文件</a>。

7、绝对路径（Absolute Path）(1)绝对路径就是带有网址的路径，比如你有一个域名和一个网站空间，上面的四个文件就可以这么表示：<a href=＂/exe/1.html＂>链接到1.html</a><a href=＂/exe/first/2.html＂>链接到2.html</a><a href=＂/exe/first/3.html＂>链接到3.html</a><a href=＂/exe/first/second/4.html＂>链接到4.html</a>(2)根目录使用根目录的方式表示的路径和绝对路径的表示方式相似，去掉前面的域名即可。

如：<a href=＂/exe/1.html＂>链接到1.html</a><a href=＂/exe/first/2.html＂>链接到2.html</a>提示：使用根目录和绝对目录的好处是表示路径比较简单，都是从网站的最开始目录里查找，一级一级的向下查。

确定是程序不容易移植（比如把网站作为另一个网站的一个栏目，移动到一个新的文件夹中就不行了。

）8、Target=“-blank”；在新的浏览器中打开。

9、页内链接通常被用于篇幅很大的文档的开头创建“目录”——文档中的每一节被给与一个书签标记，而文档的顶部放置链向这些书签标记的页内链接。

书签标记语法：<a name=＂label＂>any content</a>转向一个书签标记语法：<a href=＂#label＂>link text</a><a href=＂#C1＂>see charter 1 </a><h2>charter 1 </h2><p>this charter discusses ……</p>11、<br>强制换行<nobr>······</nobr>强制不换行12、表单元素：文本框（text）、密码框（password）、单选框（radio）、复选框（checkbox）、列表框（select）、按钮（button）、多行文本框（textareaa）<input>元素的属性：type、name、value、size、maxlength、cheked。

13、用于显示特殊字符的字符实体：&nbsp（空格） &gt（大于） &lt（小于） &quto（引号） &copy（版权号）14、预格式文件<pre>标签：用于预先显示在html代码中已定义好的文本pre标记（pre-formatted的简写），回车、换行、空格会显示出来。

二、名词解释1、DOM：文件对象模型（Document Object Model），是HTML文档对象模型定义的一套标准方法，用来访问和操纵HTML文档。

2、URL：统一资源定位符（URL）是用于完整的描述Internet上网页和其他资源的地址的一种标识方法。

3、B/S结构：（Browser/Server，浏览器/服务器模式）是Web兴起后的一种网络结构模式，Web浏览器是客户端最主要的应用软件。

（P12）4、AJAX：是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

5、：是一种使嵌入网页中的脚本可由因特网服务器执行的服务器端脚本技术。

6、HTTP：一种详细规定了浏览器和万维网服务器之间互相通信的规则，通过因特网传送万维网文档的数据传送协议三、问答1、HTML selectorHTML selector 就是HTML的tags，比如p、div、td 等。

如你用CSS来定义它们，在整页中，这个tag的性质就按照你的定义来显示了。

语法如下：tag{ property:value }例如我们想叫H1的颜色是红色的，那么 H1{color:red}CSS的一个特点，它可以定义好几个selector在一个rule里，如：H1，H2，TD{color:red}这个定义能让所有的H1、H2和TD的颜色都为红色。

2、Class selectorClass selector有两种：（1）相关class selector，它跟一个HTML的tag有关系。

语法为：tag.ClassName{property：value}比如我们想叫一些而不是全部H2的颜色是红色，那么<style>H2.redone{color:red}</style><H2>This is H2</H2><H2 class=redone>This is H2</H2>This is H2This is red H2（2）独立class selector，它可以被任何HTML tag所应用。

语法为： .ClassName{property：value}假如我们有以下定义：.blueone{color:blue}那么我们可以把它应用到不同的Tag当中去。

比如：<style>.blueone{color:blue}</style><H2 class=”blueone”>Blue H2</H2><p class=”blueone”>Blue paragraph</p>Blue H2Blue paragraph显然class selector给了我们更多的自由。

3、ID selectorID selector其实跟独立class selector的功能一样。

而区别在于它们的语法和用法不同，以及对于Javascript操纵HTML元素有帮助。

它的语法如下：#IDname{property:value}假如我们有下面的定义:#yellowone{color:yellow}我们可以运用这个定义到任何的有同样ID名字的tag，比如：<style>#redone{color:red}</style><p ID=”redone”>text here</p>Text here4、CSS selectorCSS常用属性：（font）大小font-size：x-large(特大)；xx-small(极小)；一般中文用不到，只要用数值就可以，单位：PX、PD样式font-style:oblique(偏斜体);italic(斜体);normal（正常）行高line-height：normal（正常）；单位：PX、PD、EM粗细font-weight：bold（粗体）；lighter（细体）；normal（正常）变体font-variant：small-caps（小型大写字母）；normal（正常）大小写text-transform：capitalize（首字母大写）；uppercase（大写）；lowercase （小写）；none（无）修饰text-decoration:underline(下划线)；overline(上划线)；line-through(删除线)；blink(闪烁)常用字体：（font-family）Courrier New,Courier,monospace,Times New Roman,Times,serif,Arial,Helvetica,sans-serif,Verdana.背景属性：（background）色彩 background-color:#FFFFFF;图片：background-image:url();重复:background-repeat:no-repeat;滚动：background-attachment:fixed(固定);scroll（滚动）;位置;background-position:left(水平);top（垂直）;简写方法:background:#000 url(…)repeat fixed left top;区块属性：（Block）字间距letter-spacing:normal;数值对齐 text-align:justify(两端对齐)；left(左对齐)；right(右对齐)；center(居中)；缩进text-indent:数值px垂直对齐vertical-align:baseline(基线)；sub(下标)；super(上标)；top;text-top;middle;bottom’text-bottom词间距word-spacing:normal;数值空格white-space:pre(保留)；nowrap(不换行)显示display:block(块)；inline(内嵌)；list-item(列表项)；run-in(追加部分)；compact(紧凑)；marker(标记)；Table;inline-table;table-raw-group;table-header-group;table-footer-group;ta ble-column-group;table-column;table-cell;table-caption;(表格标题)方框属性：（Box）Width:;height:;float:;clear:;both:;margin:;padding:; 顺序：上右下左边框属性：（Border）Border-style:dotted;(点线)dashed(虚线)；solid;double(双线)；groove(槽线)；ridge(脊状)；inset;(凹陷)outset;Border-width:;边框宽度 border-color:#....;边框颜色简写方法：border:width style color;列表属性：（List-style）类型list-style-type:disc;(圆点) circle；（圆圈） square（方块）；decimal（数字）；lower-Roman；（小罗码数字） upper-roman;lower-alpha; upper-alpha;位置list-style-poaition:outside; inside;图像：list-style-image:url(..);定位属性：（Position）Position: absolute; releative; static;Visibility: inherit; visible; hidden;Overflow: visible; hidden; scroll;auto;Clip: rect(12px,auto,12px,auto)(裁切)数据类型1、undefined类型只有一个值，即underined。