选修3：网站设计与评价.doc

选修3：网站设计与评价31、网站的概念1、网站是由若干个网页组成的，而主页是这些网页中的第一张页面，相当于一本杂志的封面，用来对整个网站进行概括性地介绍。2、静态网页、动态网页及其区别。静态网页：指没有后台数据库、不含程序和不可交互的HTML格式的网页。动态网页：指包括动态HTML效果、ASP、PHP和JSP等网页技术在内的能提供个性化信息服务的页面。静态网页可简单地根据用户的请求传送已有的页面，无法实现各种个性化的交互功能，日常维护也十分烦琐；而动态网页则是计算机实时生成，具有日常维护简单、更改结构方便、交互功能强大等优点。【典型题析】一、单项选择题1、下列不属于常见网站结构的是( )。A、线性结构 B、树状结构 C、网状结构 D、星型结构2、用来对整个网站进行概括性介绍的网页称为该网站的( )。A、封面 B、主页 C、欢迎页 D、目录页3、网站首页默认的文件名一般为( )。A、logogif B、indexhtm C、E-mail D、adhtm4、某同学以“奥运主题班会”为关键词进行搜索时，出现的网页与几天前他用同一个搜索引擎相同关键词搜索到的网页不完全相同，这是因为该网站使用了( )。A、动态网页技术 B、静态网页技术落千丈 C、域名解析技术 D、动态分配IP地址5、下列关于动态网页优点的描述有误的是( )。A、相对于静态网页，动态网页不容易被搜索引擎收录 B、无需系统实时生成，网页风格灵活多样C、日常维护方便，交互性强 D、响应速度快，减轻了服务器负担，节约服务器的存储空间二、多项选择题1、下列哪些动态效果使用了动态网页技术? ( )A、鼠标指针指向后文字变成绿色 B、打开某网站时自动弹出一个新窗口C、网页中不断变化的GIF动画 D、网页中自动更新的日期2、网页打开时出现自动飞入的图片，当鼠标指针指向该图片后又切换为其他图片，以上效果应使用的触发事件有( )。A、单击 B、双击 C、鼠标悬停 D、网页加载32、网站的规划与设计选题：选择网站主题，制定网站的名称和栏目，设计网站风格(标志、主色调、文字效果、版面布局)，规划网站结构，确定网站的运行环境等。HTML语言：超文本标记语言。 HTML文档是文本格式的文件，可以用文本编辑软件(如Word、写字板或记事本等)来编辑，保存时将文件的扩展名改为htm或html。常用工具有FrontPage、Dreamweaver等。【典型题析】一、单项选择题1、网站的制作步骤包括：确定主题；网站制作；需求分析；选择开发工具。正确的顺序是( )。A、 B、 C、 D、2、最常见的网页文件的扩展名是( )。A、*doc B、*gif C、*htm D、*xml3、以下不属于网站开发工具的是( )。A、HTML语言 B、FrontPage CDreamweaver DWinRAR4、如果一个网站目录结构不清晰，内容东一块西一块，主要在下列哪一块出问题了：（ ）A、网站标志不清楚 B、栏目设置不合理 C、色彩不和谐 D、字体不标准5、建立主题网站的顺序一般是（ ）。A、规划实现设计发布管理 B、设计实现规划发布管理C、规划设计实现发布管理 D、设计规划实现发布管理6、在网站建设中下列几个过程是必须经历的，你认为网站建设比较合理的流程是（ ）。（1）规划网站结构，并确定设计风格（标志，主色调，文字效果，栏目设置和版面布局）（2）发布网站 （3）网页制作 （4）了解网站运行环境，选择网站开发工具 （5）确定网站主题，收集素材A、（1）（2）（3）（4）（5） B、（5）（1）（4）（2）（3） C、（1）（4）（5）（2）（3） D、（5）（1）（4）（3）（2）7、网页要呈现的内容很多，如何合理地放置信息，使之看起来井井有条，主次分明，这主要是下列哪项工作：（ ）A、选定网页制作工具 B、栏目设置 C、版面设计 D、语言确定二、多项选择题1、以下关于网站名称的描述正确的是 ( )。A、要与主题紧密相关 B、要有意义 C、要上口、悦耳、易记 D、要合法，但不一定要合情合理2、在安排网站的栏目时要注意的问题是( )。A、栏目要尽可能丰富，分类越细越好 B、尽可能把网站最有吸引力的内容列在栏目中C、尽可能方便访问者的浏览和查询 D、要紧扣网站主题3、下列关于HTML语言的描述正确的是 ( )。A、HTML文档是文本格式的文件 B、HTML语言中可以嵌入多种网页特效代码C、不懂HTML语言的人无法制作网站D、HTML语言是通过一系列特定的标记来标识出相应的意义和作用的4、网站标志是树立网站风格的第一步，其设计原则有（ ）A、选择与网站主题密切相关的人或物，加以卡通化、艺术化B、适当选用有专业代表性的物品或者标志C、巧妙运用中文或英文名称作为网站标志D、标志要尽量复杂，赋予极多的含义5、在建立网站站点的过程中，下列那些行为是恰当的：（ ）A、建立自己的主题站点，首先需要创建一个WEB站点，用于保存和调试创建的网页。B、制作网页之前，应该对版面进行设计。C、建立站点，就是制作一个个网页，不需要先创建一个站点。D、图片总是比文字更多的受浏览者的欢迎，因此网页中图片越多越好。6、树立一个网站的整体风格，你认为跟下列哪项无关？（ ）A、网站标志 B、标准色彩 C、标准字体 D、附加信息7、下列关于网页制作中收集素材的描述，哪些是错误的：（ ）A、收集来的素材无需分类，集中在一个文件夹中存放较好。B、收集来的素材因为是准备制作网页给大家看，所以不存在版权的问题。C、收集来的素材应该分类，不同类素材最好用不同的文件夹管理。D、收集来的素材文件名要易懂易记，便于调用。33网页制作需要掌握的操作有：建立站点，添加表格(插入表格、修改表格、调整表格、调整单元格、调整表格的标题和表头、调整跨列和跨行的单元格)，设置文字(文字大小、文字字体、文字颜色、段落标记和换行符)，设置超级链接，设置图像(插入图像、修改图片属性、图像超链接、热区链接)，设置框架(框架的定义、框架属性设置、子窗口属性设置)，添加动画、声音等。【典型题析】一、单项选择题1、若要设置网页的背景音乐，可在下列( )对话框中设置。A、网页属性 B、单元格属性 C、表格属性 D、“工具”菜单中的“选项”2、若要在一幅图片上设置几个链接，可使用( )来实现。A、电子邮件链接 B、热区链接 C、图片链接 D、书签链接3、新建一个“垂直拆分”的框架网页，如果在框架的每个部分都是新建的网页文件，那么保存时系统会提示保存( )个网页文件。A、2 B、3 C、1 D、44、在制作网页时，下列关于创建超链接的叙述正确的是（ ）。A、在表格中可以建立超链接。 B、在表单中不可以建立超链接。C、一张图片只能包含一个链接。 D、不可以链接到电子邮件信箱。5、我们可以建立同一个网页内的链接点，可以让你点选某一链接后，迅速跳到同一网页内的另一特定位置。这种链接称为（ ）。A、书签链接 B、表单链接 C、表格链接 D、单元格链接6、下列软件中不能用于制作网页的是（ ）。A、Flash MX B、Dreamweaver MX C、CuteFTP D、FrontPage20007、在制作网页中的表格时，如果要想在浏览时看不到表格的边框，则应将（ ）调整为0。A、单元格的边框 B、边框的粗细 C、宽度与高度 D、单元格的间距8、图片在网页中起到美化网页的作用，在网页中最为常用的两种图像格式是（ ）A、JPEG和GIF B、GIF和BMP C、JPEG和PSD D、BMO和PSD9、在浏览器中看到的网页与计算机显示器的分辨率有关，现在因特网中的网页一般是按（ ）来设计的。A、640480像素 B、800600像素 C、1024768像素 D、20461536像素10、我们可以使用下列何种方法了解访问者的意见，统计调查访问信息？（ ）A、单元格 B、表单 C、表格 D、框架二、多项选择题1、网页要呈现的内容很多，如何合理地放置信息，使之看起来井井有条，主次分明，( )、起着至关重要的决定作用。A、选定网页制作工具 B、栏目设置 C、版面设计 D、语言确定2、在网页表格中可以插入的网页元素有( )。A、Flash动画 B、声音 C、表格 D、链接3、利用表单制作留言板时，若要采集访问者的性别，可选用的表单字段有( )。A、复选框B、单选按钮 C、下拉菜单 D、滚动文本框4、在网页制作时正好完整页面的网页，在有的电脑通过浏览器打开时却不能看到完整的页面，忽大忽小，造成这种现象的原因可能是：（ ）A、因片大小的影响 B、制作网页的页面像素设置和打开浏览器的电脑的显示器分辨率设置不一致C、版面设计的问题 D、栏目设置过多34 HTML语言的基本应用 (1)基本信息标签HTML标签：；头部信息：；主体标签：(2)文字设置标题级别：， ；对齐方式：align=left；align=right；align=center字体设置： ；其他标签：粗体，；下划线，；斜体，(3)表格设置： (4)超链接设置：文字链接：链接文字图片链接：【典型题析】一、单项选择题1、为了标识一个HTML文件，应该使用的标签是( )A、 B、 C、 D、2、超文本标记语言“新浪网”的作用是（ ）A、插入一段新浪网的文字 B、插入一幅新浪网的图片C、创建一个指向新浪网的电子邮件 D、创建一个指向新浪网的超级链接3、HTML语言中，表格标记符是（ ）A、 B、 C、 D、4、在HTML语言中，表格中行的开始和结束标记是（ ）A、 B、 C、D、5、下面不是组成一个HTML文件基本结构标记的是（ ）A、B、 C、D、6、下列关于HTML语言描述不正确的是（ ）A、HTML语言中可以嵌入如ASP、JAVA等编程语言B、FRONTPAGE是制作网页的软件，它和HTML无关C、HTML语言是通过一系列特定的标记来标识出相应的意义和作用的D、HTML文档本身就是文本格式的文件35 CSS样式表的简单使用在HTML中应用CSS样式的方法有：嵌入式样式表、内联式样式表和外联式样式表。其中用得比较多的是后两者，使用方法如下。CSS样式表的内容内联式样式表：外联式样式表：【典型题析】一、单项选择题1、在HTML中加入CSS的方法有多种，其中把样式代码定义成一个文件，然后链接到被引用的网页中，这种方法称为( )。A、直接编写 B、外联式样式表C、内联式样式表 D、嵌入式样式表2、样式表文件的扩展名是( )。A、htm B、asp C、js D、CSS3、如右图所示，请判断当前网页使用的是何种CSS加入方式。( )A、嵌人式样式表 B、内联式样式表C、外联式样式表 D、依赖样式表4、网页中设有超链接的文字，在鼠标划过时，变成淡蓝色，字体也由9pt，变为10pt，并出现下划线，这是使用了：（ ）A、动画效果B、加入html的css方式 C、网站标志 D、以上都不对5、使用CSS为多个网页进行相同风格的布局和外观设置时，为了方便对这些网页进行修改，最好使用（ ）A、外联式样式表 B、JAVASCRIPT样式表 C、内联式样式表 D、VBSCRIPT样式表6、可以通过一个.css文件管理网站中多个网页外观设置的是（ ）。A、VBScript样式表 B、JavaScript样式表 C、内联式样式表 D、外联式样式表7、如下所示在和之间的文本不能正常显示出来，是因为浏览器比较老，不支持样式表语法。若要避免这种情况的发生（ ）h3 font-family:”宋体”;color:green; font-style:italic; A、必须更新新的浏览器 B、只要加入代码 C、只要加入CSS D、以上都不对二、多项选择题1、内联式样式表只对当前页面有效，定义时使用的标签以及通常其放在HTML代码中的位置分别是( ) A、 B、 C、 D、2、样式表作为网页制作的一项常用技术，它可以实现许多网页特效，下面关于样式表的优点的描述，正确的是( )A、仅仅改变一个样式文件就可以改变数百个网页的外观 B、可以精确控制页面布局和外观C、不仅能改变文字的格式，还可以实现图片特效 D、样式使用越多，网页就越好看3、在HTML中加入，此为（ ）。A、外联式样式表 B、动态式样式表 C、内联式样式表 D、嵌入式样式表4、若想只对当前页面应用样式，一般使用下列哪项：（ ）A、外联式样式表 B、内联式样式表 C、JavaScript样式表 D、VBSCRIPT样式表5、下列关于CSS样式表作用的叙述中哪些是正确的：（ ）A、精简网页，提高下载速度B、只需修改一个CSS代码，就可改变页数不定的网页外观和格式C、可以在网页中显示时间和日期D、在不同浏览器和平台之间具有较好的兼容性36 JavaScript的简单使用(1)和标签通常放在HTML代码中的和标签之间。可以在一个HTML文件中多次使用和标签。(2)脚本语言可以是JavaScript，也可以是VBScript，使用时用下面的方法指定语言的种类。例：或(3)插入JavaScript代码的方法。在和标签之间插入JavaScript代码。【典型题析】一、单项选择题1、在HTML语言中插入Java特效，应使用的标签对是( )。A、 B、 C、 D、2、下列哪个选项是客户端脚本语言?( )A、Visual Basic Application B、VBScript和JavaScriptC、Interact Explorer和Flash MX D、HTML3、打开网页时，某同学看到当前网页的状态栏中出现了不断飞入的文字效果，这可能是在网页中运用了下列哪种技术?( )A、JavaScript特效 B、动态HTML效果 C、GIF动画 D、CSS样式表二、多项选择题1、李华同学从网上复制了一个图片淡人淡出的JavaScript特效，在本机预览时能正常显示，但复制到张明同学的计算机中却不能正常显示该图片和特效，出现这种情况的原因可能不是( )。A、张明同学的计算机不支持该特效 B、张明同学的计算机中没安装杀毒软件C、张明同学的计算机不能上网 D、JavaScript代码粘贴的位置不正确2、小强在自己网站的首页上使用了一段显示日期的JavaScript代码，上传到服务器后发现显示的日期跟在本机测试时不一样，不可能的原因是( )。A、小强的计算机的日期跟服务器的日期不同步 B、代码有错误C、小强的计算机的浏览器版本太低 D、文件上传时存放的路径有问题3、下列关于在网页中使用JavaScript特效的描述，正确的是( )。A、尽量精简，不要使用太多动态效果 B、合理运用滚动字幕、变换的选择框以及持续的动画C、过度的闪烁会让访问者头晕 D、使用恶意脚本以增加网站的访问量，让访问者想关都关不掉4、在HTML中嵌入JavaScript，应该使用的标记是（ ）。A、 B、 C、 D、5、张海帮某公司做一个该公司的商业网站，其中需要设计制作的大量网页和大量javascript特效，张海都直接在网上下载后做少量的编辑修改，对他这样的做法，下列恰当的描述是：（ ）A、特效没有版权，可以任意用B、网页作了少量的修改，也就可以直接用，不侵犯别人的版权C、对有版权的网页或特效应在获得授权之后方可使用于商业用途D、以上说法都不妥37 ASP工作流程ASP的工作流程如下： (1)使用不同技术编写的动态网页保存在Web服务器内，客户端向Web服务器发出访问动态网页的请求； (2)Web服务器根据用户访问的网页文件名的后缀来确定该网页所使用的编程技术，然后把该网页文件提交给相应的服务器组件程序； (3)服务器组件程序执行脚本代码，然后把执行结果返回给Web服务器； (4)Web服务器把执行结果以及网页上的HTML内容以及各种客户端脚本一起传送到客户端。【典型题析】一、单选题1、下列关于使用ASP技术的优点的描述，不正确的是( )。A、便于管理员维护 B、大大节省了服务器的存储空问C、使得所有的页面有统一的风格，便于修改和控制 D、可以有效地防止网站被黑客攻击2、ASP脚本运行的流程有以下几个环节，正确的顺序是( )。 。ASP程序中的服务器端脚本开始运行 浏览器向ASP服务器请求这个ASP程序用户在地址栏中请求一个ASP程序 ASP脚本执行完毕，生成HTML代码发送到客户端A、 B、 C、 D、二、多选题1、下列关于ASP的工作原理的说法不正确的是( )。A、使用ASP编写的动态页面保存在客户端的计算机中B、ASP脚本代码在客户端计算机中编译C、使用ASP编写的动态页面保存在服务器端的计算机中D、ASP服务器仅把网页中的ASP代码编译的结果发送到客户端计算机中2、以下程序可以在客户端直接运行的是( )。A、CSS样式代码 B、ASP程序 C、JavaScript代码 D、动态HTML效果3、下面关于ASP的表述中，正确的是（ ）。A、ASP程序不可以用任何文本编辑器打开。B、ASP是一种跨平台的服务器的嵌入式脚本语言。C、ASP程序中不可以包含纯文本、HTML标记以用脚本语言。D、ASP是动态服务器页面的英文缩写。4、下列关于ASP的工作原理说法正确的是（ ）。A、使用不同技术编写的动态页面保存在Web服务器内。B、Web服务器仅把脚本代码的执行结果传送到客户端。C、所有脚本代码均在客户端计算机中执行。D、使用不同技术编写的动态页面保存在客户端计算机中。5、在下列选项中，哪一个选项最符合ASP代表的含义？（ ）A、动态服务器页面B、高级程序设计语言 C、超文本传输协议D、域名38网站的发布与管理 (1)发布方式：申请免费空间，租用虚拟主机，租用专用服务器，购买自己的服务器。 (2)IIS的安装。在Windows 2000“控制面板”中，双击“添加删除程序”图标，在“添加删除程序”对话框中单击“添加删除Windows组件”图标，在“Windows组件向导”对话框中，选中“Intemet信息服务(IIs)”选项，单击“下一步”按钮开始安装，直至安装结束。 (3)IIS的设置。 在“控制面板”中，双击“管理工具”选项，选中“Internet信息服务”，打开“Intemet信息服务”控制台，右击“默认Web站点”，在快捷菜单中选择“新建。虚拟目录”命令，并按照向导提示输入虚拟目录的别名、Web站点内容目录、访问的权限等，最后完成IIS的设置。例题分析：已知某网站位于D盘的“class”文件夹中，主页文件名是“defaulthtm”，通过IIS发布该网站，虚拟目录别名为“login”。参考步骤如下：(1)单击“开始”按钮，选择“程序”菜单中的“管理工具”下的“Internet信息服务管理器”命令，打开“Internet信息服务管理器”对话框；(2)右击“默认Web站点”，在弹出的快捷菜单中选择“新建”菜单中的“虚拟目录”命令，单击“下一步”按钮，输入虚拟目录的别名“login”，单击“下一步”按钮，设置网站所在的文件夹为D盘下的“class”文件夹，单击“下一步”按钮直至完成虚拟目录的创建。【典型题析】1、张明同学制作了一个网站，为了让其他人能访问自己的网站，他应该( )。A、将网站上传到Web服务器上发布 B、将网站复制给要访问的人C、将网站用邮件发给要访问的人 D、将网站所在的文件夹设置为共享2、某同学想测试自己的ASP网站，最佳的选择方案是( )。A、购买自己的服务器 B、租用虚拟