江西蓝天学院：《网页设计与制作》自考课程-复习资料

《网页设计与制作》自考课程 复习资料 第一部分知识点 1.互联网 ①概念:它是目前世界上最大的计算机通信网络,遍布全球,将世界上各种规模的计算机网络连接 成一个整体,从而实现信息交流与共享 ②服务:它主要提供了WEB、BBS、 TELNET、FTP等服务。 2.网络协议 ①定义:它是一系列通信规则的总称,主要包括用户数据与控制信息的结构和格式,需要发出的控 制信息以及相应要完成的操作与响应,对事件实现顺序的详细说明等三部分内容 ②分类:它分为硬件协议和软件协议,其中硬件协议定义硬件设备如何协调工作,如:100 Baset Ethernet等,软件协议则用于完成程序之间的通信,如: TCP/IP,IPX, NETBEUI等 3.OSI七层模型 ①定义:OSI即开放系统互联,它是由国际标准化组织(ISO)发起制定的计算机网络通信标准。 ②OSI七层模型:从高层到低层依次排列为,应用层、表示层、会话层、传输层、网络层、数据链 路层、物理层。 4. TCP/IP ①TCP:即传输控制协议,工作在OSI模型中的传输层,用于建立和校验数据连接 ②IP:即网际协议,工作在OSI模型中的网络层,用于处理网络上一个主机到别一个主机的数据报 路由选择 5.IP地址 ①定义:通过P层协议为互联网中的每一个网络和每一台主机所分配的惟一通信地址,称P地址。 ②组成:它由32位二进制数表示,每8位为一组,以圆点“。”分隔,其中每组数据具体设置时 般用十进制表示,范围在0-255。 ③层次:它为层次结构地址,分为主机、由主机构成的网络、由网络构成的互联网。 ④分类:它分为5类,包括A类(1~126)、B类(128-191)、C类(192-223)、D类(224239)、 E类(240-~254) 6.域名和域名系统 ①域名:即互联网上与IP地址对应的字符型地址标识。 ②域名分类:分为国际域名(com、net、gov、org、edu、mil等)、国内域名(cn、jp、hk、us、tw

1 《网页设计与制作》自考课程 复习资料 第一部分知识点 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(统一资源定位器) HTP(超文本传输协议) HIML(超文本标记语言) 8.网页和主页 ①网页:即是基于超文本和超媒体的信息载体。 ②主页:即整个站点的核心,站点内所有内容都由该页面进行索引,该页通常命名为 index htm或 default htm 9。HTML 网页的核心是HTML(超文本标记语言),它并不是一种程序设计语言,而是一种页面描述语言 10.网页设计的基本目标 ①基本目标:要有好的创意(dea),丰富的内容,新颖的观点 ②页面制作:页面结构,页面内容,文字,图形等。 ③商业网页设计要求:良好视觉效果,站点开发周期应尽可能短,网页发布的信息一定要准确,维 护更新要方便,申请有意且好记忆的域名,有分司或站点的标志,底部有站点相关说明信息等 11.网页制作工具分类 ①标记型网页制作工具: Notepad、 HotDog等 ②所见即所得网页制作工具: Dreamweaver、 FrontPage等 ⑧编程型网页制作工具:CGI(通用网关接口)、ASP(活动服务页面)、JAVA等 ④图像处理工具: Photshop、 Fireworks、 Coreldraw等 ⑤动画影片制作工具:Hash、 Premiere等 12.初学网页制作需注意的几个方面 ①从了解HIML的基本标记开始: ②选择一个自己认为顺手的工具,从第一个页面开始 ③多访问他人的网页,从中受到启发 ④深入分析成功网站及网页

2 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.非商业组织的风格 ①强调页面的主色调: ②主题图形要求反映单位的风彩,设计有创意,有内涵,庄重中不乏活泼 ⑧超链接的分类一定要清晰,可采用图形,必要时可建立站内搜索引擎

3 13．网页制作最基本的原则：有创意。 14．网站设计需要考虑的基本原则 ①网页内容便于阅读； ②站点、页面色彩的搭配得当； ③带宽足够宽； ④浏览器功能强大与最佳分辨率； ⑤提供与浏览者的交互； ⑥站点内容要精、专，并及时更新； ⑦简单即是美。 15．站点设计的国际专业流程 ①初始商讨； ②构思； ③综合内容； ④页面布局和导航； ⑤图形制作； ⑥内容集成； ⑦测试； ⑧验收交付。 16．站点风格的概念 即整个网站所采用的结构布局、色调、文字、标志、图案等要素带给浏览者的关于该网站的印象。 17．商业站点的风格特征 ①公司徽标或商标应当出现在页面最上方； ②采用主题图形产品广告来突出公司形象与风格； ③主要栏目一般采用图文并茂的超级链接； ④不要把主要栏目和次要栏目都显示在同一个页面上； ⑤商业网站一般都有固定栏目页面，如 Support (技术支持)、Service(服务)、About Us(关于公司)等； ⑥必须建立站内搜索引擎。 18．非商业组织的风格 ①强调页面的主色调； ②主题图形要求反映单位的风彩，设计有创意，有内涵，庄重中不乏活泼； ③超链接的分类一定要清晰，可采用图形，必要时可建立站内搜索引擎；

④一般设有信息查看板。 19.个人站点的主要风格 ①主题图形式 ②信息发布式 ③介于以上二者之间 站点的层次和典型的站点结构 ①站点的层次:指整个站点各个层次之间的结构关系; ②典型的站点结构:即三层结构,首页一栏目页一文章页或一级页面一二级页面一三级页面 21.网站目录结构组织的原则 ①网站目录:是指设计者建立网站时所创建的目录; ②目录结构建设原则: 1)不要将所有文件都存放在根目录下 2)按栏目内容分别建立子目录 3)在每个主目录下都建立独立的 Images目录 4)目录的层次不要太深 5)切忌使用中文目录 6)不要使用过长文件名的目录 7)尽量使用意义明确的目录 22.网站的链接结构 ①概念:它是指页面之间相互链接的拓朴结构 ②基本方式:主要分为树型链接结构(一对一)和星型链接结构(一对多)。 23.重心平衡 ①概念:即页面重心反映网页上各种元素分布的协调程序。 ②方式:对称布局与非对称布局。 24.色彩的基本概念 ①色彩分类:彩色和非彩色 ②非彩色:指黑色、白色和各种深浅不同的灰色 ③彩色:指非彩色以外的颜色 ④彩色的属性:色相(指颜色,是颜色的基本属性)、纯度(又称饱和度,指颜色纯洁程序)、明度 (又称亮度,指颜色的深浅程序) ⑤非彩色的属性:明度

