Chapter01 了解网页设计与网站建设

知识讲解——行业知识链接

Point 01认识网页

1.文字

2.图片

3.表单

4.Logo

5.导航

6.动画

7.广告

Point 02什么是首页与主页

1.首页

2.主页

Point 03常用网络术语

1.域名

2.HTTP协议

3.FTP协议

4.超链接

5.站点

Point 04认识网站类型

1.门户网站

2.企业网站

3.个人网站

4.娱乐类网站

5.机构类网站

6.电子商务类网站

Point 05网页设计常用工具

1.Dreamweaver

2.Flash

3.Photoshop

4.HTML

5.CSS

6.JavaScript

7.ASP

8.PHP

Point 06网页中的图像应用

1.常见的网页图像格式

2.网页中应用图像的注意要点

Point 07屏幕分辨率与网页设计

Point 08韩国网页设计的特点

学习小结

Chapter02 网站建设规范和建设流程

知识讲解——行业知识链接

Point 01网站建设规范

1.组建开发团队规范

2.开发工具规范

3.超链接规范

4.数据库开发

5.文件夹和文件命名规范

Point 02网站建设的基本流程

1.网站整体规划

2.确定网站的内容和服务

3.规划网站目录结构

4.收集资源

5.网页效果图设计

6.编辑制作网页

7.申请域名和服务器空间

8.网站的维护、测试和发布

9.网站的宣传推广

学习小结

Chapter03 网页的色彩搭配

知识讲解——行业知识链接

Point 01网页配色基础

1.RGB

2.HSB

3.色环

4.原色

Point 02网页的色彩对比

1.明度对比

2.色相对比

3.纯度对比

4.色彩的冷暖对比

Point 03常见的网页配色方案

1.黄色网页例图

2.红色网页例图

3.蓝色网页例图

4.间色网页例图

5.复色网页例图

6.补色网页例图

7.邻近色网页例图

8.同类色网页例图

9.暖色网页例图

10.冷色网页例图

Point 04网站的色彩选择与搭配

1.选择色彩

2.搭配色彩

学习小结

Chapter04 网页文字特效设计

知识讲解——行业知识链接

Point 01网页文字的形式概述

1.标志

2.标题

3.超链接

4.文字信息

Point 02字体的使用

1.中文字体

2.拉丁字母

Point 03文字的大小

1.文字的大小决定形象

2.粗细印象优先

Point 04字体的粗细

1.字体粗细特征

2.细字不适合做新闻标题

3.正文不要应用粗细变化

Point 05字距与行距

Point 06文字图形化

Point 07文字的强调

1.强调字首

2.引文的强调

3.关键词的强调

4.链接文字的强调

5.线框、符号的强调

Point 08网页文字设计方法

1.对比

2.笔画互用

3.笔画突变

4.添加形象

5.笔画连接

6.表面装饰

7.添加圆框或方框

实战应用——上机实战训练

Example 01网页卷边文字

Example 02网站入口文字

Example 03巧克力文字

Example 04金色纹理文字

学习小结

Chapter05 网页按钮特效设计

知识讲解——行业知识链接

Point 01按钮与链接的区别

1.按钮

2.链接

Point 02按钮本身的用色

Point 03按钮的位置

Point 04按钮上的文字表述

Point 05按钮的空间

Point 06按钮的优先级别

实战应用——上机实战训练

Example 01网站竖列按钮

Example 02网页上的透明按钮

Example 03小鱼按钮

Example 04 网网站导航按钮

Example 05视频与音乐按钮

学习小结

Chapter06 网页图像处理与特效设计

知识讲解——行业知识链接

Point 01常见的网页图像格式及优点

Point 02图像的颜色

Point 03图像的尺寸

Point 04图像与文字的搭配

1.主次分明，中心突出

2.大小搭配，相互呼应

3.图文并茂，相得益彰

实战应用——上机实战训练

Example 01将网页中的图像添加怀旧效果

Example 02替换网页图像的颜色

Example 03使用变化制作三色网页图片

Example 04网页中的立体图像

Example 05为网页图像添加艺术色彩

学习小结

Chapter07 网页文字动画特效设计

知识讲解——行业知识链接

Point 01文字动画的特点

Point 02文字动画的表现方法

实战应用——上机实战训练

Example 01毛笔写字特效

Example 02网页冲击波文字

