煞死你的网面设计绝招

书籍目录

目录

chO网页制作常用软件及Photoshop基本操作

浏览器IENavigator

全功能网页制图工具

Fireworks

ImageReady

点阵性网页制图工具

PhOtoshop

PhOtoImpact

PaintSh0pPr0（PSP）

Painter

GIF动画软件

GIFAnimator

GIFCOnStructionSet

简易3D动态图形制作

3DImpactP广O

Cool3D

视频动画软件

Flash

Director

Ph0t0sh0D（滤镜）外挂程序

KPT（Kai′sPOwerTOOl）

EyeCandy

PhotoFrame

向量性绘图软件

CorelDraw

Freehand

Illustrator

图形文件最佳化处理工具

GIF/JPEGSmartSaver

HVSColorGra口hics

OptimiZationToolkit

GIFWizard

索引图浏览工具

Thumbsplus

PhotoViewer

网页开发工具

FrontPage98

NetObjectsFusiOn

DreamWeaVer

Composer

Homesite

你是否需要学习HTML标识语言？

Ph0toShop的基本工具与操作

创建新文件

增加新图层

复制图层

设定前景、背景颜色

用前景颜色填满

使用［圈选］工具

使用［裁切］工具

使用［文字］工具

使用［喷枪］工具

使用［颜色渐变］工具

使用［线条］工具

使用［橡皮擦］工具

使用［钢笔］工具绘制图径

使用［放大镜］、［缩小镜］

设定History的记忆

ch1网页设计制作的基本常识

网页设计面临的诸多因素

不同的电脑平台

不同的显示器大小窗口大小

不同的屏幕分辨率

不同的颜色显现数目

显示字体的能力

不同的浏览器品牌版本设定

不同的连网速度

点阵性 （bitmap） 图形和向量性 （vector）图形

网页图形的尺规单位

使用Photoshop开出长宽尺寸合宜的新档

电脑屏幕的分辨率

网页图形的分辨率

电脑屏幕的颜色位数 （bitdepth）

网页图形的颜色位数 （bitdepth）

［反锯齿状］（Anti－Alias）的重要性

ch2网页图形文件格式：GIF

GIF与JPEG

适合GIF格式的网页图形

标准GIF

交错GIF

透明GIF

使用Photoshop储存一个简单的透明GIF图形文件

使用Photoshop储存一个较复杂的透明GIF图形文件

使用Smartsaver储存透明GIF图形文件

动画GIF

储存档案size最佳化的GIF图形文件

如何为GIF图形文件选择一个最佳色盘

GIF图形文件的用色数量

是否应该选择颤色效果

追根究底：最小的GIF图形文件构图

ch3网页图形文件格式：JPEG

3－72 适合JPEG格式的网页图形

3－75 保存文件长度最优化的JPEG图形文件

使用Ph0toshop储存JPEG图形文件

使用SmartSaver储存JPEG图形文件

先模糊化再储存为JPEG图形文件

分割图形文件 GIF与JPEG并用

JPEG的迷思

批处理网页图形

ch4十六进位颜色代码与颜色的暗示意义

4－88 从十进位的RGB变换到十六进位的Hex颜色代码

4－88 自己计算

4－90 利用Windows平台上的［计算器］

4－91 使用HTML编辑器或其他相关软件

4－91 利用网络上的站点服务

4―92 直接使用颜色名称

4－92 为您的网页添加续纷色彩

4－93 认识与颜色相关的HTML标签

4―97 使用Fr0ntPage98指定网页颜色

4－98 背景、超级链接的颜色设定

4－99 设定某字/字串的颜色

4－99 设定表格的颜色

4－99 认识颜色的暗示意义

ch5制作网页背景图案

5－102 常见的网页背景呈现方式

5－104 StepbyStep： 网页背景的［翻页］效果

5―106 StepbyStep： 一长条型网页背景图

5－106 颜色渐变背景图

5－107 直向颜色板子背景图

5－109 不规则形状的颜色板子

5－112 一复选框网页背景图

5―112 PhotoImpact的网页背景设计师

5―112 在Ph0toImpact里制作网页背景图

5―113 使用KPT（Kai’sPowerTool） 设计背景

使用KPT制作背景图

使用Photoshop制作无瑕缝背景图

以文字Logo当做背景图

网页背景的用色技巧

ch6制作水平分隔线

是否该使用水平分隔线？

用HTML代码呈现水平分隔线

自己编写HTML原代码

使用Frontpage98加入水平分隔线

