实战应用 网站建设与网页设计PDF电子书下载

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