网页设计与制作.docx

1、网页设计与制作网页设计与编程课程复习要点1：URL有哪几部分组成URL的格式URL的格式由下列三部分组成： 第一部分是协议（或称为服务方式）； 第二部分是存有该资源的主机IP地址（有时也包括端口号）； 第三部分是主机资源的具体地址，如目录和文件名等。2：什么是虚拟目录？它有何用途？1、每个 Internet 服务可以从多个目录中发布。通过以通用命名约定 (UNC) 名、用户名及用于访问权限的密码指定目录，可将每个目录定位在本地驱动器或网络上。虚拟服务器可拥有一个宿主目录和任意数量的其它发布目录。其它发布目录称为虚拟目录。2、消除服务器资源的限制以便于上传更多的文件。 虚拟目录就是将其他目录以映

2、射的方式虚拟到该FTP服务器的主目录下，这样，一个FTP服务器的主目录实质上就可以包括很多不同盘符、不同路径的目录，而不会受到所在盘空间的限制了。优化用户浏览体验。虽然网站文件存放在不同目录，采用虚拟目录可以保证网站结构性一致，方便用户使用浏览。处理虚拟目录时，IIS把它作为主目录的一个子目录来对待；而对于Internet上的用户来说，访问时并感觉不到虚拟目录与站点中其他任何目录之间有什么区别，可以像访问其他目录一样来访问这一虚拟目录。保护站点免受攻击。客户通过选择“查看源代码”，很容易就能获取页面的文件路径信息，如果在 WEB 页中使用物理路径，将暴露有关站点目录的重要信息，这容易导致系统受

3、到攻击。当你将 WEB 页面放置于虚拟目录下后，你可以对目录设置不同的属性，如：Read、Excute、Script。读访问表示将目录内容从 IIS 传递到浏览器。而执行访问则可以使在该目录内执行可执行的文件。当你需要使用 ASP 时，就必须将你存放 .asp 文件的目录设置为“Excute（执行）”。在设置 WEB 站点时，将 HTML 文件同 ASP 文件分开放置在不同的目录下，然后将 HTML 子目录设置为“读”，将 ASP 子目录设置为“执行”，这不仅方便了对 WEB 的管理，而且最重要的提高了 ASP 程序的安全性，防止了程序内容被客户所访问。文件移动方便。只要两台机器具有相同的虚拟

4、目录，你就可以在不对页面代码做任何改动的情况下，将 WEB 页面从一台机器上移到另一台机器。3：如果浏览器IE6.0的配置被恶意网页篡改，如何修复？恢复IE默认设置：开始-运行-输入rundll32.exe iedkcs32.dll,Clear 注意C一定要大写,rundll32.exe与iedkcs32.dll之间有空格。4：网页头部可以包括哪些元素？1、DOCTYPE的选择DOCTYPE是Document Type（文档类型）的简写，在页面中，用来指定页面所使用的XHTML（或HTML）的版本。要想制作一个符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确

5、的DOCTYPE，XHTML里的标识和CSS才能正常生效。在XHTML1.0中有三种DTD（文档类型定义）声明可以选择：过渡的（Transsitional）、严格的（Strict）、和框架的（Frameset）。2、名字空间名字空间的英文是namespace,其含义就是通过一个网址指向来识别页面上的标签。在XHTML中使用的是xmlns（XHTML namespace的缩写），用来识别XHTML页面上的标签的网址指向是http:/www.w3.org/1999/xhtml关于名字空间定义的完整写法如下：当使用可视化网页开发工具（例DW等）新建文档时，选择适当格式的文档类型，DOCTYPE的声明

6、和名字空间的声明都会自动生成。3、编码 声明一种合适的编码语言，页面上的文本内容才能在浏览器中正常显示。编码语言声明的代码如下： 在这段代码中，声明编码语言的代码是charset=gb2312,gb2312是简体中文页面中常用的语言编码。当制作不同语种的页面时，要声明不同的语言编码。例如，英文中可以使用“ISO-8859-1”或者“UTF-8”等语言编码。 当使用可视化网页开发工具（例DW等）新建文档时，会自动生成一个编码语言。4、meta标签在制作一个XHTML文档头时，要大量使用meta标签。meta标签包括很多内容。4.1、关键字（keywords）关键字是为搜索引擎提供的关键字。4.2

