网页制作最佳拍档四合一完全教程PDF|Epub|txt|kindle电子书版本网盘下载

网页制作最佳拍档四合一完全教程PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章　网页设计专业指导1

1.1　网页设计行业概述1

1.1.1　网页设计职业发展的推动力1

1.1.2　网页市场的发展2

1.2　网页设计的两种类型2

1.2.1　网页的整体筹划3

1.2.2　网页的定位3

1.3　网页的3种基本功能元素6

1.3.1　站标设计要点6

1.3.2　导航栏设计要点7

1.3.3　广告条设计要点8

1.4　网页的基本组成元素10

1.4.1　网页中的文本10

1.4.2　网页中的图像11

1.4.3　网页中的动画12

1.5　网页中的色彩搭配12

1.5.1　网页色彩搭配的原则13

1.5.2　网页色彩搭配的技巧13

1.5.3　网页要素色彩的搭配15

1.5.4　网页中色彩的心理效应15

1.6　网页设计的8点基本原则17

1.7　网站的优化、测试与发布19

1.7.1　优化网站的8种方式19

1.7.2　测试网站的5种方式20

1.7.3　发布网站的具体步骤21

1.8　网站的上传22

1.8.1　使用IE直接上传22

1.8.2　使用FTP工具上传22

1.8.3　使用Dreamweaver上传23

1.8.4　查看、维护与更新网页24

第2章　网页制作软件入门26

2.1　Flash 8在网页设计中的应用26

2.1.1　Flash 8的工作界面26

2.1.2　常用绘图工具27

2.1.3　重要面板30

2.1.4　重要元件33

2.1.5　帧34

2.2　Fireworks 8在网页设计中的应用35

2.2.1　Fireworks 8的工作界面35

2.2.2　蒙版的应用35

2.2.3　重要面板38

2.2.4　帧的应用39

2.2.5　常用滤镜42

2.3　Dreamweaver 8在网页设计中的应用44

2.3.1　Dreamweaver 8的工作界面44

2.3.2　表格的应用44

2.3.3　层的应用47

2.3.4　框架的应用50

2.3.5　表单的应用53

2.4　Photoshop CS3在网页设计中的应用55

2.4.1　Photoshop CS3的工作界面55

2.4.2　常用工具55

2.4.3　重要面板59

2.4.4　常用图层样式61

第3章　文字动画64

3.1　跳动字——心随我动64

3.1.1　效果欣赏64

3.1.2　焦点播报64

3.1.3　作品规格——460像素×380像素64

3.1.4　实战大步1——制作湖面背景64

3.1.5　实战大步2——制作跳动文字68

3.1.6　实战大步3——合成影片70

3.1.7　范例攻略小结71

3.2　滚动字——清凉夏日71

3.2.1　效果欣赏71

3.2.2　焦点播报71

3.2.3　作品规格——500像素×400像素72

3.2.4　实战大步1——制作广告语效果72

3.2.5　实战大步2——制作滚动字效果75

3.2.6　实战大步3——合成影片76

3.2.7　范例攻略小结77

3.3　晃动字——圣诞快乐77

3.3.1　效果欣赏77

3.3.2　焦点播报77

3.3.3　作品规格——460像素×340像素78

3.3.4　实战大步1——制作广告背景78

3.3.5　实战大步2——制作晃动字效果79

3.3.6　实战大步3——合成影片82

3.3.7　范例攻略小结83

3.4　遮罩字——星城世家83

3.4.1　效果欣赏83

3.4.2　焦点播报83

3.4.3　作品规格——360像素×440像素84

3.4.4　实战大步1——制作广告背景内容84

3.4.5　实战大步2——制作遮罩文字效果86

3.4.6　实战大步3——合成影片剪辑89

3.4.7　范例攻略小结89

第4章　网站LOGO动画90

4.1　房地产网站LOGO——美典集团90

4.1.1　效果欣赏90

4.1.2　焦点播报90

4.1.3　作品规格——480像素×240像素90

4.1.4　实战大步1——置入LOGO内容90

4.1.5　实战大步2——制作动画效果92

