《网页设计与制作》复习资料Word格式.docx

《网页设计与制作》复习资料Word格式.docx

《《网页设计与制作》复习资料Word格式.docx》由会员分享，可在线阅读，更多相关《《网页设计与制作》复习资料Word格式.docx（18页珍藏版）》请在冰豆网上搜索。

8．WEB浏览器是指一个运行在用户计算机上的程序，它负责下载、显示网页，因此也称为WWW客户程序。

9．超媒体的两大应用：

一是指网页中的图形本身就是一个链接，二是指WEB链接可以打开某一程序，而且显示并播放其中的图片、音频或视频剪辑。

10．目前流行的两大浏览器：

InternetExplorer和NetscapeNavigator。

11．评价一个网站设计好坏，主要包括创意和制作两个部分。

12．网页制作的工具：

HotDog、Notepad、HomeSite属于标记型网页制作工具；

Frontpage、Dreamweaver属于所见即所得网页制作工具；

Photoshop、Fireworks属于图形处理型网页制作工具；

CGI、JAVA属于编程型网页制作工具。

13．图形图像处理主要包括：

图形编辑、图像修饰和图像优化。

14．网站设计专业流程：

初始商计、网站构思、综合内容、页面布局与导航、图形制作、内容流程、网站测试和验收交付。

15．网站风格：

指整个网站所采用的结构布局、色调、文字、标志、图案等要素给浏览者的关于该网站的印象。

个人网站的基本风格为3种：

主题图形、信息发布及介于两者之间的形式。

16．站点的层次：

一般采用三级结构，首页、栏目页、文章页。

17．站点目录结构规划原则：

不要将所有文件都存放在根目录下，按栏目内容分别建立子目录，在每个主目录下都建立独立的images目录，目录的层次不要太深，不要使用中文目录，不要使用过长的目录，尽量采用意义明确的目录。

18．重心平衡：

即页面重心反映的网页上各种元素分布的协调程度。

19．色彩：

彩色具有色相、饱和度、明度属性，而非彩色只具有明度属性；

通常色相就是指颜色，饱和度又称纯度，指颜色的纯洁程度，明度也叫亮度，指颜色的深浅；

三原色（Red

GreenBlue，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．文本色彩体系：

<

bodybgcolor=”#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=#>

，其中#可以是left、center、right，如：

h1align=”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．符号清单：

ultype=#>

li>

/ul>

或<

menutype=#>

/menu>

lh

type=#>

/lh>

其中#的值可以是：

Disc、Circle、Square。

标号清单：

oltype=#start=n>

/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．图片：

imgsrc=”#”width=#height=#align=#border=#alt=”#”>

其中<

为单标记，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=yesloop=true>

，其中loop=true表示始终循环播放。

42．超级链接：

文字链接：

ahref=”url”>

字符串<

/a>

图片链接：

imgsrc=”#”>

锚点链接：

建立书签的方法：

aname=”object-name”>

text<

，指向书签的方法<

a

href=”#object-name”>

脚本链接：

ahref=”javascript:

window.close（）”>

关闭窗口<

启动邮件系统：

href=”mailto:

邮件地址”>

43．单图多链接：

mapname=”map-name”>

areashape=#coords=#href=#>

areashape=#

coords=#href=#>

/map>

其中shape的值可以是rect（矩形）、circle（圆形）、poly（多边形），coords指明各区域坐标，href指明各区域的链接。

44．表单：

formaction=#method=#>

inputtype=#>

inputtype=”submit”>

input

type=”reset”>

/form>

其中action的值是指定表单的处理程序，method的值可以是get或post，一般情况为post，参数传递时采用get，type属性值为text单行文本、passoword为密码文本、radio为单选框、checkbox为多选框、submit为提交按钮、re