background image

2.色彩的基本概念:自然界中的颜色分彩色和非彩色两类。非彩色分黑白和灰。彩色具有色相,饱和度,明度三个属性。色相是基本属性,

反映颜色原貌。饱和度指纯洁程度。明度也叫亮度,指颜色的深浅。红绿蓝配比可配出其它颜色。

3.Gif/Jpeg 图像格式:1).Gif/Jpeg 图像体系对比:GIF 文件体系:GIF87 最多允收 256 色,GIF87A 交叉:首次显示模糊,渐清晰 。

GIF89A,可生成透明的 GIF 文件,不影响背景色。GIF89A 交叉:透明的 GIF 文件首次显示在网页上时模糊,随后清晰。GIF 动画:

组装

GIF87 或 89 文件组合起来形成动画。 JPEG 文件体系:标准 JPEG:一种正常的使用 JPEG 图像压缩算法的文件格式。进程性

JPEG:首次显示模糊,渐清晰,与 GIF87A 交叉和 GIF89A 交叉类似。

2)优缺点比较:GIF 最多只能显示 256 色,JPEG 没有这个限制,可显示 RGB 所有颜色,也就是 24 位真彩色,GIF 能够作动画,处

理照片等使用

JPEG,压缩算法对包含有复杂的图片很有效。

3)选择使用不同的图像格式:线条简单,色彩少,或制作透明图形、制作动画使用 GIF,如果在网页上放置照片,就用 JPEG,采用压

缩算法对复杂颜色的图片很有效。

4.Web 安全色:Web 安全色彩的原理;图片放到网页上,浏览器只能显示 216 种颜色,需要用到安全调色板取颜色,才能保证正确显

示。

抖动:它伪造了那些在颜色有限的调色板中不能显示出来的颜色,在视觉上,近邻像素倾向于混合而产生在图像中实际不存在的颜色,

从而达到一种补偿目的。抖动的颜色有很多颗粒,显得粗造。

5.大色块构图:用表格单元格的底色来形成大幅面的色块,在色块的边缘用图像来拼接,形成立体效果。有视觉冲击力,简单。

抽象线条构图

 :没有突出的大面积色块,是一些圆弧线,直线以及一些小线段,形成简洁爽朗的风格。易重心不稳。

6.文本色彩体系:HTML 中源代码规定的网页色彩体系。 文本色彩体系的推荐组合: 69 页
7.页面设计重视八个方面:1).设计目的决定设计方案 2).浏览者的需求被放在第一位 3).页面的有效性 4).布局保持统一性 5).使用

表格和适当的帧结构来设计网页

 6).谨慎使用图片 7).平面设计意识 8).减少 Java applet 及其它多媒体的使用

第四章

 Photoshop

1.常用工具:绳套工具,图层屏蔽,旋转,填充,滤镜,图层
2.制作一幅漂亮的图片(领会):如何制作出一幅精美的图片:首先用绳套工具选中树枝,然后用图层屏蔽精确选择树枝,旋转树枝,

用填充工具制作阴影,接着通过滤镜和图层透明度使阴影真实,改变画布大小,制作背景和记录选择范围,添加图像和改变图层模式丰

富背景中,修饰树枝和输入文字,给文字加阴影,最后保存文件,每次做一幅图片,都要按照一定的工作流程,有顺序的进行。

第五章

 HTML 入门

1.HTML 基本结构:1).HTML 文件的第一行是标记<HTML>,结束标记是</HTML>,标明文本是 HTML 文档。 2.<head>标记为文件

头标记。

3.<title>标记为标题标记,其中内容显示在浏览器的标题栏中,标示该网页的主要内容。4.接下来是<body>标记,它的作

用是标识文件主题。其主要内容是浏览器页面中显示的主体内容。其中的

<H3>…</H3>标记是说明所使用的标题大小的。 一个 HTML

应具备下列的基本结构:

 <HTML> HTML 文件开始 <head> 文件头开始 文件头内容 </head> 文件头结束 <body> 文件体开始 

文件体内容

 </body>文体体结束 </HTML> HTML 文件结束

2).HTML 的特点:由三部分组成即文件头,文件体,及一些注释。头和体标记又由其它的标记和文本及注释组成。
3).HTML 是一种文档描述性语言:HTML 不是编程语言,而只是一些标记的组合,这些标记嵌在文本中,可以被浏览器识别,使文本

文件在浏览器中以一定方式显示出来,并能由一个文本文件链接到另一个文本文件上,或可以在文本文件中插入一些图像及声音文

件等。由于多数标记成对出现,所以

HTML 又被称为容器式的注释语言。

2.1).标题标记的作用、用法:<title>文件标题,是对整个文件内容概括,一个好的标题能够使读者从中判断该文件的大概内容。用法:

显示在标题栏中,长度没有限制,一般不超过

64 字符,不能太短,也可以出现其它标记,但不是必须的。

2).标题字体标记的作用、用法、相关属性。<hx> </hx> hx 可以有对齐属性,格式为 <hx align=#> #=left 为左对齐,center 为

居中,

right 为靠右 <body>下接 <h1 align=left> </h1> <h1> <font color=red> <font> </h1>

3).  转行标记:<br>…</br> 

4).段落标记:

<p>…</p> 5).预排版标记:<pre>…</pre> 6).居中标记:<center>…

</center>

7).文字效果标记:粗体与斜体:<strong>  或 <b>。 底线标记:<u>.删除线标记:<strike>.:文字闪烁标记的作用、用

:<blink>.上标与下标标记的作用、用法 :<sup> .  控制字体大小与颜色的标记的作用、用法 :<font size=1-7>,<font 

color=red 等>. 页面背景图与背景色标记的作用、用法:放在 body 标记中,body bgcolor=# value. 页面文字颜色标记的作用、

用法

:body text=#value.

8).HTML 中特殊符号的表示方法。特例符号:<,在 HTML 中用&LT,>=&GT “=&QUOT &=&AMP

3.1).符号清单标记的作用、用法;符号清单可以使用的三种标识符。清单用于列举事项。<menu type=#> #为 DISC 实心圆点(默认

设置),

CIRCLE 空心圆点,SQUARE 实心方块。 说明式清单: <DL> 换行 <DT>…<DD> 换行: 换行 <DT>…<DD> 换

 </DL>