动态网页设计教程 美工与技术PDF电子书下载

第1章 动态网页设计概述 1

1.1网页设计概况 1

1.1.1网页设计简介 1

1.1.2网页设计分类 2

1.1.3网页设计的特性 3

1.2动态网页设计的特点 5

1.2.1动态网页设计美工要求 5

1.2.2动态网页设计技术要求 9

1.3动态网页设计流程 11

1.3.1网站分析策划 11

1.3.2网站概念设计 11

1.3.3利用Photoshop CS5设计效果图 12

1.3.4利用Fireworks CS5制作图像切片 12

1.3.5利用Dreamweaver CS5设计网页布局 12

1.3.6利用Flash CS5设计网页动画 12

1.3.7利用Visual Studio 2008设计动态网页 12

1.3.8网站测试 12

第2章 动态网页图形图像设计 13

2.1网页图形图像设计的构成要素 13

2.1.1点的点睛作用 13

2.1.2线的性格特征 14

2.1.3面的造型艺术 15

2.1.4点、线、面的综合构成 15

2.1.5空间、运动与质感的应用 16

2.2网页图形图像设计的创意技巧 16

2.2.1联想与想象 16

2.2.2比喻与寓意 18

2.2.3对比与强调 18

2.2.4夸张与幽默 20

2.2.5悬念与魔幻 20

2.2.6情感与偶像 21

2.2.7古典与时尚 22

2.2.8开门见山与综合运用 23

2.3网页图形图像设计的技术看点 24

2.3.1图像的布局 24

2.3.2图像尺寸与规格 25

2.3.3图像切片与优化 25

2.3.4图像数量 25

2.4网页图形图像设计的技巧分析 26

2.4.1合理造型，精于构成 26

2.4.2量体裁衣，巧用造型 27

2.4.3营造空间，产生张力 28

2.4.4具象抽象，无限想象 29

2.4.5移花接木，图像组合 30

2.4.6强调特写，注重景别 31

2.4.7装饰图案，识别图标 32

第3章 动态网页文字设计 34

3.1网页字体与字体编排 34

3.1.1网页字体的使用 34

3.1.2网页字体的编排 36

3.2网页文字编排的创意形式 38

3.2.1鲜明对比 38

3.2.2笔画共用 38

3.2.3笔画突变 38

3.2.4形象添加 39

3.2.5笔画相连 40

3.2.6会意象形 40

3.2.7表面装饰 40

3.2.8线条中分 41

3.2.9点圈变化 41

3.2.10边框背景 42

3.2.11质感纹理 42

3.2.12空间立体 42

3.3网页文字设计的技术看点 43

3.3.1文字字体与大小 43

3.3.2文字排版的样式 45

3.3.3网页文字的强调 48

3.4网页文字设计技巧分析 51

3.4.1巧用对比，提高文字可读性 51

3.4.2精于版式，营造视觉美感 52

3.4.3深挖含义，体现创意魅力 53

3.4.4图文并茂，文字图形化处理 53

第4章 动态网页版式设计 55

4.1网页版式设计的形式原理 55

4.1.1重复与交错 55

4.1.2节奏与韵律 56

4.1.3对称与均衡 56

4.1.4对比与调和 57

4.1.5比例与适度 57

4.1.6变异与秩序 58

4.1.7虚实与留白 59

4.1.8力场与结构 59

4.1.9变化与统一 60

4.2网页版式设计的视觉因素 61

4.2.1符合视觉规律 61

4.2.2避免视觉疲劳 62

4.2.3注重主从关系 63

4.3网页版式构成的类型 63

4.3.1骨骼型 63

4.3.2拐角型 63

4.3.3框架型 64

4.3.4满版型 65

4.3.5分割型 66

4.3.6对称型 66

4.3.7焦点型 66

4.4网页导航设计 67

4.4.1导航分类 67

4.4.2导航位置 69

4.4.3导航设计的特点 70

4.5网页版式设计的技术看点 72

4.5.1技术实现的可行性分析 72

