00900《网页设计与制作》复习资料
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计与制作》自考课程复习资料
1．网络协议分为：硬件协议和软件协议.
2．TCP/IP协议：TCP为传输控制协议,工作在传输层,FTP默认端口号为21；IP为网际协议,工作在网络层,WEB默认端口号为80；Telnet为远程登录协议,默认端口号为23；SMTP为简单传输协议,默认端口号为25；POP3为邮局协议,默认端口号为110.
3．IP地址：由32位二进制数表示,每8位为一组,以圆点"．"分隔；其中IP直观表示时采用十进制,每组的有效范围是0~255；主要分为三个层次,分别是主机、由主机构成的网络和网络构成的互联网；IP分为5类IP地址,A类1~126,B类128~191,C类192~223,D类224~239,E类240~254.
4．域名与域名系统：IP是三个层次的由数字表示,而域名是多个层次由字符表示,域名分为国内域名〔中国〕和国际域名〔商业/网络.net/教育.edu/政府.gov/组织.org〕,DNS即〔Domain Name System/ Domain Name Server〕实现域名与IP地址的一一对应关系.
5．URL：即统一资源定位器,基本格式为：访问类型：//访问主机[：端口号]/访问的文件.
6．网页：即基于超文本和超媒体的信息载体；超文本指一个网页可以通过事先嵌入的超级跳转到存储于其他任何地方的网页；超媒
体指网页包含了种种多媒体信息或多媒体.
7．网页的核心是HTML,它并不是一种程序设计语言,而是一种页面描述语言.
8．WEB浏览器是指一个运行在用户计算机上的程序,它负责下载、显示网页,因此也称为WWW客户程序.
9．超媒体的两大应用：一是指网页中的图形本身就是一个,二是指WEB可以打开某一程序,而且显示并播放其中的图片、音频或视频剪辑.
10．目前流行的两大浏览器：Internet Explorer和Netscape Navigator.
11．评价一个设计好坏,主要包括创意和制作两个部分.
12．网页制作的工具：HotDog、Notepad、HomeSite属于标记型网页制作工具；Frontpage、Dreamweaver属于所见即所得网页制作工具；Photoshop、Fireworks属于图形处理型网页制作工具；CGI、JAVA属于编程型网页制作工具.
13．图形图像处理主要包括：图形编辑、图像修饰和图像优化.
14．设计专业流程：初始商计、构思、综合内容、页面布局与导航、图形制作、内容流程、测试和验收交付.
15．风格：指整个所采用的结构布局、色调、文字、标志、图案
等要素给浏览者的关于该的印象.个人的基本风格为3种：主题图形、信息发布与介于两者之间的形式.
16．站点的层次：一般采用三级结构,首页、栏目页、文章页.
17．站点目录结构规划原则：不要将所有文件都存放在根目录下,按栏目内容分别建立子目录,在每个主目录下都建立独立的images 目录,目录的层次不要太深,不要使用中文目录,不要使用过长的目录,尽量采用意义明确的目录.
18．重心平衡：即页面重心反映的网页上各种元素分布的协调程度.
19．色彩：彩色具有色相、饱和度、明度属性,而非彩色只具有明度属性；通常色相就是指颜色,饱和度又称纯度,指颜色的纯洁程度,明度也叫亮度,指颜色的深浅；三原色〔Red
Green Blue,RGB〕指红色、绿色和蓝色,色彩都是通过三原色按照不同的配比调配出来的,每种颜色可调配的范围从0~255共计256个色阶.
20．Gif和JPEG格式图片：Gif格式最多允许的色彩数量为256色,适用于动态图片和透明背景图；Jpeg格式一般采用24位表示颜色的数量为224,适用于数码照片.Fireworks保存的文件格式为PNG；画图工具保存的文件格式为BMP<位图>,其中位图放大后会出现马赛克现象,矢量图放大不影响质量；TIF格式图片〔用于印刷〕和PSD
格式图不能在网页中显示.
21．WEB安全色：指浏览器只能跳跃式的识别00、33、66、99、cc、ff组成的216种颜色.抖动：指网页中采用了WEB安全色以外的颜色,图像出现颗粒、粗糙等现象.
22．网页布局中页面尺寸：与显示器大小与分辨率有关系,常用分辨率有800╳600和1024╳768.
23．色块构图要点：冷暖色调在均匀使用时不宜靠近；纯度接近的两种颜色也不宜放在一起；整个页面中最好有一个主色调.抽象线条构图：很容易造成重心不稳,因此通常和图片搭配使用.
24．文本色彩体系：<body bgcolor="#000000" text="#ffffff" link="#ff0000" alink="#00ff00"
vlink="#0000ff">
其中bgcolor="#000000"指设置网页背景色为黑色,text="#ffffff"指设置网页中文字颜色为白色,link="#ff0000"指设置网页中超文字颜色为红色,alink="#00ff00"指设置网页中点击时超文字颜色为绿色,vlink="#0000ff"指设置网页中已经访问过的超文字颜色为蓝色.
25．在Photoshop中,Resolution是解析度,也叫精度,单位为dpi,就是"每英寸多少个点"的缩写,默认为72dpi.
26．Photoshop中的图像模式有：灰度、RGB、CMYK、LAB,其中CMYK模式中C. 青色<Cyan> M. 洋红色<Magenta> Y.
黄色<Yellow> K. 黑色<blacK>,一般用于印刷中.
27．图层的操作：图层的命名,添加,选择,移动,删除,锁定,隐藏,合并〔Ctrl+E〕.
28．橡皮图章的作用：就是对复制点取样,然后用与复制点相同的图像画图.
29．色彩调节：选择Image<图像>菜单中的Adjust<调整>选项,可以进行色彩调节的方法有,色彩层次、色彩曲线、色彩平衡、亮度和对比度等.
30．HTML文件的基本结构：<html><head>文件头部信息</head><body>文件主体信息</body></html>
31．标题标记：<title>文件标题</title>,该标记放在两个head 之间,作用是在浏览器的标题栏上显示文件标题.
32．标题字体标记：<hx>…</hx>,其中X的取值为1~6,标记号越小,描述的标题文字越大；hx可设置水平对齐属性,格式为<hx align=#>…</hx>,其中#可以是left、center、right,如：<h1 align="center">文字</h1>.
33．转〔换〕行标记：<br>,作用强制文字转行,属于单标记.〔<hr>
水平线、<bgsound>背景声音、<img>图片都属单标记〕
34．预排版标记：<pre>…</pre>,作用按照排版原样显示出来.
35．文字效果标记：粗体标记：<b>…</b>、<strong>…</strong>；斜体标记：<i>…</i>、<em>…</em>、<cite>…</cite>；
底线标记：<u>…</u>；删除线标记：<strike>…</strike>；文字闪烁标记：<blink>…</blink>〔该标记IE不支持,而Netscape支持〕；上标：<sup>…</sup>；下标：<sub>…</sub>；字体大小颜色标记：<font
face="字体" size="n" color="#">…</font>
其中字体可以是宋体、黑体等,n可以是１～７个字号,n的值越大描述的文字越大,＃可以是颜色英文单词或＃加上６位十六进制的颜色代码.
36．特殊符号：< 表示成 <；> 表示成 >；" 表示成"；&表示成&；空格表示成；
37．符号清单：<ul type=#><li>…<li>…</ul>或<menu type=#><li>…<li>…</menu>或<lh
type=#><li>…<li>…</lh>
其中#的值可以是：Disc、Circle、Square.标号清单：<ol type=# start=n><li>…<li>…</ol>
,其中＃的值可以是1、A、a、Ｉ、i, 而n为一个整数代码起始的数字.
38．表格由<table>标记开始,以 </table>标记结束,包括行标记<tr>、表头元标记<th>、列标记<td>.
表格属性中有：border属性表示表格的边框,默认为０；width 属性表示表格的宽度,单位可以是px和％；cellspacing属性表示框线厚度；cellpadding属性表示数据与边框的距离；bgcolor属性表示表格的背景色；bcakground属性表示表格背景图.
单元格属性中有：width属性设置单元格的宽度；height属性设置单元格的高度；align属性设置单元格水平对齐方式可以为left、center、right；valign属性设置单元格的垂直对齐方式为top、middle、bottom；bgcolor属性设置单元格的背景色；nowrap属性强制单元格内容不换行.合并单元格：colspan属性为合并左右相邻的单元格,rowspan属性为合并上下相邻的单元格.
表格标题：<caption>…</caption>,标题内容显示在表格正上方,字体居中并加粗.
39．图片：<img src="#" width=# height=# align=# border=# alt="#">
其中<img>为单标记,src属性指定图片所在路径,width属性和height属性设置图片的宽度和高度,align属性设置图片的水平对齐
方式可为left、center、right,border属性设置图片的边框,alt属性为替代文字,作用是对图片进行说明.
40．嵌入声音：在网页中嵌入的声音文件可以是后缀为.wav、.au、.mid的文件,分别是波形文件、real文件、Ｍidi序列文件,其中波形文件最大,mid文件最小.
41．嵌入视频：在网页中可嵌入的视频文件是后缀为.mov、mpg、dat、avi的文件.声音和视频都可采用<embed>标记来的实现播放：<embed
src="#" width=# height=# autostart=yes loop=true> ,其中loop=true表示始终循环播放.
42．超级：文字：<a href="url">字符串</a>；图片：<a href="url"><img src="#"></a>；
锚点：建立书签的方法：<a name="object-name">text</a> ,指向书签的方法<a
href="#object-name">text</a>
脚本：<a href="javascript:window.close〔〕">关闭窗口</a>；启动系统：<a
href="mailto:地址">…</a>
43．单图多：<map name="map-name"><area shape=# coords=#
href=#><area shape=#
coords=# href=#>…</map>
其中shape的值可以是rect〔矩形〕、circle〔圆形〕、poly〔多边形〕,coords指明各区域坐标,href指明各区域的.
44．表单：<form action=# method=# ><input type=#>…<input type="submit"><input
type="reset"></form>其中action的值是指定表单的处理程序,method的值可以是get或post,一般情况为post,参数传递时采用get,type属性值为text单行文本、passoword为密码文本、radio 为单选框、checkbox为多选框、submit为提交按钮、reset为重置按钮.
45．选择菜单框：<select name=#> <option selected>…</select>,其中selected表示该选项默认被选中.
46．文本域：<textarea name=# rows=# cols=#>…</textarea>,其中rows表示行数,cols表示列数.
47．框架：也被称为帧,将浏览器的窗口划分成多个区域,每个区域可以显示独立的网页文件.例如：浏览器分成三个框架结构,共涉与到４个网页文件,其中第４个文件就是框架划分信息具体代码如下：<html><head><title>框架</title></head>
<frameset rows="20%,*"><frame src="top.htm"><frameset cols="20%,*">
<frame src="left.htm"><frame src="main.htm"></frameset></frameset>
<noframes><body></body></noframes></html>
48．META标记：动态、动态排列文件、网页关键字设置；
动态：<meta -equiv="refresh"
content="# ；url=文件名或网址">,其中#为延时的时间,单位为秒；动态排列文件：<meta -equiv="content-type"
content="text/html；charset=GB2312">,其中GB2312指简体中文,Big5指繁体中文；网页关键字：<meta
name="keywords" content="#">,其中#表示关键字,如果有多个关键字时使用逗号分隔.
49．XML侧重组织和查找数据；CSS侧重于WEB页的继承和表现；DHTML侧重于WEB页内容的动态表现.
50．DHTMＬ包括：HTML4.0〔超文本标记语言〕、CSS3.0〔层叠样式表〕、Javascript、Vbscript、DOM<文档对象模型>,主要优点有,动态样式、动态内容、动态定位.
51．DOM：即文档对象模型,为HTML文档定义了一个与平台无关
的程序接口,使用该接口控制文档的内容、结构和样式.
52．Javascript的基本特点：是一种脚本编写语言、基于对象的、简单的、安全的、基于事件的、跨平台的.
53．Javascript是Netscape公司的产品,前身是Live
Script语言,而Java是SUN公司的产品,前身是Oak语言；Javascript是基于对象,而Java是面向对象；Javascript是解释执行,而Java是编译执行；Javascript使用弱变量,而Java使用强变量；Javascript使用<script></script>嵌入方式,而Java使用<applet></apple>嵌入方式；Javascript采用动态联编,而Java采用静态联编；Java试图统一计算平台的角度实现互操作.
54．Javascript的元素：包括事件和事件处理句柄、变量<var 定义>和常量、表达式和运算符、函数<Function>、数组、对象等.
55．J avascript的事件和事件处理句柄：Load OnLoad 页面被装入,UnLoad OnUnLoad
离开页面,Mouseover OnMouseover 鼠标经过,Change OnChange 改变表单文本的值,Select
OnSelect选中复选或单选按钮,Submit OnSubmit 提交表单,Focus OnFocus 当前焦点位于该元素,Click
OnClick 单击页面元素,Blur OnBlur 失去焦点
56．Javascript对象：包括Window、Document、Form、Navigator、String、Math、Date等,其中对象与属性、方法间使用点号"．"分隔.如：Document．Write〔〕
57．Javascript有两种注释：逐行注释"//…"和多行注释"/*…*/".CSS样式的注释可以采用"/*…*/".
58．Javascript使用方式有三种：脚本置于<script></script>标记中间,直接嵌入在HTML的窗体和中,使用SRC属性应用外部脚本文件〔扩展名为js〕
59．DOM将HTML、CSS〔层叠样式表〕和脚本语言联合起来组成一人或多人都能实现的互操作模型.
60．CSS是层叠样式表,也称级联样式表,由Ｗ3C颂布的样式标准,最高版本3.0,作用一个就是针对页面中对象风格和样式进行定义,另一个就是使HTML各标记属性更具有一般性和通用性.
61．CSS样式的引用方法：内联式样式单、嵌入式样式单〔<style></style>〕、外部式样式单〔<link>〕
62．CSS样式的选择符分为：超文本标记选择符、类选择符、ID 选择符.
63．BOX模型指CSS把HTML中<标记>…</标记>之间的部分称为BOX〔容器〕,包括Margin、Padding和Border三类属性；其中Margin 属性具体分为margin、margin-left、margin-right、margin-top、
margin-bottom,边距属性设置4个值时应按顶、右、底、左边距顺序赋予；Padding属性具体分为padding、padding-top、padding-right、padding-bottom、padding-left,填充属性设置4个值时应按顶、右、底、左边距顺序赋予；Border属性具体分为border-width、border-color、border-style.
64．布局属性：帖层都是矩形,一般使用<div></div>或<span></span>,帖层包括溢出属性、位置属性、层高指数；其中溢出属性取值有可视、隐藏、滚动、自动,默认为可视；位置属性取值为绝对、相对、静态,初始值为静态,一般设置为绝对；层高指数值越大位置越靠前.
65．文本属性：词间距〔word-spacing〕：设置英文单词间距、字间距〔letter-spacing〕：指字母和中文的间距、文本修饰〔text-decoration〕：underline表示下划线,overline表示上划线、垂直对齐〔vertical-align〕：top表示顶线对齐,middle表示中线对齐,bottom表示底线对齐、文本转换〔text-transform〕：capitalize 表示大写每个单词第一个字母,uppercase表示大写所有字母,lowercase表示小写所有字母、文本对齐〔text-align〕：left表示居左对齐,center表示居中对齐,right表示居右对齐、文字缩进〔text-indent〕、行间距〔line-height〕.注：1em=12pt 66．背景属性：background-color属性表示背景色；background-image：url〔a.gif〕表示背景图；background-repeat：
repeat表示背景重复；background-attachment：fixed表示背景图固定；background-position：20%
2cm表示背景图位于左边20%的位置,上边2cm的位置.
67．字体属性：包括字形〔font-family〕、字体大小〔font-size〕、字体效果〔font-style〕、字体磅值〔font-weight〕、字母转换〔font-variant〕,如：font-variant：small-caps表示将字母转为大写显示.
68．Frontpage的主要功能：创建和管理WEB站点,制作网页,发布站点,维护站点.
69．Frontpage2000的页面视图包括：普通、HTML
、预览,而Frontpage2003的页面视图包括：设计、拆分、代码、预览,Dreamweaver的页面视图包括：设计、拆分、代码.其中Frontpage和Dreamweaver都可以按F12使用IE预览网页.
70．Fontpage创建站点,如果是创建一个网页的站点包括_private和images文件夹和index.htm文件,如果创建一个空站点包括_private和images文件夹.
71．虚拟目录可以分布在网络中不同的物理位置上.
72．通过报表视图可以查看当前站点中各种信息的统计结果.
73．网页的过渡效果：选择"格式"菜单中的网页过渡选项,可以
设置进入网页、退出网页过渡的效果.
74．Dreamweaver的界面组成：包括菜单、插入栏、文档工具栏、文档窗口、标签选择器、属性面板与其他控制面板组.
75． Dreamweaver中创建站点的工作流程：计划和准备；创建网页,调整网页布局,添加内容；根据需要编辑代码；将网页在一起；预览和发布站点；添加显示来自数据库的信息的动态网页.
76． Dreamweaver中切换工作区：选择"编辑"菜单中的首选参数选项,在弹出的对话中选择常规选项卡,更改工作区为设计者或代码编写者.
77．Fireworks的界面：包括菜单、工具栏、画布、属性面板、其他控制面板组成.
78．Firewroks中切割图片所使用的工具是切片工具,可将大图片切割成若干个小图片.
79．Fireworks中元件的类型包括：图形、动画、按钮.
80．Fireworks中"洋葱皮"按钮可以调整的选项：无洋葱皮、显示下一帧、之间和之后、显示所有帧、自定义、多帧编辑.
81．Fireworks绘图工具的使用：线形工具的使用技巧,按住"Shift"键可以画出水平或竖直的直线,而按住"Alt"键可画出45度直线；矩形工具的使用技巧,按住"Shift"键可以画出一个正方形,按
住"Alt"键可以画出由中心向四周发展的矩形,同时按住"Shift"和"Alt"键,可以画出一个从中心张大的正方形；椭圆工具与矩形工具使用方式类似；钢笔工具、矢量路径可以绘制路径.
82．路径一般分为闭合路径和敞开路径.路径的着色方法分为描边和填充两种,描边的作用是让路径拥有不同的笔触,而填充是使用不同的材质填满路径所包围的区域.
83．Flash的界面组成：菜单、工具栏、场景、时间轴、属性面板与其他控制面板.
84．时间轴由图层和帧组成,默认的帧频为12fps,其中图层分为普通图层、导向图层、被导向图层、遮罩图层、被遮罩图层,而帧分为普通帧〔F5〕、关键帧<F6>、空白关键帧<F7>.
85．铅笔工具的绘图模式有：拉直模式、平滑模式、徒手模式,其中徙手模式绘制的近似手绘的任意形状线条.
86．滴管工具：使用滴管工具中,点击线条后会立即进入墨水瓶填充状态,点击图形内部会立即进入颜料桶填充状态.
87．集合和打散对象：集合命令可以将选定的多个对象组合成一个对象,对应的快捷键Ctrl+G,打散命令可以将选定的一个对象分离出多个对象,对应的快捷键Ctrl+B.
88．Flash的元件类型为：图形、影片剪辑、按钮；Flash补间的形式分为：动作和形状.Flash导出影片扩展名为.swf,保存文件扩
展名为.fla.
89．通常在WEB服务器中缺省页面的名称为index.htm或defualt.htm.
90．WEB服务器可以理解成具有网页发布功能的计算机或应用程序.
91．MIME为多媒体Internet交换协议,前身为SMTP〔简单传输协议〕；MIME类型,主要由主类型和子类型两部分组成,如：text/html 表示以html格式存储的文本文件,text/plain表示以纯ASCII码存储的文本文件,application/msword表示以word格式存储的客户应用程序,audio/wav表示以wav格式存储的声音文件,image/bmp表示以bmp格式存储的图形文件,message表示电子,video表示视频格式文件.
92．PWS为个人网页服务器,包括五个组件：个人WEB服务器、事务服务器、数据访问组件、Frontpage服务器扩展、消息队列服务器.
93．PWS最多可满足10个连接,目录可设置读取、执行、脚本访问权限.
94．虚拟主机：指命名用特殊软硬件技术,把一台运行在因特网上的服务器主机分成多台"虚拟"的主机,每一台虚拟主机都具有独立的域名和IP地址,具有完整的Internet服务器功能,虚拟主机之间相
互独立,并可由用户自行管理.
95．站点管理方式：FTP管理和WEB管理方式两种.一般都使用FTP管理方式,如CuteFtp软件.
96．站点推广方式：包括传统推广方式、搜索引擎注册、网络广告交换、列表服务、BBS讨论组的宣传.
97．XML即可扩展标记语言,可归结树型结构,将改变浏览器显示、组织、搜寻信息的方式,而且克服了HTML空易断开的缺点.
98．XML的特点：开放性、可扩展性、互操作性和严密性.
99．XML文档必须遵守"结构良好"的规则：文档第一行必须是文档说明；文档必须包含至少一个元素；每个开始标记和结束标记配套使用；文档中必须包含唯一的打开和并闭标记；各个标记间不能重叠或者说不能交叉定义.
100．<? 表示声明开始,encoding默认值是UTF-8〔通用字符〕,？>表示声明结束,DTD表示文档格式定义.。