4.1.6　范例攻略小结94

4.2　数码网站LOGO——海星数码94

4.2.1　效果欣赏94

4.2.2　焦点播报95

4.2.3　作品规格——352像素×124像素95

4.2.4　实战大步1——绘制LOGO标志95

4.2.5　实战大步2——创建LOGO动画97

4.2.6　范例攻略小结99

4.3　医院网站LOGO——美康集团99

4.3.1　效果欣赏99

4.3.2　焦点播报99

4.3.3　作品规格——240像素×180像素99

4.3.4　实战大步1——导入标志素材100

4.3.5　实战大步2——制作标志动画101

4.3.6　范例攻略小结103

4.4　手机网站LOGO——博能手机103

4.4.1　效果欣赏104

4.4.2　焦点播报104

4.4.3　作品规格——240像素×180像素104

4.4.4　实战大步1——绘制标识形状104

4.4.5　实战大步2——制作旋转动画106

4.4.6　范例攻略小结108

第5章　网络广告109

5.1　擎天柱广告——摄像机广告109

5.1.1　效果欣赏109

5.1.2　焦点播报109

5.1.3　作品规格——212像素×350像素109

5.1.4　实战大步1——制作广告的背景内容110

5.1.5　实战大步2——制作文字和数码动画112

5.1.6　实战大步3——合成影片117

5.1.7　范例攻略小结118

5.2　画中画广告——房地产广告118

5.2.1　效果欣赏118

5.2.2　焦点播报118

5.2.3　作品规格——720像素×550像素119

5.2.4　实战大步1——制作广告背景元件119

5.2.5　实战大步2——制作图片动画效果120

5.2.6　实战大步3——合成影片124

5.2.7　范例攻略小结125

5.3　大屏幕广告——汽车广告125

5.3.1　效果欣赏125

5.3.2　焦点播报126

5.3.3　作品规格——800像素×500像素126

5.3.4　实战大步1——导入广告背景素材126

5.3.5　实战大步2——创建广告影片127

5.3.6　实战大步3——合成影片130

5.3.7　范例攻略小结132

5.4　Banner广告——手机广告132

5.4.1　效果欣赏132

5.4.2　焦点播报132

5.4.3　作品规格——468像素×60像素132

5.4.4　实战大步1——导入元件素材132

5.4.5　实战大步2——制作手机动画133

5.4.6　实战大步3——合成影片135

5.4.7　范例攻略小结137

第6章　按钮效果138

6.1　翡翠按钮138

6.1.1　效果欣赏138

6.1.2　焦点播报138

6.1.3　作品规格——300像素×150像素138

6.1.4　实战大步1——绘制圆角矩形138

6.1.5　实战大步2——制作翡翠按钮139

6.1.6　范例攻略小结142

6.2　水晶按钮142

6.2.1　效果欣赏142

6.2.2　焦点播报142

6.2.3　作品规格——200像素×150像素142

6.2.4　实战大步1——绘制按钮形状143

6.2.5　实战大步2——制作按钮阴影144

6.2.6　范例攻略小结145

6.3　导航按钮145

6.3.1　效果欣赏145

6.3.2　焦点播报145

6.3.3　作品规格——300像素×100像素145

6.3.4　实战大步1——编辑按钮图形145

6.3.5　实战大步2——绘制搜索图形147

6.3.6　范例攻略小结148

6.4　图形按钮148

6.4.1　效果欣赏148

6.4.2　焦点播报148

6.4.3　作品规格——300像素×150像素148

6.4.4　实战大步1——绘制按钮元素148

6.4.5　实战大步2——组合按钮元素149

6.4.6　范例攻略小结150

第7章　文字效果151

7.1　立体文字151

7.1.1　效果欣赏151

7.1.2　焦点播报151

7.1.3　作品规格——400像素×120像素151

7.1.4　实战大步1——编辑特效文字151

7.1.5　实战大步2——添加滤镜效果152

7.1.6　范例攻略小结154

7.2　旋转文字154

7.2.1　效果欣赏154

7.2.2　焦点播报155

