网页设计复习文案.docx

1、网页设计复习文案第一章：1，什么是Internet?（P2） 简单地说，Internet就是将世界各地的计算机网络、主机和个人计算机通过通信设施和通信协议（基于TCP/IP协议簇）互相连接起来构成的互联网络系统。2，什么是WWW?（P9-P10） WWW是一种软件，是Internet上那些支持WWW协议和超文本传输协议(http)的客户机与服务器的集合。它是Internet上提供的最主要的服务器项目，也是目前Internet上最热门的信息源。3，HTTP协议和FTP协议的定义（P12） HTTP是一种Internet上最常见的协议，它是用于从WWW服务器传输超文本到本地浏览器的传送协议。他是一

2、种基于TCP/IP之上的协议，它不仅保证正确传输超文本文档，还确定传说文档中的哪一补分，以及哪补分内容首先显示（如文本先于图形）等。 FTP是计算机网络上主机之间传送文件的一种服务协议。 FTP的地址格式: ftp:/用户名：密码FTP服务器IP或域名：FTP命令端口/路径/文件名。其中FTP服务器IP或域名为必要项，其他不是必需的。4，超链接和超文本的定义(P12) 超连接是WWW上的一种链接技巧，它是内嵌在文本或图像等多媒体元素中的。通过单击已定义好的关键字或图形等元素，就可以自动连上对应的其他文件。 具有超链接的文本称为超文本。超文本中不仅可以含有文本信息，还可以包含图形、声音、图像和视

3、频等多媒体信息。5，IP地址的定义与IP段的划分（P13） Internet地址又称为IP地址，它能唯一确定Internet上每台计算机、每个用户的位置。在IPV4协议中，IP地址提供统一的地址格式，即由32位组成，每个IP地址由两部分组成，网络标识netid和主机标识hostid。网络标识确定该主机所在网络，主机标识确定某一物理网络上的一台主机。IP地址的层次结构具有两个重要特征：1) 每台主机分配了一个唯一的地址2) 网络标识的分配号必须全球统一，但主机标识号可由本机分配。掌握ABC网的编址方案，能够判断ABC网IP。6，域名的含义 与网络上的数字型IP地址对应的字符型地址，称为域名。 域

4、名的结构是层次性的，域名是以若干英文字母和数字组成的，中间由“.“分割成几个层次，从右到左依次为顶级域名、二级域名、三级域名等。 要求：能辨认域名的层次，能分清楚当前地址是几级域名。7，URL的定义 URL是“统一资源定位器”的英文缩写。在Internet上每个站点及站点上的每个网页都有一个唯一的地址，着过地址称为资源定位地址。 URL的结构:通信协议：/服务器名称【：通信协议端口编号】文件夹1【文件夹2】/文件名8，HTML的定义 HTML是一种用来制作超文本文档的简单标记语言。第二章1，网站建设的具体步骤（P22） 建设一个网站一般要经过以下步骤：制作环境的准备，网站目标的确定，网站的主题

5、、风格和创意点的确定，网站结构的确立，网站素材的准备，网站制作工具的选择和确定，网站的建立，网站的测试和上传，网站的宣传和推广以及网站的更新和维护。2，网站选材的原则（P23） 主题选材要小而精，最好选择自己擅长或感兴趣的内容，选题不要太滥。3，网站创意思考的5个阶段（P24） 准备期：研究所搜集的资料，根据旧经验，启发新创意 孵化期：将资料咀嚼消化，使意识自由发展，任意结合 启示期：意识发展并结合，产生创意 验证期：将产生的创意讨论修正 形成期：设计制作网页，将创意具体化。4，网站的规划（P25-P26） 包括总体结构的设置、目录的设置和链接结构的设置。1） 总体结构的确立：可以用树状结构罗

6、列大纲后再进行规划。2） 网站目录的设置：不要将所有文件都存放在根目录下，目录的层次不要太深，一般不超过3层。不要使用中文目录，不要使用过长的目录。3） 链接结构的设置：树状、星状5，网站素材的准备（P27）:分为搜集、整理加工、制作和存储等环节。6，网站的宣传和推广（P28、P242）：搜索引擎上注册、交换链接、运用网络广告、合作推广、广播电视等。7，网页文件命名原则（P28-P29）1） 每一个目录中应该包含一个默认的html文件，文件名统一使用Index.html2） 文件名称建议统一用小写的英文字母、数字和下划线的组合。3） 文件命名的指导思想是：尽可能使自己的和工作组的每一个成员能够