7、、简介（description）简介用来为搜索引擎声明网站的主要内容。4.4、站点作者信息（author） 站点作者信息是为站点声明作者。4.5、站点版权信息（copyright） 站点版权信息为站点声明版权。5：网页主体可以包括哪些元素？文本、图像、声音、动画、整体造型、页面尺寸、页头、页脚6：HTML常用的标签和属性有哪些？各有什么用途？如何书写？课本p12-p237：矢量图形和位图图形的区别有哪些？课本p12-p23，位图又称光栅图，是由许多像素组成的图。矢量图是一种以数学描述的方式纪录图像内容的图像格式，一般以线条曲线色块为主。最大区别在于，前者放大会有损图片质量，后者无论放缩多少倍都

8、不会影响图片质量。8：Fireworks对图像重新取样时会不会造成图像品质的变化？为什么？重新取样将在您更改图像的像素大小或分辨率时更改图像数据的数量。当缩减像素取样（减少像素的数量）时，将从图像中删除一些信息。当向上重新取样（增加像素的数量或增加像素取样）时，将添加新的像素。可以指定插值方法来确定如何添加或删除像素。请记住，重新取样会导致图像品质下降。例如，将一个图像重新取样为更大的像素大小时，该图像会丢失某些细节和减小锐化程度。9：什么是逐帧动画？什么是补间动画？P74第一段10：逐帧动画和补间动画有什么不同？逐帧动画是在时间帧上逐帧绘制帧内容，由于是一帧一帧的画，所以逐帧动画具有非常大的

9、灵活性，几乎可以表现任何想表现的内容。 由于逐帧动画的帧序列内容不一样，不仅增加制作负担而且最终输出的文件量也很大，但它的优势也很明显：因为它相似与电影播放模式，很适合于表演很细腻的动画，如3D效果、人物或动物急剧转身等等效果。 与逐帧动画相比，补间动画具有以下几个特点：首先，制作方法简单方便。只需要为动画的第一个关键帧和最后一个关键帧创建内容，两个关键帧之间帧的内容由Flash自动生成，不需要人为处理。其次，相对于逐帧动画来说，补间动画更为连贯自然。因为逐帧动画是由手工控制，帧与帧之间的过渡很可能会不自然、不连贯，而补间动画除了两个关键帧由手工控制外，中间的帧都由Flash自动生成，技术含量

10、很高，因此过渡更为自然连贯。最后，相对于逐帧动画来说，补间动画的文件更小，占用内存少。11：补间的形式有几种？ 补间动画的形式有两种: 形状补间动画：在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash根据两者之间的帧的值或形状来创建的动画被称为“形状补间动画”。 动作补间动画：给一个对象在两个关键帧之间建立运动渐变关系的动画。12：浏览器支持的图像文件格式有哪些？他们有什么特点？ 任何浏览器都支持gif，bmp，jpg这三种最常用的图片， jpg图片压缩率高，又可以不失原图片的清淅度。gif是动画图片格式。bmp文件一般比较大。13：插入视频常用的哪些方式？

11、分别是什么？14：利用Shockware可以插入哪些文件格式的视频？ .swf15：Dreamweaver CS3新增功能中的浏览器兼容性检查有何好处？借助全新的浏览器兼容性检查，节省时间并确保跨浏览器和操作系统的更加一致的体验，生成识别各种浏览器中与 CSS 相关的问题的报告，而不需要启动浏览器。16：什么是框架和框架集？框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口其余部分所显示内容无关的HTML文档。框架集是HTML文件，它定义了一组框架的布局和属性，包括框架的数目、大小和位置，以及在每个框架中初始显示的页面的URL。框架集文件本身不包含要在浏览器中显示的HTML内容，它只是向浏览

