网页设计名词解释（精选五篇）

第一篇：网页设计名词解释

名词解释

激活窗口(active window)：在多个窗口环境，当前选中的窗口。鼠标的动作，命令和文本输入都能对窗口中的内容产生作用。

动态GIF(animated GIF)：一个图像文件，不断地重新装入略有不同的图像建立卡通风格的动画效果。

应用程序(application)：参看程序

升序排列(ascending)：一种从低到高排列一组项目的方法，例如从A到Z。

American Standard Code for Information Interchange(ASCII)：一种代码组合，给文本和标点符号分配相应数值便于计算机的信息交换。

属性(attribute)：页面元素的特征。例如，文本属性包括字体，大小，和颜色；框架属性包括边框大小，默认页面显示，和卷屏能力。

位图(bitmap)(BMP)：位图是位的集合，组成一个点的图像或图形的图像。位图使用BMP作为文件的扩展名，它是画笔的默认文件类型。

样板文本(boilerplate text)：简单的文本，做很少或不做修改就能用到Web页面上，从而节省时间。

书签(bookmark):为了便于浏览和管理，可以在这个页面中加入书签，来查询特定的信息。书签是被选择的文本、图像或位置，该位置被标记为关联名称或你可快速移到的区域。

浏览器(browser)：参看Web浏览器。

项目(bullet)：一个标记，通常是一个圆圈或方点，经常用来增加强调的语气或区分列表中的各项。

缓存(cache)：一个区域，为了快速访问而暂时存放的Web文件的拷贝，既可在计算机的内存又可在硬盘驱动器。

层叠(cascade)：排列窗口，使激活的窗口在重叠的窗口的上面。

CD-ROM(Compact Disk Read-Only Memory)：利用激光技术存储信息的盘。

单元格(cell)：在工作表和表格中的一个单独的框。

居中(center)：一个文本队列选项。段落中的每一行从中间向两方延伸，在左右两边停在不同的点上。也可参看左对齐和右对齐。

频道定义格式(Channel Definition Format)（CDF）：一种文件格式。能让用户经常访问的FrontPage Web成为支持频道定义的浏览器中的一个频道。CDF的文件描述出在你的频道上的订户所需的资源和下载升级信息到他们计算机上推荐的次数。

字符(character)：一个单独的字母，数字，或与键或组合键一致的符号。每个字符有单独的格式。

字符属性(character attributes)：段落中被选中的字符所使用的已命名的字符设置，通常用来强调特殊的单词和短语。字符属性包括的效果如黑体，斜体和小帽。

复选框(check box)：表单中的一个区域，用户可以在选项上进行选择。典型的，用户可以在表单的复选框中选择一个以上的选项。

child Web：指定服务器上的任意Web，而不是root Web。

客户端(client)：计算机上安装的软件,通过连接服务器来得到网络资源。也可参看服务器。

客户/服务器网络(client-server network)：一组工作站连接到中心计算机或服务器上。

剪贴艺术(clip art)：在外部应用中创建的艺术，可被粘贴的文档或简报中。

剪贴板(clipboard)：计算机内存中临时建立的区域，存放最后一组剪切或复制（例如文本或图形）的信息。你使用粘贴命令从剪贴板中发送数据。剪贴板中的信息保存到你剪切或复制另一条信息。

列(column)：工作表或表格中的垂直区域。

列标题(column heading)：每一列顶部写有字母的灰色区域用来识别列的字母，例如B列。

组件(component)：一个组件由一系列步骤组成，这一系列步骤由一个程序执行一个特殊的过程。组件是用一个程序语言特别写成的，它能被正在使用的程序或平台读取；大多数FrontPage组件产生HTML。

下面的表格描述了不同的FrontPage组件。

组件

描述

注释 在FrontPage Editor中为了个人参考在页面上插入文本；当用一个Web浏览器观看时文本不出现在页面上。例如，你可以在页面上放一个注释来描述插入在页面上的一个脚本的动作，但是你的读者不会看到这个注释。

确认字段 在一个确认页面上插入一个报表字段的内容。

访问计数器 插入一个记录你的Web站点访问者数字的数字字段。

包括页面 当用一个Web浏览器观看页面时，在Web中插入另一个Web页面的内容。插入HTML 防止插入的HTML被FrontPage检查和修改。

页面标题 在页面上插入一个标题图形，这个标题图形是基于限定在导航结构中的页面的名字

排定的图像 插入一个图像，使Web访问者仅在特定期间看到它。

排定包含页面 插入一个文件的内容，使Web访问者仅在特定期间看到它。

替换 插入一个所选页面或者一个可变Web配置的值。

确认页面(confirmation page)：当一个表单提交后一个Web页面显示。这个确认页面在表单处理者对话框中被说明。不同的表单可以使用同样的确认页面。如果你没有说明一个确认页面，FrontPage默认的产生一个。

控制面板(control panel)：在Windows 95或Windows NT中你用它来改变系统，硬件，软件，和Windows的设置。

剪切(crop)：图像被裁剪下来的部分。

默认(default)：当你没有说明可供选择的设置时，预先确定的设置将加入程序并使用。例如，除非你说明了一个不同的文本属性，否则Web页面将使用默认字体。

降序排列(descending)：从高到低排列一组选项的方法。如从Z到A。也可参看排序。

桌面(Desktop)：Windows 95或Windows NT的屏幕，表示你的工作区域。图标，窗口和任务栏显示在桌面上。

拨号连接(dial-up connection)：使用软件，调制解调器，电话线连接异地的计算机和服务器。

下载(download)：从异地计算机向本地计算机发送文件，例如从Internet上拷贝一个文件到你的硬盘上。

Domain Name Service(DNS)：一种转换，能把数字的Internet地址转换为它们的文字的层次的同等地址，或相反。

下拉列表(drop-down list)：只有一行的文本框包括一个向下的箭头，用户通过单击它显示选择列表。

电子邮件(e-mail)：使用远程通信或网络服务在不同计算机之间传送记录，信息或文件。也可参看electronic mail。

导出(export)：将文件转换为其他格式的过程。也可参看导入。

域(field)：表格或表单中的一个区域，用来输入或查看说明信息。