4 ④一般设有信息查看板。 19．个人站点的主要风格 ①主题图形式 ②信息发布式 ③介于以上二者之间 20．站点的层次和典型的站点结构 ①站点的层次：指整个站点各个层次之间的结构关系； ②典型的站点结构：即三层结构，首页—栏目页—文章页 或 一级页面—二级页面—三级页面 21．网站目录结构组织的原则 ①网站目录：是指设计者建立网站时所创建的目录； ②目录结构建设原则： 1）不要将所有文件都存放在根目录下； 2）按栏目内容分别建立子目录； 3）在每个主目录下都建立独立的 images 目录； 4）目录的层次不要太深； 5）切忌使用中文目录； 6）不要使用过长文件名的目录； 7）尽量使用意义明确的目录； 22．网站的链接结构 ①概念：它是指页面之间相互链接的拓朴结构。 ②基本方式：主要分为树型链接结构（一对一）和星型链接结构（一对多）。 23．重心平衡 ①概念：即页面重心反映网页上各种元素分布的协调程序。 ②方式：对称布局与非对称布局。 24．色彩的基本概念 ①色彩分类：彩色和非彩色； ②非彩色：指黑色、白色和各种深浅不同的灰色； ③彩色：指非彩色以外的颜色； ④彩色的属性：色相（指颜色，是颜色的基本属性）、纯度（又称饱和度，指颜色纯洁程序）、明度 （又称亮度，指颜色的深浅程序）。 ⑤非彩色的属性：明度

25.计算机中的颜色表示 ①三原色:RGB( Red green blue),分别为红绿蓝三种颜色 ②计算机用位数表示颜色: 8位表示颜色的数量为28种16位表示颜色的数量为26种24位表示颜色的数量为224种 26.JPG和GIF文件格式 ①色彩的载体是图像,图像的载体是文件格式; ②JPG:适合存储于高清晰度照片: ③GIF:最多允许256色,适合于存储小图形,包括透明背景图和动态效果图。 27.WEB安全色 ①概念:指浏览器所能识别的00、33、66、99、c、ff六组数据任意选3种组合成的颜色。 ②数量:6*6*6=216种 28.抖动 ①产生:指采用安全色以外的颜色表示网页元素,在WEB显示时会产生抖动的现象 ②概念:指在WEB显示时,采用WEB安全色去替代予之相近网页元素颜色,而产生的颜色的偏差 29.页面布局的概念 ①页面尺寸②整体造型③页眉④文本⑤页脚@图片⑦多媒体 30.页面布局的方法:纸上布局法和软件布局法。 31.大色块构图法及基要点 ①大色块构图分类:对称色块构图法和非对称色块构图法。 ②大色块构图要点: 1)冷暖色调在均匀使用时不宜靠近 2)纯度接近的两种颜色不宜放在一起 3)整个页面最好有一个主色调。 32.线条构图方法及其要点 ①凭借简单线条形成网页。 ②构图要点:1)抽象线条与图片搭配;2)统一色调。 33.文本色彩体系 通过设置标记<body>的属性来为整个网页规定色彩体系,如:< body bgcolor=”0000 text=”#mff,link=”#ffoo00”vink=”#00ffo0” alink=”#0000fr> 34.网站设计应注意八个方问题

5 25．计算机中的颜色表示 ①三原色：RGB（Red Green Blue），分别为红绿蓝三种颜色。 ②计算机用位数表示颜色： 8 位表示颜色的数量为 2 8 种 16 位表示颜色的数量为 2 16 种 24 位表示颜色的数量为 2 24 种 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．网站设计应注意八个方问题