主题六--网站的设计与评价.doc

主题六 网站的设计与评价【测试要求】测试内容内容细目测试要求网站设计与评价网站的概念A网站的规划与设计B网页制作CHTML语言的基本应用CCSS样式表的简单使用BJavaScript的简单使用BASP工作流程A网站的发布与管理B网站的评价B概念网站的设计和评价规划与设计网页制作发布与管理评价网站规划网站风格书签表单组件网站发布及上传IIS的设置创建虚拟目录ASP工作流程HTML语言的基本应用CSS样式表的简单使用嵌入、内联和外联框架基本元素基本结构超链接颜色优先级超链接的样式JavaScript的简单使用【知识结构】【知识要点】1、网站的概念网站：因特网上具有相似性质、共同内容的一组信息资源就是一个网站。构成一个网站的基本元素是各种各样的文件以及存放这些文件的文件夹。网页：网页是用HTML语言写成的文件，他存放在某一台计算机中，而这台计算机必须是与因特网相连的。主页：主页(index)实际上也是网页，通常用来表示访问某个网站时出现的第一个页面。静态网页：指没有后台数据库、不含程序和不可交互的HTML格式的网页。动态网页：指包括动态HTML效果、ASP、PHP、CGI和JSP等网页技术在内的能提供个性化信息服务的页面。静态网页可简单地根据用户的请求传送已有的页面，无法实现各种个性化的交互功能，日常维护也十分繁琐；而动态网页则是由计算机实时生成，具有日常维护简单，更改结构方便，交互功能强大等优点。动态HTML:是指即使在脱离网络环境的情况下，网页下载到浏览器以后仍能够随时变换的HTML。2、网站的规划与设计需求分析：建立网站前应明确建设网站的目的，确定网站的功能以及网站的规模、投入费用以及进行必要的市场分析等。选题：选择网站主题，制定网站栏目，设计网站风格（标志、主色调、文字效果、版面布局），规划网站结构，确定网站运行环境，选择网站开发工具，分配网站开发任务。 风格：是指网站的整体形象给浏览者的综合感受。有的严肃计策，有的清爽温馨，有的深沉厚重，有的生动活泼，有的古朴典雅，有的豪迈奔放。风格设计与主题是密不可分的，是为突出主题服务的。 一种风格的形成需要从多方面着手设计，包括网页布局的整体造型、色彩的搭配、字体图片的样式设置、网站的标志设计等，同一个网站的各网页之间应保持风格一致。3、网页的设计与制作 l（1)建立站点执行“文件新建站点”菜单命令，选择“空站点”，输入站点存放的位置，单击“确定”按钮。l（2)网页布局与表格添加表格以及表格属性的设置。单击“表格”菜单中的“插入表格”命令可以插入一个指定行数和列数的表格。右击表格，在弹出的快捷菜单中选择“表格属性”命令，可以打开“表格属性”对话框，利用该对话框可以设置表格的对齐方式、指定表格的宽度和高度、设置表格边框的粗细、设置表格的背景色或背景图片等。右击某一单元格，在弹出的快捷菜单中选择“单元格属性”命令，可以打开“单元格属性”对话框，在该对话框中可以设置插入到单元格中的对象的对齐方式、指定单元格的大小，设置单元格的背景颜色或背景图片等。选中连续的单元格可以实现单元格的合并及居中。l（3)插入图片执行“插入图片来自文件”菜单命令，选取所需图片文件。右击图片，在弹出的快捷菜单中选择“图片属性”命令，单击“外观”选项卡，分别设置图片的大小与对齐方式。l（4)插入Flash动画执行“插入高级插件”菜单命令，选取flash动画文件并设置动画文件的大小与对齐方式。l（5)插入GIF动画执行“插入图片来自文件”菜单命令，选取所需图片文件。右击图片，在弹出的快捷菜单中选择“图片属性”命令，单击“外观”选项卡，分别设置动画的大小与对齐方式。l（6)表单在制作网站的留言板和注册信息的页面时会使用表单。单击“插入”菜单中的“表单”命令可以选择需要的表单样式：单行文本框、单选按钮、复选框、下拉菜单等。l（7)设置页面效果 网页背景图片、背景颜色的设置。执行“格式背景”菜单命令(右击网页，在弹出的快捷菜单中选择“网页属性”命令)，单击“背景”选项卡，设置背景图片或背景颜色，单击“常规”选项卡，设置背景音乐。 背景音乐。背景音乐在网页属性对话框中进行设置。右击网页，在弹出的快捷菜单中选择“网页属性”命令，切换到“常规”选项卡，然后单击“背景音乐”右侧的“浏览”按钮选择所需的背景音乐，设置其循环播放的次数即可。l（8)建立页面链接选取链接源，执行“插入超链接”菜单命令，分别确定链接目标：一个网站、网页、电子邮箱、书签链接、图片的热区链接等。l（9)框架框架将浏览器窗口分割成几个相对独立的小窗口，浏览器可以将不同网页文件同时传送到这几个小窗口中，这样就可以同时浏览不同的网页文件。执行文件新建网页菜单命令，切换到“框架网页”标签，根据需要选择所需的框架类型。（10)常用网页制作工具。FrontPage：具有“所见即所得”的特性，HTML代码由FrontPage后台自动生成。Dreamweaver：是一个较为专业的网页设计软件，与Flash、Firework合称为“网页三剑客”。HTML语言：它是一种超文本标记语言，使用一组特定的标记来描述网页的结构，但不能直接描述网页在浏览器中的效果。4、HTML语言的基本应用（1）HTML文件的基本结构：.（网页描述文件的信息，如网页标题、背景音乐等）.（网页显示部分，文档主体，正文部分）（2）HTML中的基本标记：-HTML标记，表示文件为HTML文件，表示代码结束-网页文件的头部信息。-网页标题，放置网页标题名-主体标记，放置网页主体内容（3）文字设置 align=left; align=right ; align=center-对齐方式 -字体设置：size:大小，取值1、2、 color:颜色，red、blue、或16进制数表示的颜色值，如#00FF00 face:字体，宋体、华文行楷、 -粗体 -下划线 -斜体（4）表格设置-表格标记-表行-单元格 （5）超链接设置1）通过文字链接到另一页面：链接文字2) 通过图片链接到另一页面：.3)定义书签（锚点）：书签文字 链接书签（锚点）：书签文字（6）图片设置（7）背景音乐设置，常用属性： loop.（8）视频设置，常用属性：width height align loop（9）表单设置（10）框架设置（11）其他-换行符-段落标记-水平线5、CSS层叠样式表的简单使用能读懂简单的CSS样式表代码，并能根据需要，选择适当的方式(内联样式表、外联样式表)和适当的层叠样式表，插入到当前网页的HTML代码中。（1）嵌入式样式表：只需要在每个要应用样式的HTML标签后写上CSS属性即可。是表格标题的标签，它是成对使用的标签。（2）内联式样式表: 只对当前页面应用样式，最好在标签内部定义，在标签中使用。（3）外联式样式表: 是把样式文件定义成一个“*.css”文件，然后在HTML代码中调用该文件。应用外联式样式样式表的好处是可以通过一个“*.css”文件修饰网站中的多个网页。制作外联式样式表的方法是在记事本里输入CSS代码，保存为“*.css”样式表文件。6、JavaScript的简单使用。 能读懂常见的Javascript代码(如日期显示、下拉菜单、计数器、动态字幕、跟随鼠标的图片、跟随鼠标的滚动文本、标题栏里的闪烁效果等)，并能根据需要，选择适当的JavaScript代码插入到当前网页的HTML代码中。(1)和标记对。该标记对可以放在和标记对之间，也可以放在和标记对之间。可以在一个HTML文件中使用标记对任意多次。(2)指定脚本语言。例如: (3)插入JavaScript代码的方法。在和标记对之间插入JavaScript代码。7、ASP工作流程。(1)使用不同技术编写的动态页面保存在Web服务器内，客户端用户向Web服务器发出访问动态页面的请求。(2)Web服务器根据用户所访问网页文件名的后缀名来确定该页面所使用的编程技术，然后把该网页文件提交给相应的服务器组件程序。(3)服务器组件程序执行脚本代码，然后把执行结果返回给Web服务器。(4) Web服务器把执行结果连同页面上的HTML内容以及各种客户端脚本一同传送到客户端。8、网站发布与管理。（1）网站发布的方法（a）在网上邻居中发布：将站点目录设置为共享，然后进入“网上邻居”，选择你的计算机名称，进入网站目录就可以浏览网页了。（b）在本机上发布: “默认Web站点”和“虚拟目录”两种。可以选择Frontpage提供的功能发布，也可以使用个人服务器PWS把自己的计算机设置成个人服务器，然后就可以方便地在计算机上测试网站了。（c）在因特网上发布首先要申请网站空间（或租用虚拟主机，租用专用服务器，购买自己的服务器）。然后上传网站就可以了。一般我们使用FTP工具发布网站，常用的FTP工具包括CuteFTP、LeachFTP、WebPublisher等。(2) IIS的安装。在windows 2000“控制面板”中，双击“添加/删除程序”图标，在“添加/删除程序”对话框中单击“添加/删除Winndows组件”图标，在“Windows组件向导”对话框中，选中“Internet信息服务(IIS )”选项，单击“下一步”按钮开始安装，直至安装结束。(3) IIS的设置。在“控制面板”中，双击“管理工具”选项，选中“Internet信息服务”，打开“Internet信息服务”控制台，右击“默认Web站点”，在快捷菜单中选择“新建”、“虚拟目录”项，并按照向导提示输入虚拟目录别名、Web站点内容目录、访问权限，最后完成IIS的设置。9、网站的运行与评价。根据网站主题要求设计评价指标，对常见网站的建设质量与运行状况进行评价。网站的制作和运行的过程中要不断地收集反馈意见以便修正。一般要做好以下工作：检测网站是否达到了预期的设计效果；检查内容是否有错误；检查各处链接是否正确等。【模拟练习】1、一张精美图片作为页面的设计中心，菜单栏目自由摆放，属于( )布局方式。A、字型 B、厂字型 C、自由式 D、川字型2、网站的基础设计不包括那个方面A、网站内容设计 B、网站栏目结构设计 C、网页版面设计 D、动态网页设计3、网页制作的过程第一步是（ ）A、新建空白站点 B、新建空白网页 C、收集和制作素材 D、设计主页4、网页制作过程中常用的图片文件格式为（ ）A、psd jpg B、jpg gif C、bmp jpg D、tiff gif5、树立一个网站的整体风格，你认为跟下列哪项无关？（ ）A、网站标志 B、标准色彩 C、标准字体 D、附加信息6、在建立网站站点的过程中，下列那个行为是恰当的：（ ）A、建立自己的主题站点，首先需要创建一个WEB站点，用于保存和调试创建的网页。B、制作网页之前，必须收集好所有的素材。C、建立站点，就是制作一个个网页，不需要先创建一个站点。D、图片总是比文字更多的受浏览者的欢迎，因此网页中图片越多越好。7、如果一个网站目录结构不清晰，内容东一块西一块，主要在下列哪一块出问题了：（ ）A、网站标志不清楚 B、栏目设置不合理 C、色彩不和谐 D、字体不标准8、建立主题网站的顺序一般是（ ）。A、规划实现设计发布管理 B、设计实现规划发布管理C、规划设计实现发布管理 D、设计规划实现发布管理9、在网站建设中下列几个过程是必须经历的，你认为网站建设比较合理的流程是（ ）。（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）10、网页要呈现的内容很多，如何合理地放置信息，使之看起来井井有条，主次分明，这主要是下列哪项工作：（ ）A、选定网页制作工具B、栏目设置 C、版面设计 D、语言确定11、网站标志是树立网站整体风格的第一步，（ ）是不恰当的A、选择与网站主题密切相关的人或物，加以卡通化艺术化。B、适当运用本专业有代表的物品或者标志。C、巧妙运用自己网站的中文或英文名称作为标记。D、标志要尽量复杂，赋予极其多的含义。12、下列关于网页制作中收集素材的描述，哪些是错误的：（ ）A、收集来的素材无需分类，集中在一个文件夹中存放较好。B、收集来的素材因为是准备制作网页给大家看，所以要注意版权的问题。C、收集来的素材应该分类，不同类素材最好用不同的文件夹管理。D、收集来的素材文件名要易懂易记，便于调用。13、访问网站时，我们在浏览器中首先看到的页面称为首页。首页默认的主文件名为( )A、Logo B、index C、Email D、News Group14、下面那个不能做为网页编辑工具（ ）A、 Frontpage2000 B、记事本 C、Dreamweaver D、Photoshop15、Frontpage2000在（ ）显示方式下，可以观看网页在浏览器中的情形。A、普通 B、HTML C、预览 D、网页16、在网页中最为常用的两种音频格式是（ ）和（ ）A、MP3 B、WAV C、MIDI D、SWF17、在浏览器中看到的网页与计算机显示器的分辨率有关，现在因特网中的网页一般是按（ ）来设计的。A、640480像素 B、800600像素 C、1024768像素 D、20461536像素18、在网页制作时正好完整页面的网页，在有的电脑通过浏览器打开时却不能看到完整的页面，忽大忽小，造成这种现象的原因可能是：（ ）A、因图片大小的影响 B、制作网页的页面像素设置和打开浏览器的电脑显示器分辨率设置不一致 C、版面设计的问题 D、栏目设置过多19、使用FrontPage2000不能在网页中插入的元素有（ ）A、图片 B、声音 C、动画 D、系统程序20、FrontPage2000中共有六种视图方式，其中用于显示来自和指向站点中每一网页的所有超级链接的是（ ）A、导航 B、文件夹 C、超链接 D、报表21、我们可以建立同一个网页内的链接点，可以让你点选某一链接后，迅速跳到同一网页内的另一特定位置。这种链接称为（ ）。A、书签链接B、表单链接 C、表格链接 D、单元格链接22、当鼠标指在有超链接的位置时，鼠标会变成（ ）。 A、 B、 C、 D、23、制作网页时，如果要将一幅图片的不同部分分别超链接到不同的目标，需使用( )链接。A、BBS超链接 B、书签链接 C、图片热区链接 D、文本超链接24、在制作网页时，下列关于创建超链接的叙述正确的是（ ）。A、在表格中可以建立超链接。 B、在表单中不可以建立超链接。C、一张图片只能包含一个链接。 D、不可以链接到电子邮件信箱。25、在制作网页时，下列关于创建超链接的叙述错误的是( ) A、可以利用图片作为链接 B、在表格中可以建立超链接C、可以与外部网站链接 D、一张图片不能包含多个链接26、在网页中观察超级链接存在与否，最直接的方法是（ ）A、观察文字是否有下划线 B、观察图片是否加框 C、将指针指向文字或图片，观察指针是否变成手形D、观察文字的颜色27、南京教育信息网有很多网页组成，这些网页主要通过（ ）连接在一起A、网址 B、E-mail地址 C、超级链接 D、表格28、在Frontpage2000网页制作中，如下图所示的对话框中，创建电子邮件超链接的是（ ）29、为了加快页面的下载速度，在网页中一般使用（ ）格式的视频文件。A、AVI B、FLV C、MOV D、MPEG30、在FrontPage2000中，要对缩小后的图片尺寸重新计算像素值，以减小图形尺寸，应使用图片工具栏中的（ ）按钮。A、设置透明色B、重新取样C、自动缩略图D、剪裁图片31、FrontPage2000中，下述关于图片与链接的关系表述正确的是（ ）。A、图片不能建立链接 B、一张图片只能建立一个链接C、图片要建立链接需经过处理D、通过设置热区，一张图片可建立多个链接32、FrontPage2000中，欲使图片的中线与文本行对齐，可使用（ ）方式。A、相对垂直居中 B、靠下对齐 C、靠上对齐 D、无法实现33、FrontPage2000中，下列（ ）项目不是字体设置能够完成的？A、字体 B、字号 C、字的颜色 D、首行缩进34、在FrontPage2000中，下列关于表格的说法，错误的是（ ）。A、如果表格的大小以像素为单位，那么无论网页的大小是多少，表格的大小都会维持不变B、如果的大小是浏览器窗口大小的百分比，那么无论网页的大小是多少，表格的大小都会维持不变。C、如果末指定表格的高度和宽度，则表格的大小将根据内容而定D、如果表格显示在框架中，则其大小根据框架大小的百分比而非整个网页大小的百分比而定35、在FrontPage2000中制作网页时，（）可以将浏览器窗口分割成几个相对独立的小窗口，这样就可以同时浏览不同的网页文件。A、水平线B、表格 C、表单 D、框架36、在FrontPage2000中，可以设置下列（ ）属性使表格中单元格的背景色不一样。A、单元格属性B、表格属性 C、网页属性 D、框架属性37、在网页制作中，我们经常用下列（ ）办法进行页面布局。A、文字 B、表格 C、表单 D、图片38、在FrontPage2000中，我们需要改变表格外框的粗细，可使用下列（ ）属性?A、单元格属性B、表格属性 C、书签属性 D、表单属性39、在FrontPage2000中，要设置框架网页中某个网页背景时可以通过（ ）进行设置。A、框架属性 B、表格属性 C、网页属性 D、单元格属性40、在FrontPage2000中，若使用表单收集访问者的性别，就采用（ ）字段。A、单选框B、单行文本框C、复选框D、按钮41、在网页制作中，为了了解访问者的意见，我们可用（）办法实现。A、文字 B、表格 C、表单 D、框架42、目前在Internet上应用最为广泛的服务是（ ）AFTP服务 BWWW服务 CTelnet服务 DGopher服务43、下面哪个标记表示html文件的头元素 ( ) A 、 B、 C 、 D 、44、下面哪个标记表示html文件的标题元素 ( ) A、 B、 C、 D、 45、在HTML中，下面（ ）标签用于定义表的行。A、 B、 C、 D、46、默认情况下，在HTML文档中使用（ ）标签绘制水平线。A B C D47、下列关于HTML语言描述，不正确的一项是 （ ）AHTML语言是通过一系列特定的标记来标识出相应的意义和作用的语言BHTML语言文档可以用记事本打开、编辑。CHTML语言中可以嵌入如JavaScript等脚本语言。DDreamweaver是制作网页的软件，它和HTML无关。48、HTML语言中，表单的标记符是（ ）A B C、 D、 49、有一段代码搜狐，表示的含义是超链接，那么链接源和链接目标分别是（ ）、（ ）。A、href B、 C、sohu D、搜狐50、有一段代码国内新闻，表示（ ）链接，链接源是（ ），链接目标是（ ）。A、E-mail链接 B、 国内新闻 C、图像映射 D、 href E、书签式 F、 #国内新闻51、网页中设有超链接的文字在鼠标划过时变成淡蓝色，字体也由9pt变为10pt，并出现下划线，这是用了 （ ）A、动画效果 B、CSS样式表 C、动态字体 D、以上都不对52、通过一个CSS文件管理网站中多个网页的外观设置的是 （ ）A、内联式样式表 B、外联式样式表 C、嵌入式样式表 D、JavaScript脚本文件53、下列不属于动态HTML核心技术的是 （ ）A、客户端脚本语言 B、CSS样式表 C、动画素材 D、网页模板54、CSS样式表作为制作网页的一项常用技术，它可以实现网页的很多特效，下列关于CSS样式表的优点描述，不正确的是 （ ）A、仅仅改变一个样式表文件，就可以改变很多网页的外观B、可以精确控制网页布局和外观C、样式使用越多就越好看D、不仅能改变文字的格式，还可以实现图片特效55、以下选择表示的是脚本语言的是：（ ）A、Script B、Language C、Java D、VBScript56、以下软件可以用来编辑脚本语言的:( )A、JavaScript B、记事本 C、Internet Explorer D、Script57、脚本语言可以在Frontpage 2000的哪个视图里编辑操作:( )A、HTML B、代码 C、普通 D、预览58、以下效果可以使用脚本语言实现的是:( )A、弹出窗口 B、视频 C、表格 D、动画59、配置IIS时，设置站点的主目录的位置，下面说法正确的是（ ）A、只能在本机的c:inetpubwwwroot文件夹。B、只能在本机操作系统所在磁盘的文件夹。C、只能在本机非操作系统所在磁盘的文件夹。D、以上全都是错的。60、安装web服务器程序后，在地址栏输入（ ）可以访问站点默认文档。A、在局域网中直接输入服务器的IP地址。B、在局域网中输入服务器所在计算机的名称C、如果是在服务器所在的计算机上，直接输入D、以上全都是对的61、关于IIS的配置，下列说法错误的是（ ）A、IIS可以同时管理多个应用程序B、IIS要求默认文档的文件名必须为default或index，扩展名则可以是 .htm、.asp等已为服务器支持的文件扩展名。C、IIS可以通过添加Windows组件安装D、IIS不光能够管理web站点，也可以管理FTP站点。62、关于ASP，下列说法正确的是 （ ）A、开发ASP网页所使用的脚本语言只能采用VBScript。B、网页中的ASP代码同html标记符一样，必须用分隔符”将其括起来。C、ASP网页，运行时在客户端无法查看到真实的ASP源代码。D、以上全都错误。63、下列说法错误的是 （ ）A、ASP在很大程度上依赖于脚本编程。B、使用标记来指定ASP中默认使用的脚本语言。C、在之间的代码被视为默认脚本语言。D、设置了默认脚本语言的ASP文件中不能再使用其他脚本。64、网站制作完成后，何辉希望将网站发布到因特网上，学校的WEB服务器提供主页空间，他想通过FTP工具将网站上传到服务器上，下列软件中可以上传的软件是（ ）A、cuteFTP B、FlashGet C、photoshop D、QQ65、某小组的同学制作了一个以世界杯为主题的网站，现在他们想让别人来欣赏他们的作品，那么不可以通过什么方式来发布（ ）在网上邻居中发布 在本机上发布 在因特网上发布 保存到电子邮箱中A、 B、 C、 D、66、下列关于ASP的工作原理说法正确的是（ ）。A、使用不同技术编写的动态页面保存在Web服务器内。 B、Web服务器仅把脚本代码的执行结果传送到客户端。C、所有脚本代码均在客户端计算机中执行。 D、使用不同技术编写的动态页面保存在客户端计算机中。67、在网络中，用网页形式制作的作品可以发布，以Word、PowerPoint等软件制作的作品（ ）A、不能在网上发布 B、通过“另存为Web页”转换为网页的格式，然后发布C、用网页形式重新制作，再发布 D、只能在本机上发布68、下列关于CSS样式表作用的叙述中哪些是正确的：（）A、精简网页，提高下载速度 B、只需修改一个CSS代码，就可改变页数不定的网页外观和格式C、可以在网页中显示时间和日期 D、在不同浏览器和平台之间具有较好的兼容性69、小明将制作好的网站上传到服务器上后，原来显示正常的图片，现在成为如右图所示的状态。出现这种情况的可能的原因是（ ）A、图片没有上传到服务器。 B、图片已经上传，但“图片属性”中的链接路径不对。C、图片已经上传，但大小超过10KB D、网页中图片文件的文件主名不能使用英文70、若想只对当前页面应用样式，一般使用下列哪项：（）A、外联式样式表 B、内联式样式表 C、JavaScript样式表 D、VBSCRIPT样式表71、某同学在机房里设计制作了一个网站，为了能让同学们都能看到自己的网站，他应该采取的最佳做法是( )。A、将自己的网站复制给别人 B、将网站通过Email发给同学C、将网站文件夹共享 D、将网站上传给Web服务器发布72、制作网页时尽量不使用一些特殊字体，必要时以图片代替，这里因为（ ）A、插入图片比输入文字更简便 B、图片所占空间更少C、图片色彩