7.2.3　作品规格——400像素×300像素155

7.2.4　实战大步1——输入渐变文字155

7.2.5　实战大步2——编辑文字动画156

7.2.6　范例攻略小结158

7.3　遮罩文字158

7.3.1　效果欣赏158

7.3.2　焦点播报158

7.3.3　作品规格——720像素×160像素159

7.3.4　实战大步1——设置图片动画159

7.3.5　实战大步2——设置蒙版动画160

7.3.6　范例攻略小结161

7.4　残影文字161

7.4.1　效果欣赏162

7.4.2　焦点播报162

7.4.3　作品规格——350像素×200像素162

7.4.4　实战大步1——创建动画元件162

7.4.5　实战大步2——编辑各帧动画163

7.4.6　范例攻略小结165

第8章　图片效果166

8.1　邮票效果166

8.1.1　效果欣赏166

8.1.2　焦点播报166

8.1.3　作品规格——400像素×300像素166

8.1.4　实战大步1——绘制邮票边框166

8.1.5　实战大步2——编辑邮票内容168

8.1.6　范例攻略小结169

8.2　广告效果169

8.2.1　效果欣赏170

8.2.2　焦点播报170

8.2.3　作品规格——600像素×400像素170

8.2.4　实战大步1——绘制广告的背景和音乐条170

8.2.5　实战大步2——设计广告文字和图片内容172

8.2.6　范例攻略小结174

8.3　滚动效果174

8.3.1　效果欣赏174

8.3.2　焦点播报174

8.3.3　作品规格——720像素×108像素174

8.3.4　实战大步1——绘制动画胶片174

8.3.5　实战大步2——编辑动画元件175

8.3.6　范例攻略小结177

8.4　雨点效果177

8.4.1　效果欣赏177

8.4.2　焦点播报177

8.4.3　作品规格——400像素×300像素177

8.4.4　实战大步1——绘制雨点效果178

8.4.5　实战大步2——制作下雨效果179

8.4.6　范例攻略小结181

第9章　表单效果182

9.1　E-mail留言表单182

9.1.1　效果欣赏182

9.1.2　焦点播报182

9.1.3　作品规格——768像素×377像素183

9.1.4　实战大步1——输入E-mail留言表单内容183

9.1.5　实战大步2——插入和设置表单属性184

9.1.6　范例攻略小结186

9.2　注册表单186

9.2.1　效果欣赏186

9.2.2　焦点播报187

9.2.3　作品规格——768像素×403像素187

9.2.4　实战大步1——编辑注册表单布局187

9.2.5　实战大步2——插入注册表单元素188

9.2.6　范例攻略小结191

9.3　信息反馈表单191

9.3.1　效果欣赏191

9.3.2　焦点播报192

9.3.3　作品规格——768像素×555像素192

9.3.4　实战大步1——输入和编辑文本内容192

9.3.5　实战大步2——插入并编辑表单194

9.3.6　范例攻略小结196

9.4　网站调查表单197

9.4.1　效果欣赏197

9.4.2　焦点播报197

9.4.3　作品规格——768像素×638像素197

9.4.4　实战大步1——编辑调查表单内容197

9.4.5　实战大步2——插入调查表单元素199

9.4.6　范例攻略小结202

第10章　导航条203

10.1　水平导航203

10.1.1　效果欣赏203

10.1.2　焦点播报203

10.1.3　作品规格——768像素×585像素203

10.1.4　实战大步1——设计网页图片内容204

10.1.5　实战大步2——制作网页文字导航206

10.1.6　范例攻略小结207

10.2　动态导航207

10.2.1　效果欣赏207

10.2.2　焦点播报207

10.2.3　作品规格——770像素×436像素207

10.2.4　实战大步1——设计动态导航布局207

10.2.5　实战大步2——制作导航的动态效果209

10.2.6　范例攻略小结212

10.3　按钮导航213

10.3.1　效果欣赏213

10.3.2　焦点播报213

10.3.3　作品规格——768像素×500像素213

10.3.4　实战大步1——设计按钮导航布局213

