山东大学web考试知识点

第1章知识点1、Internrt与Intranet（1）Internet是由遍布世界的网络组成的一个松散全球网，它既是一个多媒体的通信媒介，又是一个无限的信息资源。它使网络上的各台计算机可以互相交换信息。（2）Intranet(内联网)是指企业内部网，采用Internet的协议标准，应用Internet的现有技术建设的企业内部网络。2、（1）(WorldWideWeb)环球信息网(WorldWideWeb)，也简称为Web网或“万维网”。它是一个基于超级文本(Hypertext)方式的浏览器信息查询工具，是由欧洲核子物理研究中心(CERN)研制的。在Internet上浏览的客户既是信息的享用者，也是信息的提供者。提供服务：Telnet、FTP、Gopher、News、E-Mail等。在Web上可以看电影、电视、玩游戏、聊天、购物、学习和求职等。（2）网页：也叫Web页，是通过浏览器所看到的每一个画面，包含了众多的信息，如文字、图像、动画和声音等。（3）网站：也叫站点，是指在Internet上，将一组网页组织规划，彼此相连，通过发布，使在Internet上能看到这些网页信息，这样完整的结构就叫站点。一个网站对应一个文件夹，它其中可能还包含各种分门别类的子文件夹，网站中的所有信息都会放在该文件夹下或其子文件夹下。（4）主页：HomePage，是用户进入一个站点所看到的第一个页面，是站点的目录总索引，主页实际上是一个网站的入口点。（5）超链接：网页中除包含各类信息外，还包含与其他网页相连的连接点，这些连接点可能是图形，也可能是文字，它们叫做“超链接”，通过点击，可以转到另一个网页或网站或打开一个应用程序。超链接是web信息与传统媒体信息的最根本的区别，它能使我们的信息呈现出非线性连接。（6）超文本：不仅包含文字，还包含声音、图形、图像、动画和视频等，还实现非线性地存储、组织、管理和浏览信息的超链接。“超文本”也称超媒体，它是的核心技术。3、web媒体与传统媒体有何区别？（同时也是作业题）答：web媒体与传统媒体有本质的区别：（1）web是丰富是丰富多彩的多媒体。（2）传统媒体如印刷媒体本质上是线性的，web是非线性媒体，用户可以随时跳转到其他网页或网站。（3）web媒体的一大特点是交互性。如聊天、博客(部落阁)、BBS、在线游戏和电子商务等。（4）web媒体可以提供个性化信息。（5）web媒体是通过主动方式获得信息的。（6）web媒体可以以平等身份获取信息和发表信息。（7）web媒体可以即时交流信息。（8）web媒体有提供电子商务的能力。（9）web媒体还有强大的信息搜索能力。（10）web媒体还有一个很大的特点就是即时性。（11）web站点发布与传统软件不同，采用B/S（浏览器/服务器）结构。（12）web站点更易于浏览信息，不需要任何培训，无须安装与卸载客户端软件。（13）web媒体还有信息变化快、易修改、传播速度快和传播成本低等特点。（14）web媒体能够充分使用原有信息，传统媒体难以运用众多类信息和陈旧信息。4、（1）B/Ｓ技术：浏览器/服务器模式，所有页面信息和数据都放置在了服务器端，客户机上只需要有浏览器。（2）Web常用技术：HTML、DHTML、CSS、XML、AJAX、JavaScript和JavaApplets。（3）网页设计工具：FrontPage、Dreamweaver、HotDogProfessional、NetscapeCommunicator、IBMRSA、Eclipse、WebPageMaker和BEAWebLogicWorkshop等。现在最好的网站设计方法是手工编码加上所见即所得的工具。5、Web设计基本原则：（1）最基本原则：用户是第一位的，即用户浏览的内容永远是第一位的，多媒体外观设计与网站的设计技术始终是第二位的。（2）网站设计主要目的是为用户而不是设计者浏览信息，与C/S应用程序的使用者浏览信息也有很大区别。（3）针对客户群设计，突出客户最需要的信息。（4）站点设计既应该专注客户的共性，也应该兼顾个性。（4）简洁、方便和快速。滥用多媒体会阻碍用户。（5）还应遵循颜色、字体、空白、图像和多媒体等设计基本原则。6、在web设计中，为什么客户是第一位的？客户是第一位的与内容是第一位的矛盾吗？（辩述）（同时也是作业题）答：（1）用户是第一位的，即用户浏览的内容永远是第一位的，多媒体外观设计与网站的设计技术始终是第二位的。网站设计主要目的是为用户而不是设计者浏览信息，与C/S应用程序的使用者浏览信息也有很大区别。web站点的使用者不是设计人员，而是最终的用户，并且是不可预知各种背景的最终用户，Web设计必须吸引人，以客户为本，引导他快速找到他所需要的内容。让用户满意是设计网站的关键，给用户第一印象的首页更是吸引用户的关键，网站让浏览客户满意，主流在网站浏览信息才是至关重要的。客户访问网站的主要目的是为了获取网站信息，令人赏心悦目的页面会有助于吸引更多的客户，但不是吸引客户持久浏览完站的关键。网站设计人员要随时提醒自己“客户为什么要访问我们的网站？他们想要什么信息？”。（2）在web设计中，客户是第一位的与内容是第一位并不矛盾。用户是第一位的是实际是指指用户浏览的内容是第一位的，而网站的设计技术始终是第二位的。Web设计必须吸引人，以客户为本，引导他快速找到他所需要的内容。让用户满意是设计网站的关键，给用户第一印象的首页更是吸引用户的关键，网站让浏览客户满意，主流在网站浏览信息才是至关重要的。网站内容是第一位的实际上也是指客户需要的内容才是第一位的，客户访问网站的主要目的是为了获取网站信息，令人赏心悦目的页面会有助于吸引更多的客户，但不是吸引客户持久浏览完站的关键。网站设计人员要随时提醒自己“客户为什么要访问我们的网站？他们想要什么信息？”。Web客户不希望网页充斥无关内容和混乱图像。7、什么是最小公分母原则？最小公分母原则：以最低的客户环境为基础设计网页，让更多客户可以顺畅地浏览网站。建议考虑客户环境如下：（1）≤15吋显示器；（2）分辨率是800*600；（3）Modem速率为36.6Kbps的连接；（4）InternetExplorer5.5以上版本；（5）极少用户会花时间下载flash插件，特别是来路不明的插件。8、确定当前网页设计客户资源环境最好的方法就是访问一些著名网站，了解这些网站的设计。网站设计还要特别考虑你的客户群。10、页面布局定义Web页面布局是对页面的整体规划，即对页面划分成不同的区域，用于放置不同的页面内容。Web页面布局是一个翻转的金字塔，首先提供给用户一个摘要列表，然后是对细节的链接或者引用。11、页面布局格式网站页面布局按导航元素放置的方式分类。几种常用的布局类型：左边空白布局、上边空白布局、左上页面布局、右边空白布局、上下页面布局、分布式的布局、艺术风格布局等。12、怎样理解空白布局元素在页面布局当中的作用？（同时也是作业题）“空白”在网页设计中非常重要，它使网页简洁、明快，阅读舒畅，是网页设计中必不可缺少的元素。“空白”是分隔其他元素的最主要因素。“空白”实际上与其他页面布局元素有紧密关联，甚至是其他元素的一部分，比如行间距等。空白在网页设计中非常重要，当浏览一个没有空白的页面时，用户会感到页面很拥挤，而造成心理的紧张，对阅读这样的页面有一种厌烦的抵触感觉。空白元素能够是网页看起来简洁、明快、阅读舒畅，是网页设计中必不可缺少的元素。利用空白可以是页面布局生动活泼、松紧有度，使客户浏览时有舒适、轻松和简洁之感。切记不要将尽可能多得信息放在一个网页中，应该有合理的、简明的分类，不要强迫客户从一堆信息中艰难地挑出所需要的信息，要让客户自己选择是否进入更深的链接获得信息。开发设计人员可以使用表和透明GIF图像来给页面添加空白。可以使用无边界HTML表定位内容，提供无内容的区域来布局页面。13、页面布局方法页面布局方法主要有两种：纸面布局法和软件布局法。纸面布局法：在设计页面布局时，需要在纸面上画出页面布局的草图，将你的设想落实到纸面上，查看设计效果。软件布局法：使用图形软件工具设计页面布局草图，软件可以使用你比较熟悉的图形软件例如Photoshop、Fireworks等。切忌不要边设计边修改页面布局，否则会浪费很多时间和精力，一旦确定就不要轻易修改。14、页面布局技术CSS页面布局：能完全精确的定位文本和图片，CSS是现在一个比较流行的页面布局方法。表格页面布局：几乎成为一个标准，可对不同对象加以处理。每一个单元格可以放置不同对象，易于内容对齐。表格边界应设置为0。框架页面布局：框架页面以左上角对齐，每个框架部分都可以独立控制，而表格就不可以。透明GIF页面布局：透明GIF图像可以作为空白区域的占位符插入到网页中，他们是背景透明、尺寸可变的站位图像。Flash页面布局：强大功能、信息更丰富，视觉及听觉效果要比其他布局更加具有冲击力。15、切记在网页设计过程中，一定不要左右拖动页面，只能上下拖动页面，而且也不能拖动过长，客户往往会忽视页面下面的内容。16、网站颜色设计网站颜色给客户最直接的视觉冲击，它在网站的感知和展示上扮演重要角色。企业的文化、风格和态度可以通过网站的颜色体现出来，好的色彩搭配可以使网页独具魅力，相反则使浏览者感到厌烦。网页色彩的选择包括：色调、背景、文字、图表、边框和链接等应采用何种色彩，以及如何搭配等内容。▲17、网站颜色设计原则网站颜色给客户最直接的视觉冲击，它在网站的感知和展示上扮演重要角色。（1）颜色简洁、新颖、舒服、大方，充分体现企业的文化形象，网站应该使用企业原有CI颜色。（2）选择与网站主体一致的网站色调（3）选择一种适合的配色方案，选定配色方案后，一般以一种颜色为主色调，其他颜色做辅助、点缀使用。（4）三色原则：网页的主色调不超过三种。除了黑色和白色以外，选择三到四个颜色就足够了，太多的颜色会导致杂乱，令人厌烦。（5）对于阅读部分使用对比色，颜色太接近无法产生足够的对比效果，也会妨碍客户阅读，白底黑字的阅读效果最好。（6）文本和背景之间的颜色过渡既要能够区分区域，又要使整体色彩协调。（7）将图像放入页面时，考虑颜色过渡，根据网站配色方案对图像进行处理使其颜色平滑过渡。（8）网站的色系可以分为暖色系、中性系和冷色系几种。网站的色系包含了网页底色、文字颜色、图片颜色、动画颜色和边框颜色等。网页色系要整个网站需要保持一致。（9）图片的颜色尽可能的少，减少图片尺寸（10）应使用浏览器支持的216个Web安全颜色18、（1）发光物体三基色：红、绿、蓝(RGB)。等量的三基色混合成白光，适合显示器等发光的物体。色环：将色彩按“红®黄®绿®青®蓝®紫®红”依次过渡渐变，就可以得到一个色环。暖色系：红、橙、橙黄、黄等色彩表现温馨、和煦、热情。中性系：黄绿、绿等色彩表现舒适、和谐。冷色系：青绿、蓝绿、蓝等色彩表现宁静、清凉、高雅。加色：由于RGB各分量为100%混合时形成白色，但各分量减少时，形成的颜色逐渐变深，因此RGB混合颜色称为加色。（2）不发光物体的印刷四色：青、洋红、黄、黑(CMYK)。对于燃料、印刷媒体等不发光的物体，都可使用CMYK混合而成。减色：由于CMYK各分量为100%混合时形成黑色，但各分量减少时，形成的颜色逐渐变浅，因此CMYK混合颜色称为减色。由于所有打印油墨都包含一些杂质，因此CMY这三种油墨实际生成土灰色，必须与黑色(K)油墨合成才能生成真正的黑色。（3）颜色显示：一个像素表示图像的元素，是在屏幕上显示的最小元素。屏幕使用像素显示文本和图形，每一个像素一次只能显示一种颜色。（4）颜色三要素(HSB)：色调、饱和度、亮度色调(Hue，简称：H)：指颜色的种类，颜色的基本面貌和性质。如：红、绿、蓝等各种颜色。色调H的单位是度，表示在颜色环上所处位置的角度；饱和度(Saturation，简称：S)：指颜色的深浅程度或浓淡程度。饱和度S的单位是百分比。亮度(Brightness，简称：B)：指颜色的明暗程度