4.5.2美工与技术冲突的解决 73

4.6网页版式构成创意实例分析 74

4.6.1骨骼型网页总体布局 74

4.6.2网页细节布局 75

4.6.3 Flash型网页布局 75

4.6.4经典网页与导航布局 76

第5章 动态网页色彩设计 78

5.1网页色彩的基本原理 78

5.1.1色彩的相关概念 78

5.1.2色彩的对比 81

5.1.3色彩的调和 83

5.1.4色彩的心理效应 85

5.2确定网站的主题色 90

5.2.1主色 90

5.2.2辅色 91

5.2.3背景色 91

5.2.4网页色调运用 91

5.3网页色彩搭配方法 94

5.3.1网页配色规则 94

5.3.2网页配色技巧 96

5.3.3网页元素的色彩搭配技巧 98

第6章 动态网页效果图设计利器——Photoshop CS5与Fireworks CS5 101

6.1网页标志设计 101

6.1.1网页标志设计的技术要求 101

6.1.2网页标志设计的艺术创意 101

6.1.3 Photoshop CS5界面介绍 102

6.1.4网页标志设计过程 103

6.2主页效果图设计 107

6.2.1网页效果图技术要求 107

6.2.2网页Banner背景设计 108

6.2.3网页导航设计 110

6.2.4主页栏目设计 112

6.2.5网页版权区域的设计 115

6.2.6信息中心栏目的设计 116

6.2.7热点链接栏目的设计 118

6.2.8认证栏目的设计 121

6.3内页效果图设计 122

6.3.1内页效果图设计的技术要求 122

6.3.2内页效果图设计的艺术创意 122

6.3.3内页主图的设计制作 122

6.3.4内页左侧导航的设计 123

6.3.5内页右侧内容的设计 125

6.4 Fireworks CS5网页图像切片制作 128

6.4.1图像切片的技术要求 128

6.4.2图像切片的优化要求 128

6.4.3图像切片的命名要求 128

6.4.4图像切片的制作 128

第7章 动态网页版式设计健将——Dreamweaver CS5 134

7.1建立网站 134

7.1.1 Dreamweaver CS5软件界面 134

7.1.2建立站点 134

7.1.3创建文件和文件夹 136

7.1.4页面设置 137

7.1.5 HTML源代码 139

7.2利用表格显示数据与布局 140

7.2.1表格的基本操作 140

7.2.2表格的HTML代码 141

7.2.3表格排版实例 142

7.3建立超级链接 150

7.3.1内部链接 150

7.3.2外部链接 151

7.3.3电子邮件链接 152

7.3.4热点链接 152

7.3.5锚点链接 153

7.4利用CSS样式美化界面 154

7.4.1定义CSS样式 155

7.4.2应用CSS样式 156

7.4.3修改CSS样式 156

7.4.4变化的超级链接 157

7.4.5使用外部CSS 159

第8章 动态网页动画设计高手——Flash CS5 161

8.1 Flash基本动画快速掌握 161

8.1.1 Flash CS5软件界面 161

8.1.2制作逐帧动画——网页交替广告 162

8.1.3运动动画——出场效果 164

8.1.4形状动画——张力的形成 168

8.1.5遮罩动画——动画标志 171

8.2 Flash网络广告设计 174

8.2.1布置舞台 175

8.2.2演员化妆 175

8.2.3进行导演 176

8.2.4排练预演 182

8.2.5优化动画 184

8.3 Flash导航设计 184

8.3.1素材准备 184

8.3.2布置场景 189

8.3.3设置动作 190

8.3.4测试修改 192

第9章 动态网站开发主帅——Visual Studio 2008 194

9.1搭建Visual Studio 2008动态网站开发平台 194

9.1.1动态网站开发软件的安装 194

9.1.2 Visual Studio 2008界面介绍 196

9.2 Visual Studio 2008开发动态网站 197

9.2.1新建网站 197

9.2.2管理网站文件 197

9.2.3设计网页界面 199