10.3.5　实战大步2——制作鼠标经过图像导航215

10.3.6　范例攻略小结217

10.4　竖直导航217

10.4.1　效果欣赏217

10.4.2　焦点播报217

10.4.3　作品规格——781像素×535像素218

10.4.4　实战大步1——设计竖直导航布局218

10.4.5　实战大步2——制作竖直导航条效果220

10.4.6　范例攻略小结222

第11章　网页框架223

11.1　上下型框架——建筑网页223

11.1.1　效果欣赏223

11.1.2　焦点播报223

11.1.3　作品规格——768像素×612像素224

11.1.4　实战大步1——制作上下型框架布局224

11.1.5　实战大步2——制作建筑类网页效果226

11.1.6　范例攻略小结228

11.2　左T型框架——学院网页229

11.2.1　效果欣赏229

11.2.2　焦点播报229

11.2.3　作品规格——768像素×512像素229

11.2.4　实战大步1——制作左T型框架布局229

11.2.5　实战大步2——制作学院网站导航232

11.2.6　范例攻略小结235

11.3　右T型框架——化妆品网页235

11.3.1　效果欣赏235

11.3.2　焦点播报236

11.3.3　作品规格——768像素×520像素236

11.3.4　实战大步1——制作右T型框架布局236

11.3.5　实战大步2——制作右框架导航效果238

11.3.6　范例攻略小结242

11.4　左右型框架——服饰网页243

11.4.1　效果欣赏243

11.4.2　焦点播报243

11.4.3　作品规格——772像素×570像素243

11.4.4　实战大步1——制作左右型框架布局243

11.4.5　实战大步2——制作左框架的导航效果245

11.4.6　范例攻略小结249

第12章　网站导航250

12.1　变色导航250

12.1.1　效果欣赏250

12.1.2　焦点播报250

12.1.3　作品规格——1536像素×300像素250

12.1.4　实战大步1——绘制导航按钮250

12.1.5　实战大步2——制作变色导航253

12.1.6　范例攻略小结254

12.2　七彩导航254

12.2.1　效果欣赏254

12.2.2　焦点播报255

12.2.3　作品规格——1350像素×166像素255

12.2.4　实战大步1——绘制渐变导航按钮255

12.2.5　实战大步2——制作七彩导航256

12.2.6　范例攻略小结257

12.3　图像导航258

12.3.1　效果欣赏258

12.3.2　焦点播报258

12.3.3　作品规格——1536像素×300像素258

12.3.4　实战大步1——绘制导航背景图像258

12.3.5　实战大步2——制作导航条的内容261

12.3.6　范例攻略小结261

12.4　透明按钮导航261

12.4.1　效果欣赏261

12.4.2　焦点播报262

12.4.3　作品规格——1350像素×268像素262

12.4.4　实战大步1——绘制透明按钮262

12.4.5　实战大步2——制作按钮导航265

12.4.6　范例攻略小结266

第13章　企业LOGO267

13.1　海航物流LOGO267

13.1.1　效果欣赏267

13.1.2　焦点播报267

13.1.3　作品规格——300像素×225像素267

13.1.4　实战大步1——勾画海航标识267

13.1.5　实战大步2——制作标识名称270

13.1.6　范例攻略小结271

13.2　思奈尔LOGO271

13.2.1　效果欣赏271

13.2.2　焦点播报271

13.2.3　作品规格——360像素×180像素272

13.2.4　实战大步1——绘制思奈尔标识272

13.2.5　实战大步2——制作水滴效果272

13.2.6　范例攻略小结275

13.3　隆鑫科技LOGO275

13.3.1　效果欣赏275

13.3.2　焦点播报275

13.3.3　作品规格——360像素×270像素275

13.3.4　实战大步1——制作隆鑫标识276

13.3.5　实战大步2——绘制艺术名称277

13.3.6　范例攻略小结278

13.4　网络视听网LOGO278

13.4.1　效果欣赏278

13.4.2　焦点播报279

13.4.3　作品规格——540像素×405像素279

13.4.4　实战大步1——勾画视听网标识279