7、方便的理解每一个文件的含义，并且当在文件夹中使用“按名称排列”命令时，同一种大类的文件能够排列在一起，以便进行查找，修改，替换和计算负载量等操作。要求：以“新闻”栏目为例说明该文件的命名原则。8，图片命名原则（P29）图片文件一般分为头尾两部分，用下划线隔开，头部分表示此图片的大类性质，例如广告、标记、菜单、按钮等，通常情况如下。1） 放置在页面顶部的广告、装饰图案等长方形图片取名为banner。2） 标记性图片取名为logo3） 在页面上位置不固定并且带有链接的小图片取名为button4） 在页面上某一个位置连续出现，性质相同的链接栏目图片取名为menu5） 装饰用的照片取名为pic6） 不

8、带链接表示标题的图片取名为title要求：以某一网站首页为例，命名其相关图片9，常见的网页布局结构：（P34）国字型、拐角型、三型、对称对比型、标题正文型、框架型、封面型、Flash型。10，网页版面的布局技术（P32）1） 表格布局（优势：能对不同的对象加以不同的处理，缺点：当用了过多的表格，网页下载速度会受到影响）2） 框架布局3） 层叠样式表布局11，网页布局的原则：（P33）1） 主次分明，中心突出2） 大小搭配，相互呼应3） 图文并茂，相得益彰12，网页版面布局的步骤：（P33）1） 草案:不必考虑细节功能，以粗陋的线条勾画出创意的轮廓即可。最后选定一个满意的最为继续创作的脚本。2）

9、 粗略布局：在草案的基础上，将确定需要放置的功能模块安排到页面上。3） 定案：将粗略布局精细化，具体化。布局过程中遵循的原则A， 正常平衡B， 异常平衡C， 对比D， 凝视E， 空白F， 尽量用图片解说12，网页设计的基本原则（P41）艺术原则：1） 对比原则2） 协调原则3） 平衡原则4） 趣味原则还包括统一、连贯、分割、对比、和谐、易读、易找、清晰、精选。13，网页首页的设计需要注意的问题：1）若无需要，尽量不要放置大图或加上不当的程序2）画面不要设计得杂乱无章3)重视LOGO的设计4)首页不要出现“自我介绍”之类的东西5)不要把“欢迎光临”之类的字眼挂的太大，甚至放在主页主窗口6）最忌“

10、建设中”14.P50 P52文字设计和图形设计的原则第三章1，HTML的基本概念：HTML是一种用来制作超文本文档的简单标记语言，它可以用任何文本编辑器（Windows记事本、写字板、Microsoft Word，专业的文本编辑器等）进行编辑。HTML语言中，不区分大小写。2，标记(p59)：在HTML中用于描述功能的符号称为“标记”，它是用来控制文字、图像等显示方式的符号。标记在使用时必须用“”括起来，标记有单标记和双标记之分。3，HTML的基本结构(P60-P69) HTML文件开始 文件头开始 文件头 文件头结束 文件体开始文件体文件体结束 HTML文件结束其中文件头用和标记，该标记出现

11、在文件的起始补分，标记内的内容不在浏览器中显示，主要用来说明文件的有关信息，如文件标题、作者、编写实践、搜索引擎可用的关键词等。在HEAD标记内最常用的是网页标记标题TITLE标记，它的格式为：网页标题。网页标题是提示网页内容和功能的文字，它出现在浏览器的标题栏中。一个网页只能有一个标题，并且只能出现在文件的头部。BODY文件主体标记文件主体用和标记，它是HTML文档中的主体补分，网页正文中所有的内容包括文字、表格、图像、声音和动画等都包含在这对标记对之间。H标题格式标记格式：标题内容属性：n表示标题字号的界别，可以是1-6之间的任意整数，数字越小，字号越大。Align表示水平对齐方式，取值可

12、以为LEFT，RIGHT，CENTER，TOP，BOTTOM（左对齐、右对齐、居中，顶端，底部）P段落标记格式：.功能：设置文章段落的开始和结束。BR强行换行标记格式：功能：另起一行显示文字。说明：这是一个单标记，与段落标记在显示效果上都是另起一行书写，但是他们不同之处是，段落标记的行距要宽。PRE预排格式标记格式：预排格式的文本说明：若用其他文本编辑器编好了一段文本，要把它放进网页文件，常常需要加许多标记才能达到原来的显示效果，否则浏览器会自动忽略文档中的回车、空格以及其他啊一些符号。如果在文本开头加上，在末尾加上，那么中间爱你就不用加其他标记了，中间的回车换行符等也能起作用，即原样显示。H

