Chapter01 了解网页设计与网站建设 2
知识讲解——行业知识链接 2
Point 01认识网页 2
1.文字 2
2.图片 2
3.表单 2
4.Logo 3
5.导航 3
6.动画 3
7.广告 3
Point 02什么是首页与主页 3
1.首页 3
2.主页 3
Point 03常用网络术语 4
1.域名 4
2.HTTP协议 4
3.FTP协议 4
4.超链接 4
5.站点 5
Point 04认识网站类型 5
1.门户网站 5
2.企业网站 5
3.个人网站 6
4.娱乐类网站 6
5.机构类网站 6
6.电子商务类网站 7
Point 05网页设计常用工具 7
1.Dreamweaver 7
2.Flash 8
3.Photoshop 8
4.HTML 8
5.CSS 9
6.JavaScript 9
7.ASP 9
8.PHP 10
Point 06网页中的图像应用 10
1.常见的网页图像格式 10
2.网页中应用图像的注意要点 10
Point 07屏幕分辨率与网页设计 11
Point 08韩国网页设计的特点 11
学习小结 13
Chapter02 网站建设规范和建设流程 15
知识讲解——行业知识链接 15
Point 01网站建设规范 15
1.组建开发团队规范 15
2.开发工具规范 15
3.超链接规范 16
4.数据库开发 16
5.文件夹和文件命名规范 17
Point 02网站建设的基本流程 17
1.网站整体规划 17
2.确定网站的内容和服务 18
3.规划网站目录结构 18
4.收集资源 19
5.网页效果图设计 19
6.编辑制作网页 20
7.申请域名和服务器空间 20
8.网站的维护、测试和发布 21
9.网站的宣传推广 21
学习小结 22
Chapter03 网页的色彩搭配 24
知识讲解——行业知识链接 24
Point 01网页配色基础 24
1.RGB 24
2.HSB 25
3.色环 25
4.原色 25
Point 02网页的色彩对比 26
1.明度对比 26
2.色相对比 26
3.纯度对比 28
4.色彩的冷暖对比 28
Point 03常见的网页配色方案 29
1.黄色网页例图 29
2.红色网页例图 30
3.蓝色网页例图 30
4.间色网页例图 31
5.复色网页例图 32
6.补色网页例图 33
7.邻近色网页例图 34
8.同类色网页例图 34
9.暖色网页例图 35
10.冷色网页例图 36
Point 04网站的色彩选择与搭配 37
1.选择色彩 37
2.搭配色彩 39
学习小结 42
Chapter04 网页文字特效设计 44
知识讲解——行业知识链接 44
Point 01网页文字的形式概述 44
1.标志 44
2.标题 44
3.超链接 44
4.文字信息 44
Point 02字体的使用 45
1.中文字体 45
2.拉丁字母 46
Point 03文字的大小 46
1.文字的大小决定形象 46
2.粗细印象优先 46
Point 04字体的粗细 46
1.字体粗细特征 47
2.细字不适合做新闻标题 47
3.正文不要应用粗细变化 47
Point 05字距与行距 47
Point 06文字图形化 48
Point 07文字的强调 48
1.强调字首 48
2.引文的强调 49
3.关键词的强调 49
4.链接文字的强调 49
5.线框、符号的强调 49
Point 08网页文字设计方法 49
1.对比 50
2.笔画互用 50
3.笔画突变 50
4.添加形象 50
5.笔画连接 51
6.表面装饰 51
7.添加圆框或方框 51
实战应用——上机实战训练 51
Example 01网页卷边文字 52
Example 02网站入口文字 55
Example 03巧克力文字 58
Example 04金色纹理文字 60
学习小结 65
Chapter05 网页按钮特效设计 67
知识讲解——行业知识链接 67
Point 01按钮与链接的区别 67
1.按钮 67
2.链接 67
Point 02按钮本身的用色 67
Point 03按钮的位置 68
Point 04按钮上的文字表述 68
Point 05按钮的空间 68
Point 06按钮的优先级别 68
实战应用——上机实战训练 69
Example 01网站竖列按钮 69
Example 02网页上的透明按钮 71
Example 03小鱼按钮 74
Example 04 网网站导航按钮 77
Example 05视频与音乐按钮 80
学习小结 83
Chapter06 网页图像处理与特效设计 85
知识讲解——行业知识链接 85
Point 01常见的网页图像格式及优点 85
Point 02图像的颜色 85
Point 03图像的尺寸 85
Point 04图像与文字的搭配 86
1.主次分明，中心突出 86
2.大小搭配，相互呼应 86
3.图文并茂，相得益彰 86
实战应用——上机实战训练 86
Example 01将网页中的图像添加怀旧效果 86
Example 02替换网页图像的颜色 89
Example 03使用变化制作三色网页图片 91
Example 04网页中的立体图像 94
Example 05为网页图像添加艺术色彩 97
学习小结 100
Chapter07 网页文字动画特效设计 102
知识讲解——行业知识链接 102
Point 01文字动画的特点 102
Point 02文字动画的表现方法 102
实战应用——上机实战训练 102
Example 01毛笔写字特效 102
Example 02网页冲击波文字 106
Example 03极光文字 109
Example 04网页中极速漂移的文字 113
Example 05甩不开的文字 118
学习小结 121
Chapter08 鼠标与菜单动画特效设计 123
知识讲解——行业知识链接 123
Point 01鼠标特效的应用 123
Point 02菜单特效的应用 123
实战应用——上机实战训练 123
Example 01控制弹性小球 124
Example 02图像上的水纹 128
Example 03把网页擦出来 132
Example 04右键快捷菜单 134
Example 05不停旋转的3d菜单 136
Example 06控制小兔动作 140
学习小结 145
Chapter09 Flash网络广告动画设计 147
知识讲解——行业知识链接 147
Point 01 Flash广告的特点 147
1.适合网络传播 147
2.表现形式丰富 147
3.强大的交互功能 147
4.针对性强 147
Point 02 Flash广告的应用 147
1.宣传某项内容 147
2.作为链接的标志 148
3.用于展示某些产品 148
Point 03 Flash广告的基本类型 148
1.普通Flash广告条 148
2.弹出式Flash广告 148
3.网站片头广告 148
Point 04 Flash广告的制作流程 148
1.确定广告的内容 148
2.构思广告的结构 148
3.收集素材 149
4.编辑动画及发布 149
实战应用——上机实战训练 149
Example 01网络游戏宣传广告 149
Example 02服饰竖条广告 155
Example 03美食网站Banner条 162
Example 04家居网络广告 166
学习小结 169
Chapter10 Action动画特效设计 171
知识讲解——行业知识链接 171
Point 01 Action Script 3.0概述 171
Point 02 Action Script 3.0暂新的“动作”面板 171
Point 03良好的编程习惯 172
1.命名规则 173
2.给代码添加注释 173
3.保持代码的整体性 174
实战应用——上机实战训练 174
Example 01雪花动画特效 174
Example 02神秘网页特效 177
Example 03多彩方块效果 180
Example 04小雨点 187
Example 05美丽的喷泉 191
Example 06网页登录界面 194
Example 07气球 197
学习小结 201
Chapter11 网页特效设计 203
知识讲解——行业知识链接 203
Point 01什么是网页特效 203
Point 02网页特效的分类 203
实战应用——上机实战训练 203
Example 01网站提示信息 203
Example 02响应鼠标的文字 206
Example 03单击隐去图像 210
Example 04网页中的动态日期 212
Example 05网页中的透明动画 215
Example 06检测用户屏幕分辨率 219
Example 07制作虚线表格 221
学习小结 224
Chapter12 CSS与DIV设计网页 226
知识讲解——行业知识链接 226
Point 01CSS概述 226
Point 02 DIV概述 226
Point 03什么是Web标准 226
Point 04 Web标准的构成 227
1.结构 227
2.表现 227
3.行为 227
实战应用——上机实战训练 227
Example 01制作边框阴影与折角效果 228
Example 02制作商品图文列表 231
Example 03在网页中放大文字 237
Example 04创意六边形菜单设计 239
Example 05制作动态模糊网页 241
Example 06制作卡通网页 243
Example 07制作时尚网页 247
学习小结 253
Chapter13 网页布局设计 255
知识讲解——行业知识链接 255
Point 01网站栏目和页面设计策划 255
1.网站的栏目策划 255
2.网站的页面策划 255
Point 02点、线、面的构成 256
1.点的构成 256
2.线的构成 257
3.面的构成 257
Point 03网站页面版式设计 258
1.“国”字型布局 258
2.拐角型布局 258
3.框架型布局 259
4.封面型布局 259
5.Flash型布局 259
6.标题正文型 259
实战应用——上机实战训练 260
Example 01制作浮动框架网页 260
Example 02制作搜索网页 266
Example 03制作数码产品网页 269
Example 04制作登录网页 274
Example 05制作注册网页 278
Example 06制作联系我们网页 283
Example 07制作动感导航网页 286
Example 08制作业务介绍网页 291
学习小结 294
Chapter14 综合案例：企业官方网站设计 296
知识讲解——行业知识链接 296
Point 01网站项目分析 296
Point 02确定网站风格 296
实战应用——上机实战训练 296
Example 01处理网站图像 297
Example 02插入透明Flash动画 299
Example 03制作网站公告 302
Example 04制作网页主体部分 304
Example 05制作产品展示页面 307
学习小结 312
Chapter15 综合案例：某房地产网站设计 314
知识讲解——行业知识链接 314
Point 01网站项目分析 314
Point 02确定网站风格 314
实战应用——上机实战训练 314
Example 01制作Flash动画 314
Example 02制作网站片头页 318
Example 03制作网站导航 321
Example 04制作网站首页 324
学习小结 327
Chapter16 综合案例：在线交互娱乐网站设计 329
知识讲解——行业知识链接 329
Point 01网站项目分析 329
Point 02确定网站风格 329
实战应用——上机实战训练 329
Example 01制作按钮 329
Example 02制作首页 332
Example 03制作库项目 335
Example 04在线播放音乐 337
Example 05在线播放视频 341
学习小结 344