Example 03极光文字

Example 04网页中极速漂移的文字

Example 05甩不开的文字

学习小结

Chapter08 鼠标与菜单动画特效设计

知识讲解——行业知识链接

Point 01鼠标特效的应用

Point 02菜单特效的应用

实战应用——上机实战训练

Example 01控制弹性小球

Example 02图像上的水纹

Example 03把网页擦出来

Example 04右键快捷菜单

Example 05不停旋转的3d菜单

Example 06控制小兔动作

学习小结

Chapter09 Flash网络广告动画设计

知识讲解——行业知识链接

Point 01 Flash广告的特点

1.适合网络传播

2.表现形式丰富

3.强大的交互功能

4.针对性强

Point 02 Flash广告的应用

1.宣传某项内容

2.作为链接的标志

3.用于展示某些产品

Point 03 Flash广告的基本类型

1.普通Flash广告条

2.弹出式Flash广告

3.网站片头广告

Point 04 Flash广告的制作流程

1.确定广告的内容

2.构思广告的结构

3.收集素材

4.编辑动画及发布

实战应用——上机实战训练

Example 01网络游戏宣传广告

Example 02服饰竖条广告

Example 03美食网站Banner条

Example 04家居网络广告

学习小结

Chapter10 Action动画特效设计

知识讲解——行业知识链接

Point 01 Action Script 3.0概述

Point 02 Action Script 3.0暂新的“动作”面板

Point 03良好的编程习惯

1.命名规则

2.给代码添加注释

3.保持代码的整体性

实战应用——上机实战训练

Example 01雪花动画特效

Example 02神秘网页特效

Example 03多彩方块效果

Example 04小雨点

Example 05美丽的喷泉

Example 06网页登录界面

Example 07气球

学习小结

Chapter11 网页特效设计

知识讲解——行业知识链接

Point 01什么是网页特效

Point 02网页特效的分类

实战应用——上机实战训练

Example 01网站提示信息

Example 02响应鼠标的文字

Example 03单击隐去图像

Example 04网页中的动态日期

Example 05网页中的透明动画

Example 06检测用户屏幕分辨率

Example 07制作虚线表格

学习小结

Chapter12 CSS与DIV设计网页

知识讲解——行业知识链接

Point 01CSS概述

Point 02 DIV概述

Point 03什么是Web标准

Point 04 Web标准的构成

1.结构

2.表现

3.行为

实战应用——上机实战训练

Example 01制作边框阴影与折角效果

Example 02制作商品图文列表

Example 03在网页中放大文字

Example 04创意六边形菜单设计

Example 05制作动态模糊网页

Example 06制作卡通网页

Example 07制作时尚网页

学习小结

Chapter13 网页布局设计

知识讲解——行业知识链接

Point 01网站栏目和页面设计策划

1.网站的栏目策划

2.网站的页面策划

Point 02点、线、面的构成

1.点的构成

2.线的构成

3.面的构成

Point 03网站页面版式设计

1.“国”字型布局

2.拐角型布局

3.框架型布局

4.封面型布局

5.Flash型布局

6.标题正文型

实战应用——上机实战训练

Example 01制作浮动框架网页

Example 02制作搜索网页

Example 03制作数码产品网页

Example 04制作登录网页

Example 05制作注册网页

Example 06制作联系我们网页

Example 07制作动感导航网页

Example 08制作业务介绍网页

学习小结

Chapter14 综合案例：企业官方网站设计

知识讲解——行业知识链接

Point 01网站项目分析

Point 02确定网站风格

实战应用——上机实战训练

Example 01处理网站图像

Example 02插入透明Flash动画

Example 03制作网站公告

Example 04制作网页主体部分

Example 05制作产品展示页面

学习小结

Chapter15 综合案例：某房地产网站设计

知识讲解——行业知识链接

Point 01网站项目分析

Point 02确定网站风格

实战应用——上机实战训练

Example 01制作Flash动画

Example 02制作网站片头页

Example 03制作网站导航

Example 04制作网站首页

学习小结

Chapter16 综合案例：在线交互娱乐网站设计

知识讲解——行业知识链接

Point 01网站项目分析

Point 02确定网站风格

实战应用——上机实战训练

Example 01制作按钮

Example 02制作首页

Example 03制作库项目

Example 04在线播放音乐

Example 05在线播放视频

学习小结