《网页设计与制作》自考课程复习资料第一部分知识点1．互联网①概念：它是目前世界上最大的计算机通信网络，遍布全球，将世界上各种规模的计算机网络连接成一个整体，从而实现信息交流与共享。
②服务：它主要提供了WEB、BBS、TELNET、FTP等服务。
2．网络协议①定义：它是一系列通信规则的总称，主要包括用户数据与控制信息的结构和格式，需要发出的控制信息以及相应要完成的操作与响应，对事件实现顺序的详细说明等三部分内容。
②分类：它分为硬件协议和软件协议，其中硬件协议定义硬件设备如何协调工作，如：100BaseT Ethernet等，软件协议则用于完成程序之间的通信，如：TCP/IP，IPX，NETBEUI等。
3．OSI七层模型①定义：OSI即开放系统互联，它是由国际标准化组织（ISO）发起制定的计算机网络通信标准。
②OSI七层模型：从高层到低层依次排列为，应用层、表示层、会话层、传输层、网络层、数据链路层、物理层。
4．TCP/IP①TCP：即传输控制协议，工作在OSI模型中的传输层，用于建立和校验数据连接。
②IP：即网际协议，工作在OSI模型中的网络层，用于处理网络上一个主机到别一个主机的数据报路由选择。
5．IP地址①定义：通过IP层协议为互联网中的每一个网络和每一台主机所分配的惟一通信地址，称IP地址。
②组成：它由32位二进制数表示，每8位为一组，以圆点“。
”分隔，其中每组数据具体设置时一般用十进制表示，范围在0~255。
③层次：它为层次结构地址，分为主机、由主机构成的网络、由网络构成的互联网。
④分类：它分为5类，包括A类（1~126）、B类（128~191）、C类（192~223）、D类（224~239）、E 类（240~254）。
6．域名和域名系统①域名：即互联网上与IP地址对应的字符型地址标识。
②域名分类：分为国际域名（com、net、gov、org、edu、mil等）、国内域名（cn、jp、hk、us、tw、au、fr等）和中文域名（中文.cn）。
③域名系统：即Domain Name System，简称DNS，它实质上是一个分布式数据库，包括提出数据的标准格式，数据库查询方法，以及本地更新数据的标准方法。
7．WWW①概念：万维网（World Wide Web，www）又称全球信息网，简称WEB，是目前互联网上最流行的交互式信息查询服务。
②应用：URL（统一资源定位器）HTTP（超文本传输协议）HTML（超文本标记语言）8．网页和主页①网页：即是基于超文本和超媒体的信息载体。
②主页：即整个站点的核心，站点内所有内容都由该页面进行索引，该页通常命名为index.htm或default.htm。
9．HTML网页的核心是HTML（超文本标记语言），它并不是一种程序设计语言，而是一种页面描述语言。
10．网页设计的基本目标①基本目标：要有好的创意（idea），丰富的内容，新颖的观点。
②页面制作：页面结构，页面内容，文字，图形等。
③商业网页设计要求：良好视觉效果，站点开发周期应尽可能短，网页发布的信息一定要准确，维护更新要方便，申请有意且好记忆的域名，有分司或站点的标志，底部有站点相关说明信息等。
11．网页制作工具分类①标记型网页制作工具：Notepad、HotDog等；②所见即所得网页制作工具：Dreamweaver、FrontPage等；③编程型网页制作工具：CGI（通用网关接口）、ASP（活动服务页面）、JAVA等；④图像处理工具：Photshop、Fireworks、Coreldraw等；⑤动画影片制作工具：Flash、Premiere等。
12．初学网页制作需注意的几个方面①从了解HTML的基本标记开始；②选择一个自己认为顺手的工具，从第一个页面开始；③多访问他人的网页，从中受到启发；④深入分析成功网站及网页。
13．网页制作最基本的原则：有创意。
14．网站设计需要考虑的基本原则①网页内容便于阅读；②站点、页面色彩的搭配得当；③带宽足够宽；④浏览器功能强大与最佳分辨率；⑤提供与浏览者的交互；⑥站点内容要精、专，并及时更新；⑦简单即是美。
15．站点设计的国际专业流程①初始商讨；②构思；③综合内容；④页面布局和导航；⑤图形制作；⑥内容集成；⑦测试；⑧验收交付。
16．站点风格的概念即整个网站所采用的结构布局、色调、文字、标志、图案等要素带给浏览者的关于该网站的印象。
17．商业站点的风格特征①公司徽标或商标应当出现在页面最上方；②采用主题图形产品广告来突出公司形象与风格；③主要栏目一般采用图文并茂的超级链接；④不要把主要栏目和次要栏目都显示在同一个页面上；⑤商业网站一般都有固定栏目页面，如Support (技术支持)、Service(服务)、About Us(关于公司)等；⑥必须建立站内搜索引擎。
18．非商业组织的风格①强调页面的主色调；②主题图形要求反映单位的风彩，设计有创意，有内涵，庄重中不乏活泼；③超链接的分类一定要清晰，可采用图形，必要时可建立站内搜索引擎；④一般设有信息查看板。
19．个人站点的主要风格①主题图形式②信息发布式③介于以上二者之间20．站点的层次和典型的站点结构①站点的层次：指整个站点各个层次之间的结构关系；②典型的站点结构：即三层结构，首页—栏目页—文章页或一级页面—二级页面—三级页面21．网站目录结构组织的原则①网站目录：是指设计者建立网站时所创建的目录；②目录结构建设原则：1）不要将所有文件都存放在根目录下；2）按栏目内容分别建立子目录；3）在每个主目录下都建立独立的images目录；4）目录的层次不要太深；5）切忌使用中文目录；6）不要使用过长文件名的目录；7）尽量使用意义明确的目录；22．网站的链接结构①概念：它是指页面之间相互链接的拓朴结构。
②基本方式：主要分为树型链接结构（一对一）和星型链接结构（一对多）。
23．重心平衡①概念：即页面重心反映网页上各种元素分布的协调程序。
②方式：对称布局与非对称布局。
24．色彩的基本概念①色彩分类：彩色和非彩色；②非彩色：指黑色、白色和各种深浅不同的灰色；③彩色：指非彩色以外的颜色；④彩色的属性：色相（指颜色，是颜色的基本属性）、纯度（又称饱和度，指颜色纯洁程序）、明度（又称亮度，指颜色的深浅程序）。
⑤非彩色的属性：明度。
25．计算机中的颜色表示①三原色：RGB（Red Green Blue），分别为红绿蓝三种颜色。
②计算机用位数表示颜色：8位表示颜色的数量为28 种 16位表示颜色的数量为216种 24位表示颜色的数量为224种26．JPG和GIF文件格式①色彩的载体是图像，图像的载体是文件格式；②JPG：适合存储于高清晰度照片；③GIF：最多允许256色，适合于存储小图形，包括透明背景图和动态效果图。
27．WEB安全色①概念：指浏览器所能识别的00、33、66、99、cc、ff 六组数据任意选3种组合成的颜色。
②数量：6*6*6=216种28．抖动①产生：指采用安全色以外的颜色表示网页元素，在WEB显示时会产生抖动的现象。
②概念：指在WEB显示时，采用WEB安全色去替代予之相近网页元素颜色，而产生的颜色的偏差。
29．页面布局的概念①页面尺寸②整体造型③页眉④文本⑤页脚⑥图片⑦多媒体30．页面布局的方法：纸上布局法和软件布局法。
31．大色块构图法及基要点①大色块构图分类：对称色块构图法和非对称色块构图法。
②大色块构图要点：1）冷暖色调在均匀使用时不宜靠近；2）纯度接近的两种颜色不宜放在一起；3）整个页面最好有一个主色调。
32．线条构图方法及其要点①凭借简单线条形成网页。
②构图要点：1）抽象线条与图片搭配；2）统一色调。
33．文本色彩体系通过设置标记<body>的属性来为整个网页规定色彩体系，如：<body bgcolor=”#000000”text=”#ffffff” link=”#ff0000” vlink=”#00ff00” alink=”#0000ff”>…</body>34．网站设计应注意八个方问题①网站的设计目的决定设计方案；②浏览者的需求第一位；③页面的有效性；④页面布局保持统一性；⑤使用表格和适当的帧结构来设计网页；⑥谨填图片的使用；⑦平面设计意识；⑧减少JavaApplet和其他多媒体的使用。
第二部分知识点1．HTML的基本概念HTML为超文本标记语言，是创建网页最基础的描述语言。
网页由标记和文本组成。
标记分为单标记和双标记，并都由“<”和“>”两符号括起来。
2．HTML文件的组成<html><head>文档头部说明及控制信息</head><body>文档描述的主要内容部分</body></html>3．页面排版标记的使用①标题标记：<title>标题名称</title>②标题字体标记：<hx>…</hx>，其中x取值为1~6，值越小标题字体越大。
③转行标记：<br>④预排版标记：<pre>…</pre>⑤文字效果标记：1)粗体：<strong>…</strong> 或 <b>…</b>2)斜体：<em>…</em> 或 <i>…</i> 或 <cite>…<cite>3)底线：<u>…</u>4)删除线：<strike>…</strike>5)文字闪烁：<blink>…</blink>，其中IE不支持，但Netscape浏览器支持该效果。
6)上标：<sup>…</sup>7下标：<sub>…</sub>8）字体大小：<font size=”n”>…</font>，其中n的取值1~7，值越大字体越大。
9）字体颜色：<font color=”#value”>…</font>，其中value取值为6位16进制数。
10）背景色：<body bgcolor=”#value”>…</body>，其中value取值为6位16进制数。
11）背景图：<body background=”url”>…</body>，其中url表示图片所在路径。
12）文本颜色：<body text=”#value”>…<body>，其中value取值为6位16进制数。