12、器提供应如何显示一组框架以及在这些框架中应显示哪些文档的有关信息。17：保存框架和框架集文件的方法是什么？1. 保存框架集文件和所有带框架的文档 “文件”-“保存全部” 2. 保存框架集文件 如果想单独保存框架集文件，可以在“框架”面板或文档窗口中选择框架集，然后选择“文件”菜单中的“保存框架页”或“框架集另存为”命令，将框架集文件另存为新文件。3. 保存带框架的文档 如果想单独保存在框架中显示的文档，可以将光标放置在目标框架内，然后选择“文件”菜单中的“保存框架”或“框架另存为”命令，将框架中显示的文档另存为新文件。4. 改变带框架的文档（1）将光标放置在右框架中。（2）选择“文件”菜单中的

13、“在框架中打开”命令，打开“选择HTML文件”对话框。（3）选择要在右框架中显示的文档，然后单击“确定”按钮，该文档随即显示在框架中。如右图18：为什么使用CSS？ CSS是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言使用CSS样式可以非常灵活并更好地控制具体的页面外观，从精确的布局定位到特定的字体和样式等。19：如何理解CSS的层叠性？层叠性是指当有多个选择器都作用于同一元素时， 即多个选择器的作用范围发生了重叠，CSS怎样处理，CSS的处理原则是：1）如果多个选择器定义的规则不发生冲突，则元 素将应用所有选择器定义的样式。 2）如果多个选择器定义的规则发生了冲突，

14、则 CSS按选择器的优先级让元素应用优先级高的选 择器定义的样式。CSS规定选择器的优先级从高 到低为： ?行内样式 ID样式 类别样式 标记样式。总的 原则是：越特殊的样式，优先级越高。20：在网站的哪些地方可以定义CSS？ 有三种方式：1、内联：在HTML标签内用style属性添加CSS，如：字体大小为12像素2、外联：在HTML的head区块内用.标签来添加CSS，如： .zt font-size:12px字体大小为12像素3、导入或链接：把CSS放入单独的文件，然后通过Import或Link连接到HTML内，如：Import url(main.css);或21：CSS规则的基本格式是什

15、么？答：css样式规则由三部分构成：选择符，属性和属性值。其基本格式如下：选择符 属性：值对于单个选择符的复合样式声明，可用分号隔开各个属性的定义。22：选择器有哪几种？各有什么用途？答：选择有以下三种：单个html标签作为选择符：body，table，或p等等选择符组：把具有相同属性和值的选择符组合起来书写，用逗号将选择符分开，以减少重复定义。类选择符 ：把相同的元素分类定义不同的样式，定义类选择符时，在自定类的名称前面加一个点号。ID选择符 ：ID参数指定了某个单一元素，ID选择符用来对这个单一元素定义单独的样式。包含选择符：可以单独对元素1里包含的元素2定义样式表。23：CSS滤镜有什么

16、作用？为什么也属于CSS？答：滤镜效果 功能描述 Alpha 设置不同的透明度变化效果 Blur 建立模糊效果 DropShadow 建立一种偏移的影象轮廓，即投射阴影 FlipH 水平翻转 FlipV 垂直翻转 Glow 为对象的边界增加色彩光效 Gray 将图片以灰度形式显示 Invert 将色彩、饱和度以及亮度值完全反转,类似底片效果 Light 在一个对象上进行灯光投影 Mask 为一个对象建立彩色透明遮罩 Shadow 为对象建立轮廓的影效果 Wave 在X轴和Y轴方向利用正弦波打乱图片 Xray 只显示对象的轮廓CSS的全名是：Cascading Style Sheet 层叠样式表

17、而css滤镜是用filter这个参数下去设定外观的，外观也属于样式。24：JavaScript中的数组与C/C+中的数组有什么不同？答：数组在JavaScript中是以对象的方式实现的，同一数组中的不同元素可以具有不同的数据类型，元素的个数(数组长度)也可以是不固定的。但是c/c+数组中所有元素应该具有相同的数据类型。25：引用javascript内部对象与引用文档对象有什么区别？答：、真没找到26：什么是事件和事件处理器，常用的事件绑定方法有哪些？答：HTML元素的事件属性也被称为事件处理器，它们指示元素如何处理特定的事件。事件是浏览器生成的消息，指示该页的用户执行了某种操作。如果用户预先设

