《网页设计与制作》自考课程 复习资料 第一部分知识点 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.文本色彩体系 通过设置标记的属性来为整个网页规定色彩体系,如: 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．文本色彩体系 通过设置标记的属性来为整个网页规定色彩体系，如：… 34．网站设计应注意八个方问题
①网站的设计目的决定设计方案 ②浏览者的需求第一位 ③页面的有效性; ④页面布局保持统一性 ⑤使用表格和适当的帧结构来设计网页 ⑨谨填图片的使用 ⑦平面设计意识 ⑧减少 JavaApplet和其他多媒体的使用。 第二部分知识点 1.HIML的基本概念 HIML为超文本标记语言,是创建网页最基础的描述语言。网页由标记和文本组成。标记 分为单标记和双标记,并都由“”两符号括起来 2.HIML文件的组成 文档头部说明及控制信息 文档描述的主要内容部分 3.页面排版标记的使用 ①标题标记:.,其中ⅹ取值为1~6,值越小标题字体越大 ③转行标记: ④预排版标记:pre>. ⑤文字效果标记: 1)粗体: 斜体 或<>.或
6 ①网站的设计目的决定设计方案； ②浏览者的需求第一位； ③页面的有效性； ④页面布局保持统一性； ⑤使用表格和适当的帧结构来设计网页； ⑥谨填图片的使用； ⑦平面设计意识； ⑧减少 JavaApplet 和其他多媒体的使用。 第二部分知识点 1． HTML 的基本概念 HTML 为超文本标记语言，是创建网页最基础的描述语言。网页由标记和文本组成。标记 分为单标记和双标记，并都由“”两符号括起来。 2． HTML 文件的组成 文档头部说明及控制信息 文档描述的主要内容部分 3． 页面排版标记的使用 ①标题标记：标题名称 ②标题字体标记：…，其中 x 取值为 1~6，值越小标题字体越大。 ③转行标记： ④预排版标记：… ⑤文字效果标记： 1)粗体：… 或 … 2)斜体：… 或 … 或 … 3)底线：…
4删除线:.. 5)文字闪烁:…,其中正不支持,但 Netscape浏览器支持该效果 6)上标:....,其中n的取值1~7,值越大字体越大。 9)字体颜色:.,其中 value取值为6位16进制数 10)背景色:..,其中 value取值为6位16进制数。 11)背景图:,其中url表示图片所在路径 12)文本颜色:.,其中 value取值为6位16进制数 ⑥特殊符号: 1)→>3)◎→©4)“→"5)&→& 4.清单列表的使用 ①符号清单 1).... 2).... 3)...<>. 其中menu、h、ul标记属性type可为:Disc、 Circle和 Square ②标号清单:.<>,.>,其中d标记属性中type可为1,aAil,而 start属性 为设置起始标号 ⑧自定义清单:. 表格相关标记及属性 ①表格基本形式: ........... ②表格属性: 1) border属性:.或.. 2) width属性:或.,设置框线厚度 4) cellpadding属性:,设置数据与边框的距离 5) bgcolor属性:,设置表格背景色。 ③单元格属性 1) width属性:单元格宽度
7 4)删除线：… 5)文字闪烁：…，其中 IE 不支持，但 Netscape 浏览器支持该效果。 6)上标：… 7 下标：… 8）字体大小：…，其中 n 的取值 1~7，值越大字体越大。 9）字体颜色：…，其中 value 取值为 6 位 16 进制数。 10）背景色：…，其中 value 取值为 6 位 16 进制数。 11）背景图：…，其中 url 表示图片所在路径。 12）文本颜色：…，其中 value 取值为 6 位 16 进制数。 ⑥特殊符号： 1） → > 3）© → © 4）“ → " 5）＆ → & 4． 清单列表的使用 ①符号清单 1）……… 2）……… 3）……… 其中 menu、lh、ul 标记属性 type 可为：Disc、Circle 和 Square。 ②标号清单：………，其中 ol 标记属性中 type 可为 1,a,A,i,I，而 start 属性 为设置起始标号。 ③自定义清单：……… 5． 表格相关标记及属性 ①表格基本形式： ………………… ②表格属性： 1）border 属性：…或… 2）width 属性：…或… 3）cellspacing 属性：，设置框线厚度。 4）cellpadding 属性：，设置数据与边框的距离。 5）bgcolor 属性：，设置表格背景色。 ③单元格属性 1）width 属性：单元格宽度
2) height属性:单元格高度 3) align属性:水平对齐方式 4) valign属性:垂直对齐方式 5) bgcolor属性:背景色 6) nowarp属性:强制不换行 ④合并单元格:1)列合并:…d>2)行合并:.d> ⑤表格标题:… 图片与多媒体相关标记 ①图片标记 指定图片所在路径 2)-- 指定图片宽度 3) 指定图片左右间距 5) 指定图片边框 7) ③嵌入视频 1)视频文件格式:mov、mpg、dat、avi等; 2)播放标记: 7.超链接 ①概念:指从一个网页指向另一个目的站点或页面的链接 ②格式:. 8. URL ①概念:u即纺一资定位器。 ②格式:协议:∥主机[:端口号y目录文件名扩展名 ⑧协议:htp、fp、file等
8 2）height 属性：单元格高度 3）align 属性：水平对齐方式 4）valign 属性：垂直对齐方式 5）bgcolor 属性：背景色 6）nowarp 属性：强制不换行 ④合并单元格：1）列合并：… 2）行合并：… ⑤表格标题：… 6． 图片与多媒体相关标记 ①图片标记 1） ----------------- 指定图片所在路径 2）------------------ 指定图片宽度 3）----------------- 指定图片高度 4）----------------- 指定图片左右间距 5）----------------- 指定图片上下间距 6）----------------- 指定图片边框 7）----------------- 指定图片水平对齐方式 8）----------------- 指定图片提示信息 ②嵌入声音 1）声音文件格式：wav、au、mid、mp3 等； 2）自动播放标记： ③嵌入视频 1）视频文件格式：mov、mpg、dat、avi 等； 2）播放标记： 7． 超链接 ①概念：指从一个网页指向另一个目的站点或页面的链接。 ②格式：… 8． URL ①概念：url 即纺一资定位器。 ②格式：协议：//主机[：端口号]/目录/文件名.扩展名 ③协议：http、ftp、file 等
④端口号:fp默认为21,而htp默认为80。 9.表单 ①表单结构:表单元素 ②表单元素: 单行文本: 密码文本: 多行文本: 单选框: 多选框: 隐藏域: 下拉列表:.. option>. 重置按钮: 10.框架 ①基本结构 head>.. . ②横向框架:.. ③纵向框架:.. ④框架嵌套 ⑤框架与框架中文本距离:.. ⑥框架边框:. ll.META标记 ①刷新:
9 ④端口号：ftp 默认为 21，而 http 默认为 80。 9． 表单 ①表单结构：表单元素 ②表单元素： 单行文本： 密码文本： 多行文本： 单选框： 多选框： 隐藏域： 下拉列表：……… 提交按钮： 重置按钮： 10．框架 ①基本结构 …… …… … ②横向框架：… ③纵向框架：… ④框架嵌套 ⑤框架与框架中文本距离：… ⑥框架边框：… 11．META 标记 ①刷新： ②支持编码：
③关键字:…..… </script
10 ③关键字： ④描述内容： 12．动态网页技术的概念与分类 ①概念：凡是能够接受用户操作，并作出相应响应的网页实现技术。 ②分类：服务器端动态网页技术和客户端动态网页技术。 13．客户端动态网页技术 ①DHTML 组成：包括 HTML、Javascript、Dom、Css 等； ②DHTML 优点：动态样式、动态内容、动态定位。 14．Javascript 概念与特点 ①JS 概念：即是一种基于对象和事件驱动并具安全性能的脚本语言。 ②JS 特点 1）是一种脚本编写语言 2）基于对象 3）基于事件 4）安全的 5）简单的 6）跨平台的 15．Javascript 与 Java 区别 ①JS 为基于对象，而 JAVA 为面向对象； ②JS 为解释性编程语言，而 JAVA 不编译编程语言； ③JS 采用弱变量，而 JAVA 采用强变量； ④代码格式不一样； ⑤嵌入方式不一样，JS 采用…，而 JAVA 采用…； ⑥JS 采用动态联编，而 JAVA 采用静态联编． 16．Javascript 的主要内容 ①JS 主要内容：包括事件与事件处理名柄，变量与常量，表达式与运算符，函数，数组，对象等元 素，以及顺序，条件，循环，对象等控制语句。 ②JS 对象：window、document、form、navigator、string、math、date 对象等； ③注释符号：1）// … → 行注释 2）/*……*/ → 块行注释 17．Javascript 嵌入 HTML 的方法 ①文档中：……