以图形文件呈现水平分隔线

St即byStep：以字体符号绘出水平分隔线

StepbyStep： 绘制3D金属棒子

StepbyStep： 利用PhotoImpact的百宝箱

善用Frontpage98现成资源

ch7制作条列项目前的行标号（或bullet）

行标号、符号、或是bullet

以HTML码呈现行标号（或bullet）

自己编写HTML源代码

以特殊符号呈现行标号（或bullet）

使用FrontPage98加入行标号（或bullet）

SteDbyStep：使用PhotOshop制作圆球

SteDbyStep：KPT让圆球更加立体

SteDbyStep： KPT令圆球千变万化

认识KPT的［圆球设计师］――SpheroidDesigner

StepbyStep：Ph0t0Impact的百宝箱宝物多多

善用Webdings里的特殊符号

ch8网页里的纯文字与StyleSheet

网页里的纯文字和图像化文字

以HTML码变化文字的风貌

自己编写HTML源代码

使用Fr0ntPage98装点文字

以StyleSheet控制文字的格调及排版

为什么要使用StyleSheet？

如何将StyleSheet加诸于网页

CSS语言的基本语法

简化之

另一种简化方法

CSS中 Font的扩充属性

CSS中 Color的扩充属性

CSS中Text的扩充属性

CSS中Margin与Padding的扩充属性

自行定义cLASS与ID

使用FrontPage98加入StyleSheet

在网页的各字里行间里，零散的加入一小段CSS风格设定

设定某〔一页］网页的全面风格

连结外在的StyleSheet

网页文字的选用技巧

文字字体、大小的选择

文字颜色的意义

ch9图像化文字

使图像化文字呈现于网页

图像化文字的处理过程

随时保持纪录

先将文字绘制得比实际需要大一点

图层合并最后一起做

使文字锐利化

小总结

stepbyStep：使用Ph0toshOp制作文字效果

快速简易的LayerEffects

使用PhotoshOp内建的Actions

StepbyStep：一步一步自己动手做

自己制作粗体字

制作文字背影

文字内贴入材质

Twirl滤镜以及花卷文字

信用卡字体

StepbyStep：使用EyeCandy制作文字效果

StepbyStep：使用KPTActionS制做文字效果

StepbyStep： 使用Phot0Impact制作文字效果

StepbyStep： 使用Cool3D制作立体文字

ch10 超级链接、按钮、与可点图像

文字超级链接vs.图像超级链接

自己编写 HTML码呈现超级链接

以HTML 的表格模拟按钮模样

使用FrontPage98制作超级链接

简单加入超级链接

图文并茂的超级链接

以表格模拟成按钮模样

制作可点图像

StepbyStep：PhotoshOpActions让立体按钮

［一键即成］

StepbyStep： KPTActions丰富按钮的多样风貌

StepbyStep： 使用Guides整齐排列各个按钮

StepbyStep： 简易的PhOtOImpact按钮制作

Stepbystep：LayerEffects让按钮凹凸有致

Stepbystep：Photoshop的颜色渐变与凹盘形按钮

StepbyStep：Eyecandy与圆长形按钮

StepbyStep：运用Photoshop阿尔发

Channel变化按钮形状

超级链接与站点导航注意事项

ch11 网页排版常用技巧

11－238 关于网页版面设计一二事

11－238 绝对位置操控不易

界定网页的横向宽度

考虑640×480或者800×600的浏览分辨率？

使用Photoshop预先架构网页版面

在600×480的新档里绘制灰阶草图

安插文字与对齐物件

以浏览器的窗口框架做参考

添加丰富色彩

分割物件，另存新档

隐形表格〈table〉妙用无穷

以隐形表格框架住网页版面

让您的隐形表格伸缩自如

使用FrontPage架构隐形表格

以内嵌式表格再度固定版位

隐形表格与切割图形文件的综合应用

分割、合并较大尺寸的图形文件

使用PhotoImpact等分切割图形文件

使用PhotoshoD不等分切割图形文件

无瑕缝接合切割过的小图块

［文绕图］的排版效果

圆弧造型的表格

一颗透明像素的［步骤］

以HTML安排版位不甚理想

制作［一颗透明像素］图形文件

在网页里善用隐形垫档图

在〈head〉标签里详加定义您的网页

让网页里的中文字正确断行

破除分割画面的条条框框

简单的自动跳页

让搜寻引擎正确索引您的网页

网页版面设计重点提示

 煞死你的网面设计绝招下载