13、R插入水平线标记功能：在页面上画横线，可用于页面上内容的分割。格式：属性：width用来设置水平线的宽度，value1可以是点数，也可以是百分比，默认值是100%，size用来设置水平线的厚度，align用来设置对齐方式，color用来设置颜色，其中#000000是黑色，#0000FF是蓝色，#FFFFFF是白色，#FF0000是红色，#00FF00是黄色。BLOCKQUOTE文本缩排标记功能：使用缩排标记，可以实现页面文字的段落缩排。要实现多次缩排可以使用多次缩排标记。格式：文本4，HTML的表格标记（P74）标记用于创建一个表格标识对表格的标题说明用来定义行，此标记只能放在标记对之间使用，

14、而在此标记对之间加入文本将是无用的。用来设置表格头，表头的每一列需要一个标记用来定义表格内容的一列掌握定义简单表格的方法。5，多媒体标记IMG图像标记功能：在当前位置插入图像格式：SRC处为图像文件的URL地址音频标记功能格式：SRC用于指明声音文件的URL地址，LOOP控制播放次数，取-1声音将一直播放到关闭网页为止。6，HTML的超链接标记格式：显示的文本或图像属性：href：设置要链接到的目标的URL地址Target：指定打开链接的目标窗口。7，其他程序设计语言XML：像HTML一样，它同样依赖于描述一定规则的标记和能够读懂这些标记的应用处理工具来发挥它强大的功能。它可以说是HTML的补

15、丁，以便弥补HTML的不足。VRML：是一种描述三维造型与交互环境的简单文本语言。CSS：是一种制定文档内容如何呈现给用户的语言，可以弥补HTML的某些不足。浏览器Scrip脚本语言：它是可以和HTML混在一起使用的语言，通常是一小段嵌在HTML源代码内的小程序。DHTML：动态HTML，他可以在网页下载进浏览器后随时变换更新网页内容、排版样式以及动画等的技术。第六章1，域名的注册规范(P236)：英文域名只能包含26个英文字母AZ，10个数字09，英文连词号“-”，在域名中，不区分英文字母大小写，不得使用或限制使用一下名称、4） 注册含有CHINA、CHINESE、NATIONAL等的域名须

16、经国家有关部门正式批准。5） 公众知晓的其他国家或地区的名称、外国地名、国际组织名称不得使用。6） 县级以上（含县级）行政区划名称的全称或缩写须相关县级以上（含县级）人民政府正式批准。7） 行业名称或商品的通用名称不得使用。8） 他人已经在中国注册过的企业名称或商标名称不得使用。9） 对国家、社会或公共利益有损害的名称不得使用10） 经国家有关部门正式批准和相关县级以上人民政府正式批准是指，相关机构要出具书面文件表示同意XXX单位注册XXX域名。2，域名设计的原则（P237）名称要简单易记，要有特色。3，网站的本地测试的方法(P238)在本地机器上进行测试的基本方法是用浏览器浏览网页，从网站的

17、首页开始，一页一页地测试，以保证所有的网页都没有错误。在不同的操作系统以及不同的浏览器下网页也可能出现不同的效果。解决办法是使用目前比较主流的操作系统（如Windows、UNIX）和浏览器（如IE，Netscape Navigator）进行浏览观察，只要保证在使用最多的操作系统和浏览器下能正常显示，效果令人满意就可以了；同样使用现在大多数用户都普遍使用的分辨率（1024*768）进行显示模式的测试，一般情况下网页设计能够满足800*600以上的分辨率模式中正常显示就可以了。本地测试的另一项工作就是要保证各链接的正确跳转，一般应将网页上所有资源相对于网页“根目录”来进行定位，即使用相对路径来保证

18、上传到远程服务器后能正确使用。本地测试还设计一些工作，如检查网页的大小、脚本程序能否正确运行等。4，在线测试站点的方法（P239）1） 测试网页外观2） 测试链接3） 测试下载时间4） 脚本和程序测试5，FTP上传网站的方式1) 在IE地址栏输入FTIP地址，用自己的用户名和密码登录，并将文件复制到相关的目录下。2) 利用一些网页制作软件提供的“站点发布”命令。3) 使用专用软件。5，网站的管理和维护包含哪些内容（P245） 网站的维护包括网站的更新和改版。1） 网站的更新主要是网站文本内容和一些小图片的增加、删除或修改、总体版面风格保持不变，所以一般至少一个星期更新一次。2） 网站的改版是对

