学历改变命运
24小时客服:4008135555/010-82335555
当前位置:首页> 理学 > 自学考试《网页设计与制作》听课笔记(1)

自学考试《网页设计与制作》听课笔记(1)

2007年01月23日    来源:   字体:   打印
成绩查询

  IP地址:在TCP/IP地址编排方案中,采用了一种通用的地址格式,为互联网中的每一个网络和每一台计算机都分配了一个地址,这个地址在Internet中是唯一的,并以此屏蔽了物理网络地址的差异。这个统一的地址是由高层软件技术来实现的,准确地说是通过IP协议层来实现的。IP层所用到的地址是互联网地址,又叫IP地址。

  域名:为了解决IP地址不便于记忆这个问题,同时也为了便于网络地址的分层管理和分配,自1984年起在互联网上采用了一种字符型的地址标识,这便是域名(Domain Name)。

  协议:事先约定或定义的一组通信规则,它精确地规定了所交换数据的格式和传输方法,即计算机在交换信息时都要遵守的表达方式。

  URL:统一资源定位器的英文缩写,是一个提供在全球广域网上的站点或资源的Internet位置字符串,与此被访问的站点或资源所协议在一起。主要由四部分组成,分别是:访问类型、访问的主机、端口号以及访问的文件的路径。

  互联网:是由世界上各种各样的网络互联所形成的“网络的网络”,是一个网际网。有时候也根据音译称为“因特网”,它是目前世界上更大的计算机通信网络,遍布全球,将世界各地种种规模的计算机网络连接成一个整体,从而实现信息交流和共享。

  Web浏览器:是指一个运行在用户计算机上的程序,主要作用在于在客户端与服务器端之间进行交互、通信,负责下载、显示网页,因此也称为WWW客户程序。

  软件协议:程序之间的通信是通过软件协议完成的。无论是网络客户机,还是网络服务器都提供有特定的协议包,它们与其他计算机通信之间,必须在那些计算机中载入相应的协议包,协议包里包含了计算机访问特定网络设备或服务所需的协议。

  标记型网页制作工具:是指创建的网页文件在编辑过程中只能看到页面的源代码,而需要转到浏览器中才能够看到页面的效果。要求用户对HTML的使用方法非常熟悉才能够做出希望要的页面,其优点在于可以完全地控制页面的元素,写出精简的代码。

  下载:为了能够方便处理,客户机把文件从服务器上复制到本地的过程,与下载相反的过程是上传(Upload)。

  网页:Web站点中使用HTML编写而成的单位文档,是Web中的信息载体。其使用的描述语言是HTML.

  所见所得型网页制作工具:创建的网页文件在编辑过程中的显示与文件更终在浏览器中显示的效果是一样的,用户不需要接触HTML源代码就可以做出希望要的页面。

  HTML:超文本标记语言是创建网页时使用的语言。HTML文件被浏览器所解释后就是网页,由标记和文本组成。

  网站的链接结构:页面之间相互链接的拓扑结构,它建立在目录结构基础之上,可以跨越目录甚至主机。

  网站风格:整个网站所采用的结构布局、色调、文字、标志、图案等要素带给浏览者的关于网站的印象。

  信息看板:Web站点中为访问者提供的各种更新信息的集合。

  树形链接结构:类似DOS的目录结构,首页链接指向二级页面,二级页面链接指向三级页面。当使用这样的链接结构浏览时,一级级进入,一级级退出。优点是条理清晰,访问者明确知道自己在什么位置,不会“迷路”。缺点是浏览效率低,要进行栏目跳转时,必须绕经首页。

  网站的层次:整个站点各个层次之间的结构关系。这是一种逻辑上的概念,目的在于合理组织整个站点中的所有内容,便于访问者查找和浏览,一般来说站点都把自身的内容分为多个层次。每个层逐渐递进,更后达到更详细的内容。

  CMYK色彩体系:以打印在纸张上油墨的光线吸收特性为基础,当白光照射到半透明油墨上时,部分光谱被吸收,部分被反射回眼睛。该色彩体系以纯青色(C)、洋红(M)、黄(Y)和黑色(K)通过减色原理合成各种色彩。

  加色原理:所有的色彩都可以通过三原色调配出来。只要对红、绿、蓝三种基色的含量进行配比,就可以调配出其他的颜色,称为加色原理。

  页脚:页脚和页眉相呼应,是指在页面的更下方的一块空间。页眉是放置站点主题和标识的地方,而页脚通常是放置制作者、公司相关信息、版权的地方,有时还会放置一导航栏。

  色相:是颜色的基本属性,反映颜色的原貌,通过色相,人们才能区分种种彩色。

  饱和度:也叫纯度,指颜色的纯洁程度。饱和度大,颜色就显得生动,活泼,有很强的视觉冲击力;饱和度小,颜色就不纯净,看起来显得灰暗。

  抖动:由于浏览器不能够显示所有的颜色,因此伪造了那些在颜色有限的调色板中不能显示出来的颜色,通过近邻像素倾向于混合而产生在图像中实际不存在的颜色,从而达到一种补偿目的。“抖动”的图像有很多颗粒,图像显得非常粗糙。

  明度:也叫亮度,体现颜色的深浅。通常说颜色“深了”、“浅了”,就是指明度的高低。而非彩色只有明度特征,没有色相饱和度。

  造型:就是创造出来的物体形象。这里是指页面的整体形象,这种形象应该是一个整体,图形与文本的接合应该是层叠有序的。虽然,显示器和浏览器都是矩形,但对于页面的的造型,可以充分运用自然界中各种几何形状以及它们的组合:矩形、圆形、三角形、菱形等。

  WEB安全色:由于浏览器在显示这1670万种颜色时是有选择的,它只能选择其中的216种进行显示,无论是Rec(00-FF),Green(00-FF)颜色通道,或是Blue(00-FF)对任意一通道,都采取一种“跳跃”的方式进行颜色编码,即R、G、B都只能在00-FF之间的跳跃取值,而不能任意取值。这种跳跃显示的色彩被称为WEB安全色,意义是在任何浏览器上都能够正确显示。

  表单:就是网页中站点服务器处理的一组数据输入域。当访问者单按钮或图形来提交表单后,数据就会传送到服务器上。它是非常重要的通过网页在与服务器之间传递信息的途径,表单网页可以用来收信浏览者的意见和建议,以实现浏览者与站点之间的互动。

  框架:是一个由框架网页所定义的浏览器初见窗区域,它通过框架网页实现。框架网页是一种特别的HTML网页,它可将浏览器视窗分为不同的框架,而每一个框架则可显示一个不同网页。

  客户端图像地图:它可将每个作用区的URL位置直接地对应在WEB网页的图像上。客户端图像映射并不需要通过服务器处理来允许站点访问者是否可在图像映射上进行超链接,但是,并非所有的浏览器都支持客户端图像映射。

  超级链接:是指从一个网页指向另一个目的端的链接,是从文本图片或图形或图像映射到全球文域网上网页或文件的指针。在全球广域网上,超链接是网页之间和WEB站点之中主要的导航方法。

  标记:HTML中用来标识网页元素的类型、格式和外观的文本字符串。

  DHTML:就是一种即使在网页下载进浏览器以的仍然能够随时变换更新网页内容排版样式以及动画等等的技术,它是一种通过各种技术的综合发展而得以实现的概念,主要包括JavaScript、VBScript、DOM、CSS等技术。

  DOM:为HTML文件定义了一个与平台无关的程序接口。使用该接口可以控制文件的内容、结构和样式,WEB开发人员借助DOM可以在其WEB页中引入动态和交互式内容,而不必依赖于WEB服务器来提供新的内容或改变现有内容的显示方式。

  JavaScript:一种由Netscape Communications和Sun Microsystems,Inc.所发展出来的一种Scripting语言。它可以被嵌入在HTML文档中,在网页被下载到客户端后被浏览器所处理。

  CSS:是由全球广域网协会所发展出来的HTML的规范表。可使WEB网页的制作者将样式表附加到HTML文件上。样式表包括了该如何显示网页的排版信息,也可在HTML文件样式表与用户自定义样式混合的情况下工作。

  静态联编:是指程序语言的各种对象和库的引用必须在编译时进行,以使编译器能够实现强类型检查,Java就属于静态联编类的语言。

  动态联编:是指程序语言的各种对象和库的引用在运行时再进行检查,如不经运行就无法实现对象引用的检查。JavaScript就属于动态联编类的语言。

  函数:是一系列指令的集合,是对反复使用或可能重用的行为的抽象,从本质上看,函数是存放代码的代码段。这些代码可能在某些时候被执行,或在文档被装载时立即被执行,也可能是对被触发事件的响应。

  选择符:在层叠样式表的样式定义中(可样式规则中),把HTML组件连接到一个样式内容和值的特定组合。

  内联式样式单:它利于现有的HTML标记,把特殊的样式加入到那些由标记控制的信息中。

  贴层:是用于更精确地定位页面元素的一种CSS属性,它把网页想象为一个平面,具有贴层(clip)属性的元素就像一个贴层漂浮在网页之上,三维方向的位置都是可以控制的。

  主题:是一套经过许多专业网站设计人员的图形、色彩、字体的组合,可以用来对网页进行修饰,增强网页的视觉效果。BOX模型:在CSS中把HTML中以<标记>…</标记>的部分称为BOX(容器)。每个BOX都有三种基本属性:margin,padding和border.

  站点:是一个各种媒体的集合的抽象概念,有时也被翻译为“站台”。在物理上它可能是一个有许多子目录的大目录,但是站点的许多媒体也可能分布在其他各个不同的物理位置上。WEB服务器通常以站点为单位来组织要发布的信息。

  热区:在客户端图像地图上设置的一片区域,并为这片区域设置了相应的超级链接。当在浏览器中单击图片上相应的区域时,可以跳转到预先设置的目标超级链接上。

  网页动态效果:在Frontpage内增加文档与对象的演示文稿效果,可以利用DHTML效果工具栏添加效果网页元素内,且不需要任何编程。

  向导:是被嵌入在程序中的一种程序,可以被用来与用户不断交互,更后依用户在向导的输入窗格中所做的选项来创建完成用户需要完成的事情。

  模板:指一类特殊文档,可提供构造更终文档的基本工具。模板中可包含以下元素:在同类型的所有文件中都相同的文字或格式设置,如备忘录或报表样式。其他的文件通过引用模板就可以完成格式的规范化等标准工作。

  CPC:“Cost Per Click throuth”的缩写,为每千次点击成本,与CPM类似,也是千次成计算单位,以广告图形被点击并连接到相关网址或详细内容页面1000次为基准的网络广告收费模式。虽然CPC费用比CPM的费用高很多,但效率比较高,广告主往往更倾向选择依据CPC付费。

  CGI:(common Gateway Interface)通用网关接口,是指在WEB服务器上定义的一套WEB客户请求与应答的方法。客户机向服务器的请求只要属于CGI范围,WEB服务器将自动启动一个CGI(网关)程序。它的任务是把客户的请求从网关程序的环境变量中取出,并进行相应的加工处理,由CGI程序决定如何对客户的请求做出应答。CGI是WEB服务器不可缺少的组成部分,它是WWW与现有数据程序或实用文件检索系统之间的桥梁。

  “结构良好的”规则:XML文件的结构是按其标记集的语法规则进行控制的。有一些一般规则应用于所有的XML文件以确定文档是否为“结构良好的”。要进行语法分析的XML文件必须为“良好格式”。

  PWS:(Personal Web Server)个人WEB服务器,是一个在window 9X平台下运行的WEB服务器。其目的主要是便于调试网页和在局域网中的基于网页的信息发布。

  UNIX:一个多用户、多任务的操作系统,以许多种形式存在和实现,一般用在专用的计算机工作站上。许多站点服务器是在UNIX系统上执行。

  虚拟主机:是使用特殊的软硬件技术,把一台运行在因特网上的服务器主机分成多台“虚拟”主机,每一台虚拟主机都具有独立的域名和IP地址,具有完事的Internet服务器(WWW,FTP,E-mail)等功能,虚拟主机之间完全独立,并可由用户自行管理,在WEB上看,每一台虚拟主机和一台独立的主机完全一样。

  CPM:“Cost Per one thousand impressions”的缩写,每千播放次数成本,以广告图形(Demographic)被浏览者LOAD(装载)1000次为基准的网络广告收费模式。国内ICP编爱这种计费模式。

  SGML:“Standard Generalized Markup Language”(通用标识语言标准)。它是国际上定义电子文件结构和内容描述的标准。

  XML:(Extensible Markup Language可扩展标记语言)是一种基于SGML标准的网络信息描述语言,能够使用户自己根据文件的结构来创建自己的DTD(Document Type Definition文件类型定义),从而使XML能够脱离固定标记而表述数据的含义。

  DTD:Document Type Definition文件类型定义,是一个或是一些用XML书写的文件,包含了对一种文件的正式定义,定义了文件中的元素能用什么名字,能放在什么位置,应该怎样组合等定义。

  什么是网络协议,内容主要包括:

  网络协议是一系列通信规则的总称,主要包括:

  1.用户数据与控制信息的结构和格式;

  2.需要发出的控制信息以及相应要完成的操作与响应;

  3.对事件实顺序的详细说明等三部分内容。

  规划目录结构时应当遵循的几个原则:

  1.不要将所有文件都存放在根目录下;

  2.按栏目内容分别建立子目录;

  3.在每个主目录下都建立独立的images目录;

  4.目录的层次不要太深;

  5.切忌使用中文目录;

  6.不要使用过长的目录;

  7.尽量使用意义明确的目录。

  网络中存在着多种级别的协议。总的来说可以分为:

  1、硬件协议:定义了硬件设备如何动作以及如何协同工作。

  2、软件协议:程序之间的通信是通过软件协议完成的。

  除创意之外,在网站设计时还需要考虑以下基本原则:

  1.网页内容要便于阅读;

  2.站点内容要精、专和及时更新;

  3.注重色彩搭配;

  4.考虑带宽;

  5.要适当考虑不同游览器、不同分辨率的情况;

  6.提供交互性;

  7.简单即为美。

  整个站点设计大体分为八个部分:

  1、初始商讨;2、构思;3、综合内容;4、页面布局和导航;5、图像制作;6、内容流程;7、测试;8、验收交付;

  网页设计的通用规则:

  1.网站的设计目的决定设计方案;

  2.浏览者的需求第一位;

  3.页面的有效性;

  4.页面布局的保持统一性;

  5.使用表格和适当的结构来设计网页;

  6.谨慎使用图片;

  7.平面设计意识;

  8.减少Java Applet和其他多媒体的使用。

  JavaScript的基本特点:

  1、一种脚本编写语言;2、基于对象;3、简单性;4、安全性;5、基于事件;6、跨平台。

  有关商业网站的风格特征:

  1.公司徽标或商标应当出现在页面更上方,尽可能做到色彩醒目,同时占用版面小;

  2.可以采用主题图形产品广告来突出公司形象与风格。

  3.主要栏目一般采用图文并茂的超级链接实现,要考虑到主要栏目图片、文字之间的色彩配合,同时要和主题图形相互衬托,主题图形如果较大,则栏目必须缩小;

  4.不要把主要栏目和次要栏目都显示在同一个页面上;

  5.商业网站一般都有固定的栏目页面,如:Support,service,About us等;

  6.必须建立站内搜索引擎,以便浏览者在站内查找所需要的信息。

  请仔细阅读P15-16的细节内容

  JavaScript对象:

  1.Window对象

  2.String对象

  3.Document对象

  4.Navigator对象

  5.String对象

  6.Math对象

  7.Date对象

  使用DHTML的原因:

  1.DHTML将网页上的每一个元素划分成许多独立的对象,这些对象的属性通过CSS来指定。

  2.DHTML将每个对象向一个编程和脚本语言的框架开放,可使用编程语言C++操纵网页上的对象,也可以使用JavaScript,VBScript操纵网页上的对象。

  JavaScript与Java的区别:

  1.两者语言间的异同:

  B. JavaScript是基于对象和事件驱动的编程语言,Java是一种真正面向对象的语言;

  C.前者是一种解释性编程语言,后者的源代码在传递到客户端执行之前,须经过编译;

  D.强变量和弱变量。前者采用弱定义类型变量检查,后者相反。

  E.前者的代码是一种文本字符格式,可以直接嵌入HTML文件中,并可用动态装载,后者是一种与HTML无关格式,必须通过像HTML中引用外媒体那样进行装载,其代码以字节代码的形式保存在独立的文档中;

  F.嵌入方式不一样,前者使用<applet>…</applet>来标识,后者用<script>…</script>来标识;

  G.前者采用动态联编,后者使用静态联编。

新人有礼
关闭