13.4.5　实战大步2——编辑LOGO内容282

13.4.6　范例攻略小结283

第14章　Banner广告284

14.1　Banner广告——酷书吧284

14.1.1　效果欣赏284

14.1.2　焦点播报284

14.1.3　作品规格——702像素×120像素284

14.1.4　实战大步1——设计酷书吧广告背景284

14.1.5　实战大步2——设计酷书吧广告内容286

14.1.6　范例攻略小结288

14.2　Banner广告——购物中心288

14.2.1　效果欣赏288

14.2.2　焦点播报288

14.2.3　作品规格——468像素×120像素289

14.2.4　实战大步1——设计购物中心广告背景289

14.2.5　实战大步2——设计广告宣传内容291

14.2.6　范例攻略小结292

14.3　Banner广告——首饰情缘292

14.3.1　效果欣赏292

14.3.2　焦点播报292

14.3.3　作品规格——768像素×250像素292

14.3.4　实战大步1——设计广告星闪效果292

14.3.5　实战大步2——设计广告主体内容295

14.3.6　范例攻略小结296

14.4　Banner广告——化妆品297

14.4.1　效果欣赏297

14.4.2　焦点播报297

14.4.3　作品规格——650像素×250像素297

14.4.4　实战大步1——设计广告宣传主体297

14.4.5　实战大步2——设计广告宣传语300

14.4.6　范例攻略小结300

第15章　四剑合璧——龙城图书网301

15.1　使用Flash制作两组动态广告条幅301

15.1.1　效果欣赏301

15.1.2　焦点播报302

15.1.3　作品规格——584像素×150像素302

15.1.4　制作动态条幅一：龙城图书网有空来看看302

15.1.5　制作动态条幅二：以市场为导向以读者为中心304

15.2　使用Flash制作三组特色文字动画306

15.2.1　效果欣赏307

15.2.2　焦点播报307

15.2.3　作品规格——432像素×25像素307

15.2.4　制作文字动画一：从右至左滚动式307

15.2.5　制作文字动画二：左右来回滚动式308

15.2.6　制作文字动画三：旋转并向两侧移动式308

15.3　使用Fireworks制作一组滚动式动态图片309

15.3.1　效果欣赏309

15.3.2　焦点播报310

15.3.3　作品规格——588像素×140像素310

15.3.4　实战大步1——导入图片素材310

15.3.5　实战大步2——编辑动画元件310

15.4　使用Fireworks制作一组简易导航图标311

15.4.1　效果欣赏311

15.4.2　焦点播报312

15.4.3　作品规格——152像素×24像素312

15.4.4　实战大步——制作导航图标1312

15.4.5　实战大步2——制作导航图标2313

15.5　使用Photoshop制作企业网站LOGO313

15.5.1　效果欣赏313

15.5.2　焦点播报314

15.5.3　作品规格——200像素×150像素314

15.5.4　实战大步1——绘制图像314

15.5.5　实战大步2——输入文本315

15.6　使用Photoshop制作一组水晶导航按钮316

15.6.1　效果欣赏316

15.6.2　焦点播报316

15.6.3　作品规格——96像素×33像素316

15.6.4　实战大步1——制作导航按钮1316

15.6.5　实战大步2——制作导航按钮2318

15.7　使用Photoshop制作一组导航图片318

15.7.1　效果欣赏318

15.7.2　焦点播报319

15.7.3　作品规格——196像素×484像素319

15.7.4　实战大步1——制作导航图片319

15.7.5　实战大步2——输入文本内容320

15.8　使用Dreamweaver制作网页321

15.8.1　效果欣赏321

15.8.2　焦点播报321

15.8.3　作品规格——789像素×789像素321

15.8.4　主页布局322

15.8.5　制作页眉区322

15.8.6　制作导航区323

15.8.7　制作内容区327

15.8.8　制作版权区328

15.8.9　制作子页328

15.8.10　设置链接331

15.9　网页完善与测试332

15.9.1　网页的完善332

15.9.2　兼容性测试332

15.9.3　链接性测试333