9.2.4编写代码处理程序 200

9.2.5调试网页程序 201

9.2.6配置IIS服务器 202

第10章 动态网页设计语言——C 206

10.1 C#语言简介 206

10.1.1语句 206

10.1.2语句块 208

10.1.3缩进与空格 208

10.1.4字母大小写 208

10.1.5注释 209

10.2 C#数据类型 209

10.2.1整数类型 209

10.2.2浮点类型 209

10.2.3小数类型 210

10.2.4布尔类型 210

10.2.5字符型 210

10.2.6字符串类型 210

10.3常量和变量 210

10.3.1常量 210

10.3.2变量 211

10.4运算符与表达式 212

10.4.1运算符与表达式的分类 212

10.4.2运算符的优先级 213

10.5程序流程控制 213

10.5.1分支语句 213

10.5.2循环语句 217

10.6错误与异常处理 220

第11章 动态网站交互设计——ASP. NET基本对象 223

11.1用Response对象实现页面跳转 223

11.1.1 Response对象概述 223

11.1.2向网页输出信息 224

11.1.3页面跳转 224

11.2用Request对象获取用户请求 225

11.2.1 Request对象概述 225

11.2.2获取客户端Ip地址 226

11.2.3获取客户端请求 226

11.3用Session对象记录用户个人信息 228

11.3.1 Session对象概述 228

11.3.2记录用户信息 229

11.3.3配置Session对象的生命周期 230

11.4用Application对象为所有用户共享信息 231

11.4.1 Application对象概述 231

11.4.2 Global.asax文件的使用 231

11.4.3在线人数统计 232

11.5用Server对象对信息编码 233

11.5.1 Server对象概述 233

11.5.2对信息编码与解码 234

11.5.3获取服务器路径 237

11.6用Page对象实现页面加载 238

11.6.1 Page对象概述 238

11.6.2 Page对象页面加载 238

第12章 页面交互十八般兵器——ASP.NET Web服务器控件 240

12.1 Web服务器控件概述 240

12.1.1 Web服务器控件的通用属性 240

12.1.2服务器控件的美工要求 241

12.2常用Web服务器控件 241

12.2.1显示控件 241

12.2.2输入控件TextBox 243

12.2.3按钮控件 244

12.2.4链接控件Hyperlink 246

12.2.5选择控件 248

12.2.6容器控件Panel 255

12.2.7文件上传控件FileUpload 256

12.2.8日期时间控件Calendar 258

12.3数据验证控件 259

12.3.1数据非空验证控件RequiredFieldValidator 259

12.3.2数据比较验证控件CompareValidator 259

12.3.3数据范围验证控件RangeValidator 260

12.3.4数据格式验证控件RegularExpressionValidator 261

12.3.5验证错误信息显示控件ValidationSummary 263

第13章 动态数据操纵——SQL Server 2005 264

13.1数据库的基本操作 264

13.1.1建立数据库 264

13.1.2备份数据库 264

13.1.3还原数据库 266

13.1.4附加数据库 267

13.1.5建立数据表 269

13.1.6修改数据表 269

13.1.7查看数据表 270

13.1.8设置登录方式与账户 270

13.2 SQL语言 273

13.2.1选择语句Select 273

13.2.2插入语句Insert 281

13.2.3更新语句Update 281

13.2.4删除语句Delete 282

13.3使用Visual Studio 2008连接数据库 283

第14章 用户注册登录模块设计——数据连接的建立 285

14.1用户界面的设计 285

14.1.1美工的界面设计 285

14.1.2技术的实现 286

14.2数据库的设计 286

14.3用户注册设计 287

14.3.1用户注册界面设计 287

14.3.2用户信息的提交 288

14.3.3用户名的检测与信息验证 289

14.4用户登录设计 293

14.4.1用户登录界面设计 293

14.4.2用户名登录的验证 294

14.4.3用参数方式防止注入式攻击 295

14.5用户界面的美化 298

14.5.1用户登录界面的美化 298

