第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