18、置了某个动作，则事件将触发相应的动作发生，如弹出一个信息框等。事件绑定的方法：绑定元素属性：将事件绑定到HTML元素的属性上，形成事件属性(事件处理器)。事件属性的值在形式上是被引号包含的JavaScript脚本，最常见的值是一条调用某个函数的语句。绑定对象属性：把事件绑定到对象属性上，形成对象的事件属性。对象的事件属性名称是元素事件属性的小写形式，如onclick、onmouseover等。当把函数引用赋给对象的事件属性时，就发生了绑定，函数引用是指不带括号的函数名。27：什么是Spry框架，它有什么用途？答：Spry框架是一个用来构建更加丰富的web网页的js和css库。有了spry，就可

19、以使用html，css和极少的javascript将xml数据合并到html文档中，并创建用来显示动态数据的交互式页面元素，而无需刷新整个页面。在设计上，spay框架的标记很简单，便于那些具有html，css和javascript基础知识的用户使用。28：Spry表单构件与对应的表单元素之间有什么联系和区别？答：Spry框架是一个用来构建更加丰富的Web页的JavaScript和CSS库，它支持一组用标准HTML、CSS和JavaScript编写的可重用构件，其中每个构件都与唯一的CSS和JavaScript文件相关联。CSS文件包含设置构件样式所需的全部信息，而JavaScript文件则赋予

20、构件功能。29：除了使用Spry表单构件和附件自定义脚本，还有什么方法可以对表单进行验证？答：插入具有辅助功能的表单元素。30：复习第12章的“在线书店”综合实例。代码设计题1：使用HTML和Javascript代码实现如下页面。（提示：要求使用java循环语句实现） 开始生成var kstr=欢迎来到JavaScript的奇妙世界！;function start() td=document.getElementById(main); for(var i=0;i10;i+) var vObj=document.createElement(h3); vObj.style.textAlign=ce

21、nter; vObj.style.width=800pX; vObj.style.fontSize=30-2*i; vObj.innerText=kstr; td.appendChild(vObj); 2：分别使用HTML、javascript客户端脚本、ASP三种方式在页面上显示文本“欢迎光临本网站”。 3：在网页里显示如下的表格，请写出完整的HTML代码，要求页面背景色位白色，网页标题为“列车时刻表”，表格宽度位500pixel，单元格内容居中，字体大小位5pt。 table tr text-align: center; font-size: 5pt; 列车时刻表 站名 到站时间 开车时刻

22、 北京 10：30 10：50 上海 14：20 14：50 4：在网页里显示如下的表格，请写出完整的HTML代码，其中，高级语言程序设计和网页设计与制作课程的详细说明文件分别为该网页所在目录的program.htm和web.htm，需要为表中的课程名设置相应的超级链接，以便在点击后可跳转到相应的说明页上。 table tr text-align: center; a text-decoration: none; color: #000; 课程表 课号 课程名 学分 1002201 高级语言程序设计 6 1003302 网页设计与制作 5 5：试设计一个具有留言页面的网页，该网页包括如下内容:

23、 标题（单行文本框，宽度20）、作者（单行文本框，宽度10）、内容（多行文本框，宽度40，行数为5）。当按下”提交“按钮时，则向服务器提交表单内容，当按下”清空“按钮时，所有内容被清空。表单action属性值为POST.ASP，method属性值为post，请设计该表单，写出该页面完整的HTML代码。 标题： 作者： 留言内容： 6：某网页具有以下功能：运行网页后，首先弹出一对话框，内容是“欢迎进入javascript世界”单击对话框内“确定”按钮后，在主窗口输出“这是javascript脚本的作用”。请写出该网页完整的代码。 js alert(欢迎进入javascript世界); document.write(这是javascript脚本的作用);7：某页面如下图所示，请写出该页面完整的代码。 姓名： 性别：男 女 爱好： 上网 活动 读书 input type=submit