14.5.2用户注册界面的美化 302

第15章 新闻管理模块设计——GridView控件与ADO.NET高级应用 304

15.1新闻管理界面的设计 304

15.1.1美工的界面设计 304

15.1.2技术的实现 304

15.2新闻管理数据库的设计 305

15.2.1数据库的建立 305

15.2.2数据表的建立 305

15.2.3数据表数据的添加 305

15.3新闻管理功能的实现——GridView控件的使用 306

15.3.1新闻的显示 306

15.3.2新闻的编辑 311

15.3.3新闻的删除 312

15.4新闻发布功能的实现 313

15.4.1新闻发布界面制作 313

15.4.2新闻发布代码设计 313

15.5新闻浏览功能的实现 322

15.5.1新闻浏览界面制作 322

15.5.2新闻浏览代码设计 323

15.6新闻管理模块界面的美化 325

15.6.1新闻管理界面的美化 325

15.6.2新闻发布界面的美化 334

15.6.3新闻浏览界面的美化 338

15.7新闻管理模块高级设计——ADO.NET数据操纵 342

15.7.1新闻管理模块的新需求 343

15.7.2新闻管理界面的改进 343

15.7.3新闻数据显示中的数据绑定技术 347

15.7.4 Visual Studio 2008中界面CSS美化 353

第16章 用户留言板设计——DataList控件使用 357

16.1用户留言板界面的设计 357

16.1.1美工的界面设计 357

16.1.2技术的实现 357

16.2用户留言板数据库的设计 358

16.2.1数据库的建立 358

16.2.2数据表的建立 358

16.2.3数据表数据的添加 359

16.3用户留言板功能的实现——DataList控件的使用 359

16.3.1用户留言设计 359

16.3.2程序实现数据绑定 362

16.3.3用户留言的实现 363

16.3.4分页功能的实现 365

16.4用户留言板界面的美化 369

16.4.1 DIV+CSS布局 369

16.4.2标题部分的美化 371

16.4.3 Datalist留言部分的美化 371

16.4.4分页部分的美化 372

16.4.5发布留言部分的美化 373

第17章Web 2.0聊天室设计——Ajax技术实现和谐交互 375

17.1 Ajax技术亮点 375

17.2 Ajax技术实现方法 375

17.2.1新建Ajax网站 375

17.2.2新建Ajax Web窗体 376

17.3 Ajax聊天室设计 378

17.3.1数据库设计 378

17.3.2用户登录功能设计 379

17.3.3聊天室界面设计 380

第18章 综合网站设计——领跑者IT培训中心网站 386

18.1网站美工设计 386

18.1.1 Photoshop网页效果图设计 386

18.1.2 Fireworks切片的使用 386

18.1.3 Dreamweaver网页布局 387

18.1.4 Flash网页动画设计 387

18.2数据库设计 387

18.2.1 SQL Server 2005数据库设计 387

18.2.2数据表的设计 387

18.3网站前台显示功能技术实现 389

18.3.1网站的建立——动态网站美工的结合 389

18.3.2网站文件的建立——网页美工的实现 390

18.3.3首页新闻的显示——动态新闻技术实现 390

18.3.4信息中心页面的设计 394

18.3.5师资阵容页面的设计 396

18.3.6培训课程页面的设计 397

18.3.7用户留言页面的设计 404

18.3.8用户注册页面的设计 404

18.3.9用户登录页面的设计 405

18.4网站后台管理功能技术实现 407

18.4.1后台管理页面的设计——母版的应用 407

18.4.2修改密码功能的实现 410

18.4.3新闻管理功能的实现 411

18.4.4用户管理功能的实现 412

18.4.5用户留言页面的管理 414

18.4.6师资阵容页面的管理 415

18.4.7培训课程页面的管理 416

18.5网站服务器部署与配置 418

18.5.1网站的Web.Config文件配置 418

18.5.2网站的生成与发布 419

18.5.3 IIS服务器的设置 420

18.5.4网站的上传与更新 421

参考文献 423