防火墙(fire wall)：一种保护网络的方法。使受保护的网络在被外部网络访问时，可以阻止那些不受欢迎的访问。

字体(font)：一系列类型样式包括不同的效果，例如黑体和斜体，和不同的类型尺寸用于格式化文本。也可参看样式。

表单(form)：一个结构化的文件，用于收集和发布信息。具有互动性的表单是在Internet或Intranet(企业内部网）上交换信息和进行商业经营最普遍的办法。表单为输入和搜集大量数据，例如工作申请、时间表、税收，提供了一个有条理的结构。

框架(frame)：在Web页面中能被其他页面浏览的部分，也可参看目标框架。

框架集(frameset)：定义页面中一组框架，这组框架也能被其他页面显示。

FrontPage Editor：FrontPage程序，用来创建，编辑和测试Web页面。

FrontPage Explorer：FrontPage程序，用来查看Web结构。

FrontPage Server Extension：服务器扩展，支持FrontPage和Microsoft个人Web服务器的程序和副本。你发布FrontPage Web站点的服务器必须安装FrontPage Server Extension。也可参看程序、副本和Web服务器。

Graphics Interchange Format（GIF）：在Internet上通常使用的图像文件格式。GIF最好用于没有颜色的图像，例如，卡通或素描。GIF是压缩的位图。也可参看位图；JPEG。

主页(home page)：Web站点中的第一页，作为Web站点的入口。也可参看开始页。

热区(hotspot)：一个超链接包含更大的图形或图像映射。也可参看超链接；图像映射。

动态按钮(hover botton)：Web页面上的一个按钮，当鼠标放在按钮上时或单击按钮时页面将有变化。

HTML（Hypertext Markup Language）：一系列规则用于格式化World Wide Web页面。HTML包括说明文本属性的方法，图的放置，链接等等。一个Web浏览器，例如Internet Explorer,适用于浏览HTML文件。

尽管Web页面显示为包含文本，图片或动画元素的文件，但实际上都是由特殊的HTML语言码或标识符构成的文本文件。这些内码或标识符告诉浏览器如何显示Web页面上的文本，图片和动画文件。HTML标识符在浏览器中是不可见的；但是，页面上的文本和图像是可见的。任何在Web页面中见到的图片，声音或动画元素都是相互独立的文件。这些文件的名称，以及有关如何打开该文件，如何下载该文件和应把该文件放到Web页面什么地方的信息，都由HTML标识符提供。当浏览器遇到HTML标识符时，按其要求将图片，声音或动画元素拷贝或下载到计算机上。

超文本链接(hyperlink)：通常也叫做超链接，或简单的叫做链接。链接给出了一个Web个页面之间的相互联系情况，而且使Web保持动态的特性和不断更新的特性。

链接是由特殊的高亮文本或一个图像映射（例如一个图画、徽标、或像片）组成。在链接后面起作用的是HTML代码，它为Web浏览器提供了一个URL（统一资源定位器），而这个URL则被用作Web上的目标地址。当访问者单击一个这样的链接时，他的浏览器就会跳到这个目标地址。

链接有三种不同的类型：

内部链接：把同一个Web中的各个页面连接起来。

书签式链接：把Web的页面与其自身上的一个位置连接起来，或者把它与同一个Web中的其它页面上的指定位置连接起来（不仅是连接到该页面的起始位置）。

外部链接：把Web中的一个页面与其它位置上的页面链接起来，此页面可能位于页的协议。HTTP URL符合基本的URL形式，如：http：//

文件（file）：用于索引本地盘上的文件，换句话说，它们引用浏览器所在系统上的文件。对本地文件，文件URL采用下列两种方式之一：第一部分是空主机名（有3个而非2个斜杠），或用local host作主机名。如：file：///dir1/dir2/file，file：//localhost/dir1/dir2/file。

Mailto：Mailto URL用于发送电子邮件。如果浏览器支持Mailto URL，当包含Mailto URL的某一链接被选中时，浏览器将提示你输入邮件的标题和信件内容，并在输入完毕后发送到相应的地址。某些浏览器不支持Mailto，并将在选择了与Mailto URL相连的链接时出错。Mailto与标准形式的URL不一样，而是：mailto：internet_email_address，如：mailto：lemay@lne.com。

Gopher：Gopher URL使用标准URL文件格式中直到包含了主机名的那一项。之后，使用特殊的Gopher协议将此路径编码并指向某特定文件。不象HTTP和FTP URL，Gopher使用了不同的目录名指示方式，但过于复杂。多数情况下你可用Gopher URL指向一个Gopher服务器，这样做是比较容易的，这种类型的URL如下：gopher：//gother.myhost.com/。

Usenet：Usenet news URL有两种格式：news：name_of_newsgroup和news：message-id。第一种格式用于阅读整个新闻区，如果浏览器支持（直接或通过新闻阅读器支持）Usenet news URL，它将提供该新闻组中所有可读文章的列表。第二种格式则可以获取某篇特定的文章。每篇文章都有一个唯一的标识（ID），称为消息标识，标识是这样的：〈lemayCt76Jq.CwG@netcom.com〉。要在URL使用消息标识，去掉尖括号并包含news：字段：news：lemayCt76Jq.CwG@netcom.com。

病毒(virus)：一个能依附于在内存和硬盘上的程序，并从一个程序传播到另一个。病毒能破坏数据，导致计算机崩溃，显示令人讨厌和迷惑的信息。通常处于休眠状态直到被激活。

Virtual Reality Markup Language(VRML)：在World Wide Web上，程序员用来营造虚拟现实环境的语言。你使用Web浏览器如Microsoft Internet Explorer可以查看VRML文件。

Web地址(Web address)：到某一项如对象，文件，或Web页面的路径。地址可以是一个URL（到一个Internet站点的地址），一个路径和文件名称，或是一个路径（在本地网络上文件的地址）。也可参看URL。

Web浏览器(Web browser)：为World Wide Web显示和解释文件格式的软件。例如HTML文件，图形或多媒体文件。

Web页面(Web page)：Web上的一个文件，HTML格式。Web页面通常包括从一页到另一页或从一个位置到另一个位置的链接。也可参看超链接。

Web Presence Provider：提供存储Web站点空间的ISP。也可参看Internet Access Provider；Internet Service Provider。

Web服务器(Web server)：一个程序告诉网络服务器如何处理不同计算机和操作系统之间的文件请求和文件传送。

Web站点(Web site)：在同一位置的Web页面的集合。网络管理员(webmaster)：对Web站点进行维护和更新的人。

Windows资源管理器：显示文件夹的层次列表和文件夹中文件列表的程序。

向导(wizard)：一种帮助你完成复杂任务的工具，向你提问并根据你所做的回答执行任务。

以下表格介绍了Web向导和页面向导：

Web向导

用途

Corporate Presence 在一个小时内而不是在几周的时间内创建一个代表公司面貌的专业Web。

Discussion Group 创建一个思路论述组，包括一个全文本搜索器。

Import Web 允许从另外的Web服务器上导入一个Web，这个Web可以不是FrontPage Web。

页面向导

用途

Database Connector Wizard 创建一个Internet Database Connector（IDC）文件，指定它怎样同一个数据库相连接，并解释从此数据库中得到的结果。

Form Page Wizard 通过指定需要收集的信息，创建一个表页。

Frames Wizard 通过指定框架的版面和所希望使用的选项来创建一个框架Web。

Personal HomePage Wizard 创建一个私人的、定制的、满足自己需要的Web。

World Wide Web(WWW)：WWW也称为全球网或万维网。Internet分为几个部分。World Wide Web就是其中之一。所有的Internet系统都包括内含文字信息的文件，然而只有在WWW上有图像，声音和动画。这种性能提供了多媒体格式的资料，结合了图片，声音，影像和动画，使得WWW成为了Internet上最流行和活泼的部分。浏览器方面的发展，如Microspft Internet Explorer 4.0，也使得World Wide Web与其它媒体的关系更密切了。

所见即所得(WYSIWYG)：在编辑过程中显示建立中的文件与最终展示给用户的一样。

上一页

下一页

------------------牛津剑桥多媒体制作 Copyright ® 1998 牛津剑桥多媒体 All rights reserved.

第二篇：网页设计名词解释

协议：事先约定或定义的一组精确的规定所交换数据的格式和传输方法的规则，即计算机在交换信息时都要遵守的表达方式 标记型网页自作工具：是指创建的网页文件在编辑过程中最后只能看到页面的原代码,，而需要转到浏览器中才能看到 ：是全球最大的 开放的 有众多的网络相互连接而成的计算机互联网 是一个运行在INTERNET上的交互的 动态的 分布式的 高度集成的超文本信息系统 下载：是指为了能够方便处理 客户机把文件从服务器上复制到本地的过程

统一资源定位器的英文缩写 是一个提供在全球广域网上的站点或资源的INTERNET位置字符串 与此被访问的站点或资源所协议在一起 网页：WEB站点中使用HTML编写而成的单位文档 是WEB中的信息载体

主要作用在于在客户端与服务器之间的交互 通信 负责下载 显示页面 所见即所得型网页制作工具：是指创作的网页文件在编辑过程中的显示与文件最终在浏览器中显示的效果是一样的用户不需要接触HTML源代码就可以做出需要的页面

HTML：超文本标记语言 是创建网页时使用的语言

为互联网中的每一个网络和每一个主机都分配一个地址 域名：为了解决IP地址不便于记忆这个问题 同时也为了便于网络管理的分层和分配 自1984年起在互联网上采用了一种字符型的地址标识 INTERNET上的一种电子信息服务系统 硬件协议：定义了硬件如何运作以及协同工作等问题 网站的链接结构：是指网页之间相互链接的结构 它建立在目录结构基础之上 可以跨越目录甚至主机 网站的风格：整个网站所采用的结构布局 色调 文字 标志 图案等腰素带给浏览者的关于该网站的印象 信息看板：WEB站点中为访问者提供的各种最新的信息集合 树形链接结构：类似DOS的目录结构 首页链接指向一级页面 一级页面链接指向二级页面 网站的层次：是指整个站点各个层次之间的结构关系 色相：是颜色的基本属性 反映颜色的原貌 通过色相 人们才能区分种种彩色 饱和度：也叫纯度 指颜色的纯洁程度造型：就是创造出来的物体形象 加色原理：所有的色彩都可以通过三原色调配出来 只要对红 绿 蓝三种基色的含量进行配比 就可调制出其他的颜色

意思是通过视觉来统一企业的形象 页脚：在页面的最下方的一块空间 页眉：定义页面的主题 重心平衡：页面重心所反映的网页上各种元素分布的协调程度 像素：是组成位图图像的最小单位 具有特定位置和颜色的像素就组成了色彩斑斓 五彩缤纷的图像 图像分辨率：图像中美单位长度含有像素数目 通常用像素/英寸表示 表单：就是网页中站点服务器处理的一组数据输入域 框架：是一个由框架网页所定义的浏览器视窗区域 它通过框架网页实现 超级链接：是指从一个网页指向另一个目的端的链接 是从文本 图片或图形或图像映射到全球广域网上网页或文件的指针

标记：HTML中用来标识网页元素的类型 格式和外观的文本字符串 服务器端图像地图：一个传递鼠标光标到服务器上CGI处理程序的图像映射 属性：是HTML标记的一个额外部分 它包含有关此标记自身的选项或其他信息 绝对路径：从目录层次的最顶层开始一直向下通过所有中间层的目录直至到达对应文件 即书中所讲的书签 是自页面内部可以链接到得特殊的地方通过它链接可以直接跳转到那些特殊的地方而不是仅仅跳到页面的顶部

动画等等的技术 它是一种通过各种技术的综合发展而得以实现 的概念 HTML文档定义了一个与平台无关的程序接口 ：是由全球广域网协会所发展出来的HTML的规范表 可使WEB网页的制作者将样式表附加到HTML文档上 静态联编：是指程序语言的各种对象和库的引用必须在编译时进行 以使编译器能够实现强类型检查 动态联编：是指程序语言的各种对象和库的引用在运行时再进行检查 如不经运行就无法实现对象引用的检查 函数：是一系列指令的集合 是对反复使用或可能重用的行为的抽象 从本质来看 函数是存放代码的代码段 事件驱动：指当预先定义的重要事件发生时 控制权由程序的一部分转移到另一部分的过程 脚本语言：是一种解释性的语言 它不需要编译即可运行 它是一种类似一连串命令的文本文件 当浏览器读入脚本时 它将根据脚本的命令程序来执行 对象：是一种组织数据的方法以及与数据相关的操作 选择符：在层叠样式表的样式中 把HTML组件连接到一个样式内容和值的特定组合 内联式样式单：它利用现有的HTML标记 把特殊的样式加入到那些由标记控制的信息中 贴层：是用于更精确的定位页面元素的一种CSS属性 它把网页想象为一个平面 具有贴层属性的元素就像一个贴层浮在网页之上 三维方向的位置都是可以控制的CSS中把HTML中以《标记》。。。《/标记》的部分称为BOX 嵌入式样式单：嵌入到HTML文件的头部中去<和标记之间的标记之间> 使用标记装载 外部式样式单：是一种保存在外部的样式单文件 外部文件以CSS为扩展名 伪类和伪元素：是特殊的类和元素 能自动的被支持CSS的浏览器所识别 关联选择符：是一个用空格隔开的两个的或多个的单一选择符组成的字符串 站点：是一个各种媒体的集合的抽象概念 有时也被翻译为“站台” 主题：是一套经过许多专业网站设计人员设计的图形 色彩 字体的组合 可以用来对网页进行修饰 增强网页的视觉效果 热区：在客户端图像地图上所指定设置的一片区域 并为这片区域设置了相应的超级链接 网页动态效果：在FrontPage内增加文档与对象的演示稿效果可以利用DHTML效果工具栏添加效果到网页元素内 且不需要任何编程 向导：是被嵌入在程序中的一种程序 可以被用来与用户不断交互 最后依用户在向导的输入窗格中所做的选项来创建完成用户需要完成的事情 模板：指一类特殊文档 可提供构造最终文档的基本工具 属性检查器：用于查看和更改所选对象或文本的各种属性 每种对象都具有不同的属性 面板组：是分组在某个标题下面的相关面板的集合 鼠标经过图像：是当站点的访问者用鼠标指针指向该图像时发生变化的图像 活效果：是指在对象的效果改变之后 仍然保存着路径的可编辑特性

选择导出设置：是指在指定的范围内查找和替换指定特征的图形和文字 包括字体 颜色 大小 内容 纹理 填充等 使项目清单面板上所列的文件中与之匹配的部分批更新 并将更新后的文件批量导出 合并图像形成动画：就是将一系列图片按序排列生成不同的帧而形成动画 不过这种排列完全是程序自动执行的 免去了大量的手工操作 钢笔工具：可以帮助您绘制路径 一条路径是由曲线连接起来的多个节点 而每个节点的两侧各有一个句柄 用来控制此节点两旁的曲线方向 您可以通过修改节点和句柄的方向或长短来修改整条曲线的形状 是美国Macromedia公司于1999年6月推出的优秀网页动画设计软件 它是一种交互式动画设计工具 用它可以将音乐 声效 动画以及富有新意的界面融合在一起 以制作出高品质的网页动态效果 时间轴：是Flash中最重要的工具之一 用它可以查看每一帧的情况 调整动画播放的速度 安排帧与帧之间的关系 从而实现不同效果的动画 图层：是所有图形图像软件当中必须具备的内容 是我们用来合成和控制元素叠放次序的工具 笔刷工具：是一种可以在画面上绘制出具有一定笔触效果的特殊填充工具

1》在一般术语中是指安装了服务器软件并使用INTERNET协议响应基于TCP/IP协议的网络上WEBK客户请求计算机《2》也可指一个基于服务器/客户机构架的应用程序 其作用是响应客户端的浏览器程序所发出的请求

是一个在Windows平台下运行的Web服务器 其目的主要在于便于调试网页和在局域网中的基于网页的信息发布 虚拟主机：是使用特殊的软硬件技术 把一台运行在因特网上的服务器主机分成多台虚拟的主机 每一台主机都具有独立的域名和IP地址 具有完整的INTERNET服务器功能 虚拟主机之间完全独立 并可由用户自行管理 在WEB上看 每台虚拟主机和一台独立的主机完全一样 ：为每千播放次数成本 以广告图形被浏览者LOAD1000次为基准的网络广告收费 模式 ：为每千次点击成本 与CPM类似 也是千次成本计算单位 以广告图形被点击并连接到相关网址或详细内容页面1000次为基准的网络广告收费模式

WEB服务器上定义的一套WEB客户请求与应答的方法

UNIX“是一个都用户 多任务的操作系统 以许多形式存在和实现 一般用在专用的计算机工作站上

国际上定义电子文件结构和内容描述的标准 “结构良好的”规则：XML文档的结构是按其标记集的语法规则进行控制的 SGML标准的网络信息描述语言 能够使用户自己根据文档的结构来创建自己的DTD 从而使XML能够脱离固定标记而表述数据的含义

XML书写的文件 包含了对一种文件的正式定义 定义了文件中的元素能用什么名字 能放在什么位置 应该怎样组合等定义 XML文档的显示 XSL样式表可以是内联的或一个独立文件 ：MathML是由W3C的Math工作组开发的用XML编写的格式语言 它提供了两套标记集 一套用于描述数据 另一套用于解释数学表达的含义 ：是XML的链接语言 它与HTML的链接相似 但功能更强大 它支持可扩展的链接和多方向的链接 ：是XML的一个具体应用 它针对WEB上的媒体调度的语言设计

XLink：XML连接语言：XML连接语言允许将元素插入XML文档中 以创建XML资源自间的链接

XML指针语言：XML指针语言支持对XML文档内部结构的寻址 例如元素 属性和内容

第三篇：网页设计说明书

网 站 设 计 说 明 书

一、设计理念

本网站定位 本身是用于展示个人作品的一个平台页面系统。在展示之余也有推销网站 建设之功效....页面主要以 深红色调风格为主,站点分为有 首页简介、关于我的作品、经典作品展示、与我联系方式等 各个方面子页面.本站页面主要展示的是本人在暑假实习公司开发的一些 作品...整体页面使用到了 CSS 层样式技术。

二、设计流程

网站主要以自己喜爱的东西而制作，并根据,相应要求 到网上寻找相应的 图片素材 以及 应用到 PS 图片设计结束.最后 应用 HTML 网站设计技术 使用 DIV+CSS 进行页面布局的定位设计.三、使用的工具与技术

网页制作工具 : Dreamweaver CS5 多媒体设计制作工具:Photoshop 应用到的设计技术： HTML、CSS.四、网站设计说明

网站名称: 梦幻部落-作品展示厅 整体形象设计包括标准字、Logo、标准色彩、广告语等.首页作为网站的形象页，作为网站的欢迎页面，引入的元素大致有网站名称、LOGO、形象图片、宣传文字、栏目导航等要素,是彰显网站整体风格的重要页面, 并结合 FLASH 动画来展示.网站形象页的设计突出..展示为主题，通过文字、形象、图片的巧妙烘托，令页面富有 层次感，达到赏心悦目的效果。

五、页面结构布局

(1)、首页布局、网站 Logo 幻灯片展示切换 页面链接 站点介绍 页面介绍 在线联系方式 页面底部

(2)、站长个人简介页面、网站 Logo 幻灯片展示切换 页面链接 个人简介 内容 更多链接 页面底部

(3)、作品展示页面、网站 Logo 幻灯片展示切换 页面链接 作品展示 栏 页面底部

(4)、联系方式页面、网站 Logo 幻灯片展示切换 页面链接 联系 提交 表单 其他联系方式 网站建设 套餐 页面底部

第四篇：网页设计要点

1、页面布局的概念包括哪些内容？

答：页面布局的概念包括：页面尺寸、整体造型、页眉、文体、页脚、图片、多媒体。

2、图像抖动是什么？

答：图像抖动伪造了那些在颜色有限的调色板中不能显示出来的颜色；在视觉上，近邻像素倾向于混合而产生在图像中实际不存在的颜色，从而达到一种补偿目的。“抖动”的图像有很多颗粒，显得图像非常粗糙。

3、运用色块制作网页时需要掌握的要点有哪些？ 答：（1）冷暖色调在均匀使用时不宜靠近，如果必须时，应当使用中间色（白色或黑色分隔过渡，在对称色块构图中更应该注意。

（2）纯度接近同的两种颜色也不宜放在一起，如亮红和亮绿。颜色太纯，对眼睛有强烈刺激，容易造成眼睛疲劳，应降低其中一种颜色的纯度，可以选择在亮色中加入其它颜色用以平衡的方法，如可以使用墨绿配亮红色，这样焦点滞留在红色上，绿色也不会干扰视线。

（3）整个页面中最好有一个主色调，否则整个页面就显得零乱。在制作非对称色块网页和渐变色网页时，这是一个原则。

4、论述网页页面布局的方法有哪些？

答：在进行网页布局时，需要有一片空白的空间供创作人员自由发挥，主要可以通过两种工具来进行创作，第一种工具是纸，在一张白纸上进行布局构思；第二种工具是计算机通过某些软件来进行网页布局构思，如Photoshop

5、试比较GIF格式与JPEG格式的原理与各自适用的范围。答：有一个非常简单的原则来判断应该采用哪种文件存储格式：如果是自己设计的线条简单、色彩种类比较少的图形，或者是制作透明图形、制作动画，那么就用GIF格式。因为GIF文件能够做动画，而且它的压缩算法是通过精简色彩集来实现的；如果需要在网页上放置一张照片，或者是处理过的照片，那么就使用JPEG文件格式，因为JPEG的压缩算法对包含有复杂的颜色的图片很有效。

在GIF格式中最多允许有256色，而JPEG则没有这个限制，且可以显示所有的RGB颜色。RGB颜色在一般的个人电脑上可以从000000~FFFFFF，也就是所谓的24位真彩色，它共有256*256*256=16777216种不同的色彩。而GIF的颜色只用8位表示，所以其色彩范围为00~FF，只能显示256种颜色。在使用彩色照片时，由于彩色照片属于连续色调的图像，因此它所包含的颜色数目一般远远大于256色。如果把它保存为GIF格式的文件，将不能把这些颜色都显示出来。GIF的原理是先为所有的颜色建立一个索引，然后选择其中256种最常见的颜色进行显示，因此GIF用来处理高清晰度照片是不合适的。

如果颜色数目少于`256色，保存为真彩色的图像就会造成浪费，因为在保存为真彩色JPEG的过程中，对每一个象素点，都要建立颜色信息，这样就会有大量的颜色信息是重复的，图片文件自然就会增大了。而GIF与JPEG不同，如前面所述，他首先在GIF文件头部建立一个颜色索引表，然后仅仅保存各象素点对应的颜色索引号。当软件在显示这个文件时，首先要对GIF图像进行解码，就会按照索引号在表中寻找对应的颜色。因此在保存简单颜色的图像时，GIF大量采用索引，就比JPEG直接存储各点的颜色信息节省很多。

6、PHOTOSHOP向量图的优点和缺点有哪些？ 答：优点主要有：与分辨率无关，用户可以对图形进行任意放大或缩小，而不会影响它的清晰度和光滑性；便于修改，通过调整其控制点位置，可轻松修改其形状。

向量图的缺点有：不易制作色彩丰富的图像，而且绘制出来的图像也很不逼真。

7、网站设计中应注意的几个方面（通用规则）

答：网页设计需要遵从一定的通用规则，必须按照一定的规划、想法来实施。网页设计的原则不仅体现在网页的风格、层次构思和网页的页面构思中，还包括更多更广的设计思想。网页设计不应该从设计者本身出发，而必须要从访问者的角度来思考问题。共有八个问题要注意：（1）网站设计目的决定设计方案。在设计一个网站之前，应当有一定的目的性。比如制作个人网页主要是为了宣传自己或者自娱自乐，而公司的网页就不仅仅在于宣传，更多的时候则是提供自己的商务信息并与客户进行商务活动，有些商业网站则提供有特色的服务，比如搜索引擎。因此在网页的设计方案中，个人网页的内容往往由与个人有关的方面组成，包括自我介绍，个人爱好，个人收藏等。

（2）浏览者的需求第一位。

（3）页面的有效性

（4）页面布局的保持统一性。

页面布局往往能显示一个网站的统一性，如使用同样的背景。

（5）使用表格和适当的帧结构来设计网页。

使用表格往往可以合理安排许多网页元素，实现图文混排的效果。

（6）谨慎使用图片。

（7）平面设计意识。

（8）减少Java Applet和其它多媒体的使用。

8、论述规划目录结构时应当遵循的原则 答：（1）不要将所有文件都存放在根目录下；

（2）按栏目内容分别建立子目录；

（3）在每个主目录下都建立独立的images目录；

（4）目录的层次不要太深；

（5）切忌使用中文目录；

（6）不要使用过长文件名的目录；

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

9、商业站点的风格特征有哪些？ 答：商业公司站点由于其目的与个人站点以及非盈利性的组织完全不一样，因此它的站点风格也与其他两类站点的风格完全不一样。主要体现在以下几个方面：

（1）公司徽标或商标应当出现在页面最上方，尽可能做到色彩醒目，同时占用版面小。（2）可以采用主题图形产品广告来突出公司形象与风格。主题图形或产品广告应精心设计，给浏览者以良好的第一映像。

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

（4）不要把主题栏目和次要栏目都显示在同一个页面上。可以通过站点组织图表示网站的结构布局，或者采用Java Script来生成可以展开的“目录树”。（5）商业栏目一般都有固定的栏目页面，如Support（技术支持）、Service（服务）、About Us（关于公司）等。这些栏目不是网站的主要栏目，不需要采用很醒目的方式出现，但是它们应为于比较方便用户单击的位置，可以采用出现在网页顶端（或者底端）的细长的导航条的方式。

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

10、非商业组织网站的风格有哪些？ 答：（1）强调页面的主色调。

（2）主题图形要求反映单位的风采，设计应有创意、有内涵、庄重中不乏活泼。

（3）超级链接的分类一定要清晰，可采用图形，必要时可建立站内搜索引擎。

（4）信息查看板很重要，因为非商业组织的网站更新不如商业网站频繁，始终如一的画面显得枯燥，所以经常去更新信息查看板，将增加访问者的访问兴趣。放置信息查看板主要方法有两种方法，一是在主页直接放置信息查看板，二是当页面上主题图形小，超级链接也不多的情况下不宜把信息查看板放在主页，可以在主页上增加一个快速进入信息查看板的超级链接。

11、简述站点的层次和典型的站点结构

答：为了合理组织整个站点中的所有内容，便于访问者查找和浏览，一般来说站点都把自身的内容分为多个层次，每个层次逐渐递进，最后达到最详细的内容。网站的层次正是指整个站点各个层次之间的结构关系。大部分网站制作的初学者不重视这种层次规划，以至于网页风格不统一，在网页导航上也出现了很多问题。按照专业网页设计流程，制作网页前应先设计好导航条，即需要事先规划好网页的层次结构。

无论是复杂的商业网站还是简单的个人网站，在网页的层次结构上都存在一些共同点，即任何一个网站均可以用三级结构实现，也就是“首页——栏目页——文章页”或“一级页面——二级页面——三级页面”结构。制作好这三级结构，就能制作好其他类型的结构，因为任何网站都是以这三级结构为基础并在这个基础上扩张，站点的各级结构各有特点。

目前互联网上制作首页大多采用大主题图形配以少量文字介绍的方法，除了大型的共众网站外，其他的站点都不必采用制作大量超级链接的做法。对于目前的商业网站和个人网站来说这条原则都是适用的。因此，主页的制作将主要是主题图形的制作以及页面构图

二级页面是每个栏目的起始页，该页面应有与该栏目相对应的主题图形，相对于整个网站的主题图形来说，标志要小但必须醒目。当用户进入该页面后，需要设置通向其它栏目以及返回首条上的明确指示。

三级页面是文章页，位于最底层，当浏览者进入栏目后见到的超级链接，就是通向大篇幅文本的。由于文章页本身包含大量文字，图片不宜安放过多，必要时，可以为文章设计一些文章主题图形，但这将服务器的负荷更重，一般情况下个人网站应避免这样做，如果个人网站往往把文章标题做成各种各样的美术字、特效字，结果将是得不偿失。文字可以直接用文本表示，只要色彩、字体搭配得当，就可以制作出美丽的页面，应把有限的页面空间留给那些无法用文本表现的装饰图片上。

12、论述网页设计的通用规则。

答：网页设计需要遵从一定的通用规则，必须按照一定的规划、想法来实施。网页设计的原则不仅体现在网页的风格、层次构思和网页的页面构思中，还包括更多更广的设计思想。网页设计不应该从设计者本身出发，而必须要从访问者的角度来思考问题。共有八个问题要注意：（1）网站设计目的决定设计方案。在设计一个网站之前，应当有一定的目的性。比如制作个人网页主要是为了宣传自己或者自娱自乐，而公司的网页就不仅仅在于宣传，更多的时候则是提供自己的商务信息并与客户进行商务活动，有些商业网站则提供有特色的服务，比如搜索引擎。因此在网页的设计方案中，个人网页的内容往往由与个人有关的方面组成，包括自我介绍，个人爱好，个人收藏等。

（2）浏览者的需求第一位。

（3）页面的有效性

（4）页面布局的保持统一性。

页面布局往往能显示一个网站的统一性，如使用同样的背景。

（5）使用表格和适当的帧结构来设计网页。

使用表格往往可以合理安排许多网页元素，实现图文混排的效果。

（6）谨慎使用图片。

（7）平面设计意识。

（8）减少Java Applet和其它多媒体的使用。

13、简述商业网站的风格特征。答：商业公司站点由于其目的与个人站点以及非盈利性的组织完全不一样，因此它的站点风格也与其他两类站点的风格完全不一样。主要体现在以下几个方面：

（7）公司徽标或商标应当出现在页面最上方，尽可能做到色彩醒目，同时占用版面小。（8）可以采用主题图形产品广告来突出公司形象与风格。主题图形或产品广告应精心设计，给浏览者以良好的第一映像。

（9）主要栏目一般采用图文并茂的超级链接实现，要考虑到主要栏目图片、文字间的色彩配合，同时要和主题图形相互衬托，主题图形如果较大，则栏目必须缩小。（10）不要把主题栏目和次要栏目都显示在同一个页面上。可以通过站点组织图表示网站的结构布局，或者采用Java Script来生成可以展开的“目录树”。（11）商业栏目一般都有固定的栏目页面，如Support（技术支持）、Service（服务）、About Us（关于公司）等。这些栏目不是网站的主要栏目，不需要采用很醒目的方式出现，但是它们应为于比较方便用户单击的位置，可以采用出现在网页顶端（或者底端）的细长的导航条的方式。

（12）必须建立站内搜索引擎，以方便浏览者在站内查找所需要的信息。

14、什么是网站目录？简述网站目录结构组织建设的原则。答：网站的目录是指你建立网站时创建的目录。目录结构规划是否合理对于站点本身的上传维护、站点内容未来的扩充和移植有着重要的影响。规划目录结构时应当遵循的几个原则：（1）不要将所有文件都存放在根目录下；（2）按栏目内容分别建立子目录；

（3）在每个主目录下都建立独立的images目录；（4）目录的层次不要太深；（5）切忌使用中文目录；

（6）不要使用过长文件名的目录；（7）尽量使用意义明确的目录。

15、个人网站的基本风格是什么？

答：个人站点的作用主要在于展示个人的风采和兴趣爱好，站点的风格随各人的爱好、习惯而不同，并无定式。但是总的来说个人网站的基本风格在布局上是有区别的，尤其反映在主页上。

（1）主题图形网站最显著的标志是主页有一个醒目的图形，该图形很大程度上反映了网页作者希望自己的网页具有的一种意境：或沉静或活泼，采用冷或暖色调。主题图形可以是制作的图形，也可以采用个人照片。主题图形式网站的另一个特点是主页上的超级链接不多，而且很少出现大段的文本，只有当浏览者进入下一级页面时，才能看到详细文本信息。这类网站体现了作者较好的艺术修养，倾向于个性展示。但是由于主题图形增加了网页的体积大小，所以不应再出现大段的文本，否则网页访问速度就会变慢。

（2）信息发布式个人网站则主要看中网站的信息量，这类网站都发布大量的信息，其作者较热衷于贡献信息。为便于浏览者访问，网站的主页就出现大量的信息，更新信息较多，然后另辟栏目介绍其他信息。网站主题图形基本上采用类似广告条的样式，往往被放置在网页最上方，其布局类似各公司的徽标，目的在于提醒浏览者所处的位置，便于迅速切换栏目。信息式网站以提供大量信息为目的，应避免一切华而不实的设计。

信息式网站学习了如新浪、263等综合类门户站点的布局，这些综合类网站要求主页面尽可能提供丰富的信息量，通过主页就可以完成许多信息搜索任务，查找信息简单方便。因此，这些网站主页链接相当繁多，还有各种免费邮件入口、会员登记入口、搜索引擎入口等，纷繁而有序。

（3）还有一种是介于上述两种类型之间的网站。这种网站既想突出个人形象，又想发布大量信息，组织形式不鲜明。初学者应注重一定要让自己的网站简洁，这样便于作者控制网页上的元素。网页元素包括图形、图像、文字、超级链接、表格等由作者在网页上建立的对象。

个人网站具体采用哪种风格形式，应当按照需要决定。如果只为介绍个人及其爱好，其他要加入的资料不多，就可以采用主题图形式，这种情况下需要掌握一些图像处理的特殊技能。如果想开设软件下载、音乐下载、文学作品大全等，对展示个性并不热衷，采用信息式站点模式比较方便。信息式网页有一个特点是栏目间的网页结构相似，可以建立起以一个网页为基准的模板，从而能够快速建立其他网页，这使得管理起站点更为省时、省力。

16、论述建立网站的链接结构有哪几种形式和各自的优缺点。

答：网站的链接结构是指页面之间相互链接的拓扑结构，它建立在目录结构基础之上，但可以跨越目录。形象的说：每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在与一个立体的空间中。研究网站的链接结构的根本目的在于：用最少的链接，使得浏览最有效率。

一般地，建立网站的链接结构有两种基本方式：（1）树形链接结构方式（一对一）

类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。立体结构看起来就像蒲公英。这样的链接结构浏览时，一级级进入，一级级退出。优点是条理清晰，访问者明确知道自己在什么位置，不会“迷”路。缺点是浏览效率低，要进行栏目跳转时，必须绕经首页。

（2）星形链接结构（一对多）

类似互联网结构，每个页面相互之间都建立链接。立体结构像东方明珠电视塔上的钢球。这种连接结构的优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。

这两种基本结构都只是理论上的方式，在实际的网站设计中，总是将这两种结构混合起来使用。我们希望浏览者即可以方便快速的达到自己需要的页面，又可以清晰的知道自己的位置。所以，最好的办法是首页和一级页面之间用星形链接结构，一级和二级页面之间用树形链接结构。

17、简述非商业组织的网站风格。答：（1）强调页面的主色调。

（2）主题图形要求反映单位的风采，设计应有创意、有内涵、庄重中不乏活泼。

（3）超级链接的分类一定要清晰，可采用图形，必要时可建立站内搜索引擎。

（4）信息查看板很重要，因为非商业组织的网站更新不如商业网站频繁，始终如一的画面显得枯燥，所以经常去更新信息查看板，将增加访问者的访问兴趣。放置信息查看板主要方法有两种方法，一是在主页直接放置信息查看板，二是当页面上主题图形小，超级链接也不多的情况下不宜把信息查看板放在主页，可以在主页上增加一个快速进入信息查看板的超级链接。

18、论述规划网站目录结构时应当遵循的的原则。答：规划目录结构时应当遵循的几个原则：（1）不要将所有文件都存放在根目录下；（2）按栏目内容分别建立子目录；

（3）在每个主目录下都建立独立的images目录；（4）目录的层次不要太深；（5）切忌使用中文目录；

（6）不要使用过长文件名的目录；（7）尽量使用意义明确的目录。

第五篇：网页设计论文

网页设计基础课程论文

摘要:随着互联网的不断发展和中国网络人口的日益增长，建立个人网站，不但可以更好的展示自己，而且可以提高自己在计算机应用方面的能力,网站越发普及，网站建设也有新的要求,网站已发展为一种工具，一个企业对外信息展示的工具.以前网站上常见的大幅图片，长达几十钟的flash动画，已悄然而逝，浏览者再也不用为了查找一些信息而必须等待动画的时间，可以简单方便的找到自己想要的东西，是浏览者主要的目的，也是网站设计时应该考虑的问题。以前只是一味的追求网站的外观，其实网站是一个公司的对外信息窗口，因此在考虑美观的同时也得考虑浏览者的感受，如有些色调是很亮丽，但是这些过于亮的色彩看的时间长了会让你的眼睛不舒服，这样浏览的人就不会长时间在网站上逗留，网站没把公司的信息完全的传达给客户． 关键词：网站网页设计发展趋势网站标准 正文：一:网页设计发展趋势: 1.更多的CSS3 + HTML5 这是期待已久的事情。在过去的几年设计师已经开始关注和使用CSS3+HTML5，但在以后CSS3+HTML5将会得到更广泛的应用。网页设计师最终会抛弃Flash。Flash不再是昔日的王者，新技术（指CSS3+HTML5）将会取而代之 2简单的配色方案

没有比纯色的背景更直观更简洁。纯色可以有很多种表达方式。不要老是黑白灰神马的，太不给力了。多点考虑绿、黄或者红作为你的网页主色调。当然，颜色最好保持使用2到3种。调整颜色的透明度，或许会给你意想不到的效果 3.移动互联网时代的到来

智能手机，ipad和上网本随处可见，将来这个将会更加明显。这意味着你的设计需要考虑更多的设备。4.Parallax Scrolling 先来解释下Parallax Scrolling，Parallax scrolling 是让多层背景以不同的速度移动，形成运动视差 3D 效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验仍然非常出色。2011年的网页设计趋势热点就是要创造这样的深度视觉效果。5.设计需考虑更多的触屏设备

触屏技术应用越来越广泛，触屏设备随处可见。这意味着，你的导航设计不再只是鼠标导航，你必须要要考虑你的设计适合触屏设备。6.深度判析

深度判析是关于在网页设计使用维数，这样可以使你的网页变得更加真实。如果运用得恰当，那将会是一个虚拟的3D效果，就像3D电影阿凡达那样。尽管3D技术还没有去到网站设计，你仍然尝试使用维数进行设计。7.大背景图

大背景图的网页设计应用在2011年将会更加明显。这些背景图像一般是高分辨率，覆盖这个网站。高清照片是一个迅速抓住你的读者的好方式，可以产生极具冲击力的视觉效果-游客的视线会不自觉地落在宽大的背景上。8.不拘谨于顶级域名

严格意义上这一点与网页设计无关，但这一点也是发展的趋势，将出现更多创造性的域名。.com域名的吸引力越来越少，主要是你很难再找到一个比较短的.com域名。2011年人们开始将视线慢慢转移到.me、.co和.cc等身上。想想域名的发展，抢先一步，不然你很可能再次错失先机。9.QR: Quick Response 如果你注意现在越来越多的名片、杂志或者其他地方出现方形条形码，证明你已经看到2011年的这个趋势热门

10.缩略图设计（Thumbnail Design）

Google已经向浏览用户推出它们的浏览预览技术。过去我们只能通过点击链接才能看到网页的内容，现在你只需点击放大镜然后将鼠标悬停在链接上就可以预览该链接的网页内容。11.持续联系/ Life Stream Lifestreaming, 一种在线记录个人日常活动的网络应用，包括直接通过视频feed或通过聚焦一个人的网络在线内容，比如博客日志，在社会性网络上面的更新，在线相册，聊天内容甚至只是一些喜欢的网站的链接等等.二:网站标准是在W3C（W3C.org）的组织下，商业公司（Netscape、Microsoft等）也认识到统一标准的好处。网站标准开始被建立（1998年2月10日发布XML1.0为标志），并在网站标准组织（webstandards.org）的督促下推广执行。

为什么要建立网站标准: 我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的“浏览器大战”，为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的WAP技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；针对某种浏览器的DHTML特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。如何解决这些问题呢？有识之士早已开始思考，需要建立一种普遍认同的标准来结束这种无序和混乱。商业公司（Netscape、Microsoft等）也终于认识到统一标准的好处，因此在W3C（W3C.org）的组织下，网站标准开始被建立（1998年2月10日发布XML1.0为标志），并在网站标准组织（webstandards.org）的督促下推广执行。

采用网站标准的好处:

对网站浏览者的好处：

1、文件下载与页面显示速度更快

2、内容能被更多的用户所访问（包括失明、视弱、色盲等残障人士）；

3、内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等）；

4、用户能够通过样式选择定制自己的表现界面；

5、所有页面都能提供适于打印的版本。对网站所有者的好处:

1、更少的代码和组件，容易维护；

2、带宽要求降低（代码更简洁），成本降低。举个例子：当ESPN.com使用CSS改版后，每天节约超过两兆字节（terabytes）的带宽；

3、更容易被搜寻引擎搜索到；

4、改版方便，不需要变动页面内容；

5、提供打印版本而不需要复制内容；

6、提高网站易用性。在美国，有严格的法律条款（Section 508）来约束政府网站必须达到一定的易用性，其他国家也有类似的要求。

参考文献： 一：温谦.HTML+CSS网页设计与布局从入门到精通[M].北京:人民邮电出版社,2010.3 二：http://www.xiexiebang.com

三：http://btgyjlbjx.nease.net(北极星网站域名）

课程论文

系院:土木工程学院

专业:建筑工程 姓名:王奎

学号:105140340043 网页设计基础