网页艺术设计

第1章网页艺术设计概述

1．1什么是网页设计

1．1．1网页是IT时代的产物

1．1．2网页设计的艺术性

1．2UI界面

1．2．1什么是UI界面设计

1．2．2网页设计的布局理念

1．2．3网页设计的一些基本原则

1．2．4UI设计的一些审美原则

1．3导航条设计

1．3．1Flash图片按钮导航

1．3．2招牌式图片按钮导航

1．3．3文件卡检索式导航

1．3．4环状排列式导航

1．3．5各异的弹出菜单导航

1．3．6按钮下拉式菜单导航

1．3．7全景式图片导航

1．3．8文字导航

1．4网站徽标LOGO设计

1．4．1LOGO设计简论

1．4．2LOGO设计经典案例分析

1．5网页设计中的文字运用

1．5．1字号、字体、行距

1．5．2文字的整体编排

1．5．3文字的强调

1．5．4文字的颜色

1．6图片的运用

1．6．1图片运用惯例

1．6．2图片的处理

1．6．3背景图片与背景色的运用

1．7网页配色概述

1．7．1网页颜色原理

1．7．2网页设计的配色

1．7．3网页颜色的象征意义

1．7．4网页颜色的使用风格

1．7．5网页配色实例

本章小结

上机实训

第2章Dreamweaver应用

2．1配置站点

2．1．1创建站点

2．1．2创建子文件夹

2．2创建网页

2．2．1创建空白网页

2．2．2剖析奥迪汽车网页页面

2．2．3制作奥迪汽车网页

2．2．4网页页面的基本设置

2．3使用表格和框架布局网页

2．3．1表格和框架布局应用实例

2．3．2表格的基本操作

2．3．3使用页面草图布局网页实例

2．3．4布局表格的基本操作

2．3．5制作电子书实例

2．3．6框架的基本操作

2．4使用文字和图片丰富页面

2．4．1文字的基本操作

2．4．2图像的基本操作

2．4．3制作翻转图像

2．5使用超链接实现跳转

2．5．1什么是超链接

2．5．2超链接的种类

2．5．3超链接的基本操作

2．6使用多媒体活跃网页

2．6．1插入日期

2．6．2插入多媒体

2．7使用模板快速创建多网页

2．7．1什么是模板

2．7．2使用dchk．com网页快速制作子网页实例

2．7．3模板的基本操作

2．8使用层实现特效

2．8．1图层隐藏与显示控制应用实例

2．8．2层的基本操作

2．9使用表单创建动态基本页

2．9．1创建“讲义下载信息反馈”表单实例

2．9．2表单的基本设置

2．10使用行为实现特效

2．10．1创建“讲义下载信息反馈”表单的Email检查实例

2．10．2行为的基本操作

2．10．3Dreamweaver自带的事件以及行为

2．11使用CSS规范页面

2．11．1CSS基础

2．11．2创建、编辑CSS样式属性

2．11．3CSS样式的导出与引用

2．12网站发布

2．12．1申请免费空间

2．12．2向ISP服务供应商申请网站空间

本章小结

上机实训

第3章Fireworks应用

3．1Fireworks的工作界面

3．1．1启动Fireworks

3．1．2工作环境窗口简介

3．2图像的制作

3．2．1绘制、绘画和编辑位图

3．2．2绘制、绘画和编辑矢量图

3．2．3创建和编辑文本

3．2．4颜色、笔触和填充

3．2．5创建帧动画

3．3图像的处理

3．3．1选择对象

3．3．2调整对象

3．3．3变形对象

3．3．4组合对象

3．3．5属性面板上效果的使用

3．4图像的优化

3．4．1使用层、蒙板

3．4．2样式、元件和uRL

3．5从Fireworks制作网页

3．5．1交互网页

3．5．2从页面设计图导出网页

本章小结

上机实训

第4章Flash应用

4．1Flash的工作界面

4．2图像绘制工具

4．2．1绘制直线

4．2．2绘制椭圆形和圆形

4．2．3绘制矩形和圆角矩形

4．2．4绘制曲线及任意形状的图形

4．3图像的处理

4．3．1选取对象

4．3．2填充和描边

4．3．3移动、复制和删除对象

4．3．4缩放、旋转、变形

4．4使用元件、实例

4．4．1例：制作多个形状相同颜色不同的图

4．4．2创建元件

4．4．3创建实例

4．5基本的动画制作

4．5．1创建关键帧动画

4．5．2创建形状补间动画

4．5．3创建动作补间动画

4．5．4创建遮罩动画

4．5．5创建按钮动画

4．5．6插入多媒体

本章小结

上机实训

第5章一个网站的制作全程

5．1网站背景

5．1．1网站流程分析

5．1．3网站风格

5．1．4布局设计

5．1．5网页草图

5．2创建站点

5．3主页的UI界面制作

5．4其他页面的uI界面制作

5．4．1资讯的页面设计

5．4．2竞赛的页面设计

5．5链接分散的页面

5．5．1为页面创建链接

5．5．2创建链接及创建链接的种类

5．6网站的发布

本章小结

上机实训

第6章网页艺术设计的分析

6．1优秀网页设计风格特征剖析

6．1．1布局简单

6．1．2中心定位

6．1．3使用3D效果

6．1．4柔和、自然的背景色

6．1．5颜色鲜亮

6．1．6可爱的图标

6．1．7留白

6．1．8大字体

6．2优秀网页设计赏析

本章小结

上机实训

主要参考文献

　　本书以当前最新版本的制作软件(DreamweaverMX2004，FireworksMX2004和FlashMX2004)为平台，以实例的剖析来组织编写，从当前职业教育加强技能培养的目标出发，启发学生掌握整体概念，从而迅速掌握软件使用方法，加快技能的提高。只要按照书上的步骤认真实践，就能在最短的时间里掌握网页制作技术，领会网页艺术设计的要点。　　本书深入浅出地阐明了网页艺术设计的相关理论和设计方法。全书共分6章，分别阐述了网页艺术设计概述，Dreamweaver应用，Fireworks应用，Flash应用，一个网站的制作全程和网页艺术设计的分析。　　本书可作为高等职业院校、成人高等院校的环境艺术设计及相关专业教学用书，也可供相关设计人员参考。