19、网站总体风格作调整，包括版面，配色等各方面。所以改版的周期要长一些。3） 对于公司、企业等单位，尤其是拥有自己服务器的单位，还需要配置专门的网站管理员来管理和维护好网站，维护内容不仅包括动态信息更新、新产品更新、咨询回复、网站安全等，还包括服务器及相关软件的维护、数据库维护。另外还要尽早制定出相关网站的维护规定，将网站维护制度化、规范化。第七章 PS基础知识P248 像素与分辨率的概念P250 RGB模式P251 图像的文件格式第九章 FLASHP352 库，元件和实例的概念P359 帧的概念，关键帧的概念，默认情况FLASH的帧数是12FPS，标准动态图的帧数是24FPS第五、七、八章1，D

20、reamweaver概述：（P171） Dreamweaver是Macromedia公司开发的一款“所见即所得”的网页编辑工具，他采用Mac机浮动面板的设计更个，具有很强的直观性与便携性。和其他网页制作工具相比，它的优势如下：1） 加强了对简体中文的支持。2） 可以在可视化界面中制作出ASP、.NET、JSP、PHP等站点。3） 自带大量模版，大大简化了制作网站的过程。4） 支持数量众多的第三方插件5） 通过配置DREAMWEAMER生成符合XHTML的代码，可以确保用最新的HTML设计标准及时更新站点。2，锚记的概念： 锚记是指在文档中设置一个位置标记，并给该位置一个名称，以便引用。3，Ph

21、otoshop概述（P248） Photoshow是Adobe公司推出的一个专业图像设计软件，它界面友好、功能强大、操作方便，已经被广泛用于包装设计，VI设计、广告设计、插画创作和照片处理等各大领域。4，像素与分辨率（P248）1） 像素：像素(Pixel是组成位图图像的最基本单元。一个图像文件的像素越多，包含的图像信息就越多，就越能表现更多的细节，图像质量自然就会提高，同时保存它们所需要的磁盘空间就越大，编辑和处理的速度就越慢。2） 分辨率：分辨率是指在单位长度内包含的像素的多少，其单位为像素/英寸（Pixel/inch）或像素/厘米（Pixel/cm）。分辨率分为图像分辨率、屏幕分辨率、输

22、出分辨率和位分辨率，他们的含义如下：图像分辨率：每英寸所包含像素的多少。屏幕分辨率：沿屏幕长和宽排列的像素的多少。输出分辨率：喷墨打印机或激光打印机等输出设备在输出图像时每英寸产生的油墨点数。位分辨率：又称为“位深”用于衡量每个像素存储信息的位数，该分辨率决定了图像每个像素中存放的颜色信息。5，图像的文件格式（P251）：1) BMP格式:它是一种WINDOWS标准的位图图像文件格式。可以保存真彩色图像，所占用的空间也比较大。2) TIFF格式：是跨越MAC与PC平台最广泛的图像打印格式，可以保存通道。3) PSD格式：是PHOTOSHOP软件生成的图像格式，这种格式支持PS中所有的图层、通道

23、、参考线、注释和颜色模式。4) JPEG格式：它是最常用的图像格式，是一种最有效、最基本的有损压缩格式，被大多数图形处理软件所支持。JPEG格式的图像被广泛应用于网页的制作。5) GIF格式：GIF格式是输出图像到网页时最常采用的格式，最多只能处理256种颜色，可以支持位图、灰度、索引颜色的颜色模式。6) PNG格式：PNG格式可以保存24位的真彩色图像，并且支持透明背景和消除锯齿边沿的功能，可以在不失真的情况下保存压缩图像。7) PDF格式：它是ADOBE公司开发的一种电子出版物的文档格式，可以存有多页信息，其中包含图形、文档的查找和导航。5，fireworks概述：Fireworks是由M

24、acromedia公司开发的网页制作软件利器之一，主要应用于网页图形的设计、优化和整合。6，Flash概述：Flash是Macromedia公司退出的动画制作软件，也是当前Internet上最流行的WEB动画制作软件，作为三剑客之一的Flash凭借其强大的动画视觉效果、精简的文件尺寸与飞快的下载速度，以及在交互性方面超乎寻常的能力，迅速成为互联网矢量动画的标准。7，库、元件，实例的概念： 元件指的是一个图形、按钮或影片剪辑。在创建他们之后，就可以在整个影片或其他影片里面重复使用。任何一个创建的元件都自动成为库的一部分。 库是元件和实例的载体，它最基本的用处就是对动画中的元件进行管理，使用库可以省去很多重复操作及一些不必要的麻烦。 实例是指位于舞台或嵌套在另一个元件内的元件副本，他是元件在场景中的应用。实例可以与元件在颜色、大小、功能上存有很大差别。