网站颜色:

正版现货 Dreamweaver CC+Flash CC+Photoshop CC网页设计案例课堂 第2版 DW书籍 PS书籍 网页设计书籍 清华大学出版社

  • 产品名称:DreamweaverCC+FlashCC...
  • 书名:DreamweaverCC+FlashCC+PhotoshopCC网页设计案例课堂(第2版)(网站开发案例课堂)
  • 作者:刘春茂
  • 定价:69.00元
  • 书名:DreamweaverCC+FlashCC+PhotoshopCC网页设计案例课堂(第2版)
  • 开本:16开
  • 是否是套装:否
  • 出版社名称:清华大学出版社

4

基本信息

 书名:Dreamweaver CC+Flash CC+Photoshop CC网页设计案例课堂(第2版)(网站开发案例课堂)
 出版社: 清华大学出版社
 出版日期: (咨询特价)
 ISBN号:97
图书简介

《Dreamweaver CC+Flash CC+Photoshop CC网页设计案例课堂(第2版)》以零基础讲解为宗旨,用实例引导读者深入学习,采取“基础入门→网页内容设计→网页素设计→网页动画设计→项目开发”的讲解模尸深入浅出地讲解网页设计的各项技术及实战技能。

《Dreamweaver CC+Flash CC+Photoshop CC网页设计案例课堂(第2版)》第1篇“基础入门”主要内容包括网页设计与网站建设基础、网页配色与网站布局等;第2篇“网页内容设计”主要内容包括使用Dreamweaver CC创建站点、使用文本丰富网页内容、使用图像与多媒体网页素、设计网页中的超链接、使用网页表单和行为等;第3篇“网页素设计”主要内容包括调整与修饰图像、制作网页特效文字、制作网页按钮与导航条、制作网页特效边线与背景、制作网页Logo与网页Banner等;第4篇“网页动画设计”主要内容包括制作简单网页动画素、使用件和库、创建交互式动画、制作动态网站的Logo与Banner、Flash动画的测试与发布等;第5篇“项目开发”主要内容包括使用CSS层叠样式表、利用Div+CSS布局网页、构建动态网站的运行环境、使用MySQL数据库、开发网站用户管理系统等。

《Dreamweaver CC+Flash CC+Photoshop CC网页设计案例课堂(第2版)》赠送了12种超值的王牌资源。包括本书实例源代码、教学幻灯片、本书精品教学视频、88个实用类网页模板、12部网页开发必备参考手册、11个精彩JavaScript案例、Dreamweaver CC快捷键速查手册、HTML标记速查表、精彩网站配色方案赏析、网页样式与布局案例赏析、CSS+Div布局赏析案例、Web前端工程师常见面试题等。

《Dreamweaver CC+Flash CC+Photoshop CC网页设计案例课堂(第2版)》面向初、中级用户,适合任何想学习用Dreamweaver+Flash+Photoshop设计网页的人员,无论您是否从事计算机相关行业,无论您是否接触过Dreamweaver+Flash+Photoshop,通过学习本书均可快速掌握用Dreamweaver+Flash+Photoshop设计网页和开发动态网站的方法及技巧。

作者介绍

 

刘春茂,本科毕业于上海复旦大学,硕士毕业于清华大学。曾在美国IBM公司移动产品开发组从事Android平台应用的开发。

擅长的核心技术

媒体和教育领域个性化信息推荐,网站用户行为数据挖掘,健康领域非结构化数据处理。

擅长的其他技术

熟悉各种网站和(Andorid和iOS)app的开发等,精通Java, C/C++, PHP, Python等流行语言并对Hadoop, MapReduce等大数据框架有深入研究。

 

编辑推荐

 

本书特色

零基础、入门级的讲解

无论您是否从事计算机相关行业,无论您是否接触过Dreamweaver+Flash+Photoshop网页设计和动态网站开发,都能从本书中找到适合的起点。

超多、实用、专业的范例和项目

本书在编排上紧密结合深入学习网页制作技术的先后过程,从网页设计的基本概念开始,带领大家逐步深入地学习各种应用技巧,侧重实战技能,使用简单易懂的实际案例进行分析和操作指导,让读者读起来简明轻松,操作起来有章可循。

随时检测自己的学习成果

大部分章末均设置了“疑难解惑”板块,从而帮助读者解决自学过程中常见的疑难问题。

细致入微、贴心提示

本书在讲解过程中,在各章中使用了“注意”“提示”“技巧”等小贴士,使读者在学习过程中更清楚地了解相关操作、理解相关概念,并轻松掌握各种操作技巧。

专业创作团队和技术支持

您在学习过程中遇到任何问题,可加入QQ群(案例课堂VIP)进行提问,专家人员会在线答疑。

超值资源大放送

全程同步教学录像

涵盖本书所有知识点,详细讲解每个实例和项目的过程及技术关键点。比看书更能轻松地掌握书中所有动态网站开发的知识,而且扩展的讲解部分可使您得到比书中更多的收获。

超多容量资源

赠送大量资源,包括本书实例源代码、教学幻灯片、本书精品教学视频、88个实用类网页模板、12部网页开发必备参考手册、11个精彩JavaScript案例、Dreamweaver CC快捷键速查手册、HTML标记速查表、精彩网站配色方案赏析、网页样式与布局案例赏析、CSS+Div布局赏析案例、Web前端工程师常见面试题等。读者可以通过QQ群(案例课堂VIP)获取赠送资源,也可以扫描二维码,下载本书资源。

 

目录

 

目    录

第1篇  基 础 入 门

第1章  开启网页设计之路——网页设计

与网站建设基础    3

1.1  认识网页和网站    4

1.1.1  什么是网页    4

1.1.2  什么是网站    5

1.1.3  网站的种类和特点    5

1.2  网页的相关概念    7

1.2.1  因特网与万维网    7

1.2.2  浏览器与HTML    7

1.2.3  URL、域名与IP地址    8

1.2.4  上传和下载    8

1.3  网页的HTML构成    9

1.3.1  文档标记    9

1.3.2  头部标记    10

1.3.3  主体标记    10

1.4  HTML的常用标记    11

1.4.1  标题标记    11

1.4.2  段落标记    11

1.4.3  换行标记    12

1.4.4  链接标记    13

1.4.5  列表标记    14

1.4.6  图像标记    17

1.4.7  表格标记    19

1.4.8  表单标记    21

1.5  综合案例——制作日程表    22

1.6  疑难解惑    25

第2章  整体把握网站结构——网页配色与网站布局    27

2.1  善用色彩设计网页    28

2.1.1  认识色彩    28

2.1.2  确定网站的主题色    29

2.1.3  网页中色彩的搭配    31

2.1.4  网页素的色彩搭配    32

2.1.5  网页色彩搭配的技巧    34

2.2  常见网站的布局结构    36

2.2.1  “国”字型    36

2.2.2  标题正文型    37

2.2.3  左右框架型    37

2.2.4  上下框架型    37

2.2.5  综合框架型    38

2.2.6  封面型    38

2.2.7  Flash型    38

2.3  综合案例——定位网站页面的框架    39

2.4  疑难解惑    40

 

 

第2篇  网页内容设计

 

第3章  磨刀不误砍柴工——使用

Dreamweaver CC创建站点    43

3.1  认识Dreamweaver CC    44

3.1.1  启动Dreamweaver CC    44

3.1.2  认识Dreamweaver CC的工作区    45

3.1.3  体验Dreamweaver CC的新增功能    47

3.2  创建站点    50

3.2.1  案例1——创建本地站点    50

3.2.2  案例2——创建远程站点    51

3.3  管理站点    52

3.3.1  案例3——打开站点    52

3.3.2  案例4——编辑站点    52

3.3.3  案例5——删除站点    53

3.3.4  案例6——复制站点    54

3.3.5  案例7——导出与导入站点    54

3.4  操作站点文件及文件夹    55

3.4.1  案例8——创建文件夹    56

3.4.2  案例9——创建文件    56

3.4.3  案例10——文件或文件夹的移动和复制    57

3.4.4  案例11——删除文件或文件夹    57

3.5  综合案例——创建本地站点    58

3.6  疑难解惑    59

第4章  制作我的第一个网页——使用文本丰富网页内容    61

4.1  网页文档的基本操作    62

4.1.1  案例1——创建网页    62

4.1.2  案例2——页面属性    62

4.1.3  案例3——保存网页    64

4.1.4  案例4——打开网页    65

4.1.5  案例5——预览网页    66

4.2  添加网页内容    67

4.2.1  案例6——插入文字    67

4.2.2  案例7——设置字体    68

4.2.3  案例8——设置字号    68

4.2.4  案例9——设置字体颜色    69

4.2.5  案例10——设置字体样式    70

4.2.6  案例11——编辑段落    72

4.2.7  案例12——创建项目列表    77

4.3  使用特殊文本添加网页内容    79

4.3.1  案例13——插入换行符    79

4.3.2  案例14——插入水平线    79

4.3.3  案例15——插入日期    80

4.3.4  案例16——插入特殊字符    81

4.4  综合案例——制作图文并茂的网页    82

4.5  疑难解惑    84

第5章  有图有真相——使用图像与多媒体网页素    87

5.1  常用图像格式    88

5.1.1  GIF格式    88

5.1.2  JPEG格式    88

5.1.3  PNG格式    89

5.2  用图像美化网页    89

5.2.1  案例1——插入图像    89

5.2.2  案例2——设置图像的属性    91

5.2.3  案例3——设置图像对齐方式    93

5.2.4  案例4——剪裁需要的图像    94

5.2.5  案例5——调整图像的亮度与对比度    95

5.2.6  案例6——设置图像的锐化效果    96

5.3  插入其他图像素    97

5.3.1  案例7——插入鼠标经过图像    97

5.3.2  案例8——插入图像占位符    99

5.4  在网页中插入多媒体    100

5.4.1  案例9——插入背景音乐    100

5.4.2  案例10——插入Flash动画    101

5.4.3  案例11——插入FLV视频    102

5.4.4  案例12——插入HTML 5音频    104

5.4.5  案例13——插入HTML 5视频    105

5.5  综合案例1——制作精彩的多媒体网页    107

5.6  综合案例2——在代码视图中插入背景音乐    109

5.7  疑难解惑    110

第6章  不在网页中迷路——设计网页中的超链接    113

6.1  超级链接    114

6.1.1  链接的概念    114

6.1.2  常规链接    114

6.1.3  链接的类型    115

6.2  链接路径    116

6.2.1  什么是URL    116

6.2.2  绝对路径    116

6.2.3  文档相对路径    117

6.2.4  根相对路径    117

6.3  创建超级链接的方法    117

6.3.1  案例1——使用菜单命令创建链接    117

6.3.2  案例2——使用【属性】面板创建链接    118

6.3.3  案例3——使用【指向文件】按钮创建链接    118

6.4  创建不同种类的网页超链接    119

6.4.1  案例4——添加文本链接    119

6.4.2  案例5——添加图像链接    120

6.4.3  案例6——创建外部链接    121

6.4.4  案例7——创建锚记链接    121

6.4.5  案例8——创建图像热点链接    123

6.4.6  案例9——创建电子邮件链接    124

6.4.7  案例10——创建下载文件的链接    125

6.4.8  案例11——创建空链接    126

6.4.9  案例12——创建脚本链接    126

6.5  综合案例——为企业网站添加友情链接    128

6.6  疑难解惑    128

第7章  让网页互动起来——使用网页表单和行为    129

7.1  认识表单    130

7.1.1  什么是表单    130

7.1.2  认识表单对象    130

7.1.3  案例1——插入表单    133

7.1.4  案例2——设置表单属性    134

7.2  常用表单对象的应用    135

7.2.1  案例3——插入文本域    135

7.2.2  案例4——插入密码域    136

7.2.3  案例5——插入复选框    137

7.2.4  案例6——插入单选按钮    138

7.2.5  案例7——插入下拉菜单    138

7.2.6  案例8——插入滚动列表    139

7.2.7  案例9——插入按钮    140

7.2.8  案例10——插入图像按钮    140

7.2.9  案例11——插入文件上传域    141

7.3  认识行为    142

7.3.1  行为的概念    142

7.3.2  案例12——打开【行为】面板    143

7.4  常用内置行为的应用    143

7.4.1  案例13——交换图像    143

7.4.2  案例14——出信息    145

7.4.3  案例15——打开浏览器

窗口    146

7.4.4  案例16——检查表单行为    148

7.4.5  案例17——设置状态栏

文本    149

7.5  综合案例——使用表单制作留言本    151

7.6  疑难解惑    154

 

第3篇  网页素设计

 

第8章  网页图像说变就变——调整与修饰图像    157

8.1  图像色调的调整    158

8.1.1  案例1——调整图像的亮度与对比度    158

8.1.2  案例2——使用【色阶】命令调整图像    158

8.1.3  案例3——使用【曲线】命令调整图像    162

8.1.4  案例4——调整图像的曝光度    165

8.2  图像色彩的调整    166

8.2.1  案例5——使用【色相/饱和度】命令    166

8.2.2  案例6——使用【自然饱和度】命令    168

8.2.3  案例7——使用【色彩平衡】命令    168

8.2.4  案例8——使用【黑白】命令    169

8.2.5  案例9——使用【照片滤镜】命令    170

8.2.6  案例10——使用【通道混合器】命令    171

8.2.7  案例11——使用【匹配颜色】命令    172

8.2.8  案例12——使用【替换颜色】命令    174

8.2.9  案例13——使用【可选颜色】命令    175

8.2.10  案例14——使用【阴影/高光】 命令    177

8.3  修复图像中的污点与瑕疵    178

8.3.1  案例15——修复图像中的污点    178

8.3.2  案例16——修复图像中的瑕疵    179

8.3.3  案例17——修复图像选中的区域    179

8.3.4  案例18——内容感知移动工具    180

8.3.5  案例19——消除照片中的红眼    181

8.4  通过图像或图案修饰图像    182

8.4.1  案例20——通过复制图像修饰图像    182

8.4.2  案例21——通过图案修饰图像    183

8.5  通过橡皮擦修饰图像    183

8.5.1  案例22——擦除图像中指定的区域    184

8.5.2  案例23——擦除图像中的指定颜色    184

8.5.3  案例24——擦除图像中相近的颜色    185

8.6  修饰图像中的细节    186

8.6.1  案例25——修饰图像中生硬的边缘    186

8.6.2  案例26——提高图像的清晰度    187

8.6.3  案例27——通过涂抹修饰图像    187

8.7  通过调色修饰图像    188

8.7.1  案例28——减淡工具和加深工具    188

8.7.2  案例29——改变图像色彩的饱和度    189

8.8  综合案例——制作放射线背景图    189

8.9  疑难解惑    190

第9章  有情有义的文字——制作网页特效文字    191

9.1  文字的类型    192

9.2  输入文字    192

9.2.1  案例1——通过文字工具输入文字    192

9.2.2  案例2——通过文字蒙版工具输入文字状选区    194

9.2.3  案例3——转换点文字和段落文字    195

9.2.4  案例4——转换文字排列方向    195

9.3  设置文字格式    196

9.3.1  案例5——通过选项栏设置格式    196

9.3.2  案例6——通过【字符】面板设置文字格式    197

9.3.3  案例7——通过【段落】面板设置段落格式    198

9.3.4  案例8——设置字符样式和段落样式    200

9.3.5  案例9——查找和替换文本    200

9.4  文字转换    201

9.4.1  案例10——将文字转换为工作路径    201

9.4.2  案例11——将文字转换为形状    202

9.4.3  案例12——将文字转换为图像    202

9.5  制作常见特效文字    203

9.5.1  案例13——制作路径文字    203

9.5.2  案例14——制作变形文字    204

9.5.3  案例15——制作燃烧文字特效    206

9.6  综合案例——制作空心轮廓字    208

9.7  疑难解惑    210

第10章  网页中的路标——制作网页 按钮与导航条    211

10.1  按钮与导航条的设计原则    212

10.1.1  网页按钮的设计注意事项    212

10.1.2  网页导航条的设计注意 事项    212

10.2  制作按钮    213

10.2.1  案例1——制作普通按钮    213

10.2.2  案例2——制作迷你按钮    214

10.2.3  案例3——制作水晶按钮    217

10.2.4  案例4——制作木纹按钮    221

10.3  制作导航条    224

10.3.1  案例5——制作横向导航条    224

10.3.2  案例6——制作垂直导航条    226

10.4  综合案例——制作水晶风格网站导航条    228

10.5  疑难解惑    234

第11章  网页中迷人的蓝海——制作网页特效边线与背景    235

11.1  制作装饰边线    236

11.1.1  案例1——制作装饰虚线    236

11.1.2  案例2——制作内嵌线条    238

11.1.3  案例3——制作斜纹线条    239

11.2  制作网页背景图片    241

11.2.1  案例4——制作渐变背景图片    241

11.2.2  案例5——制作透明背景图像    244

11.3  综合案例——制作梦幻锈网页背景    245

11.4  疑难解惑    249

第12章  网页中的标志与旗帜——制作网页Logo与网页Banner    251

12.1  网页Logo与Banner概述    252

12.1.1  网页Logo设计标准    252

12.1.2  网页Logo的标准尺寸    253

12.1.3  网页Logo的一般形式    254

12.1.4  网页Banner的标准尺寸    255

12.1.5  Banner设计注意要点    255

12.2  制作文字Logo    255

12.2.1  案例1——制作背景    255

12.2.2  案例2——制作文字内容    256

12.2.3  案例3——绘制自定义形状    257

12.2.4  案例4——美化文字Logo    258

12.3  制作图案Logo    260

12.3.1  案例5——制作背景    260

12.3.2  案例6——制作图案效果    262

12.4  制作英文Banner    264

12.4.1  案例7——制作Banner背景    264

12.4.2  案例8——制作Banner底纹    265

12.4.3  案例9——制作文字特效    267

12.5  制作中文Banner    267

12.5.1  案例10——输入特效文字    267

12.5.2  案例11——将输入的文字设置为3D效果    268

12.5.3  案例12——制作Banner背景    270

12.6  综合案例1——制作图文结合 Logo    271

12.7  综合案例2——制作图文结合 Banner    275

12.8  疑难解惑    277

 

第4篇  网页动画设计

 

第13章  让网页活灵活现——制作简单网页动画素    281

13.1  Flash的基本功能    282

13.1.1  矢量绘图    282

13.1.2  动画设计    282

13.1.3  强大的编程功能    282

13.2  时间轴、帧和图层    283

13.2.1  什么是图层    283

13.2.2  时间轴与帧    284

13.3  制作简单动画    285

13.3.1  案例1——制作帧帧动画    285

13.3.2  案例2——制作补间动画    288

13.3.3  案例3——制作遮罩动画    292

13.3.4  案例4——使用动画预设    294

13.4  综合案例——制作数字倒计时动画    295

13.5  疑难解惑    297

第14章  快速组织动画素材——使用件和库    299

14.1  创建Flash件    300

14.1.1  件概述与分类    300

14.1.2  案例1——创建图形件    300

14.1.3  案例2——创建按钮件    301

14.1.4  案例3——创建影片剪辑件    304

14.1.5  案例4——调用其他文档中的件    306

14.2  使用实例    306

14.2.1  案例5——为实例另外指定一个件    307

14.2.2  案例6——改变实例属性    307

14.3  使用【库】面板    310

14.3.1  案例7——认识【库】面板    310

14.3.2  案例8——库的管理与使用    311

14.4  综合案例——制作绚丽网页按钮    313

14.5  疑难解惑    317

第15章  网页素的动态交互——创建交互式动画    319

15.1  ActionScript概述    320

15.1.1  ActionScript基本术语    320

15.1.2  【动作】面板    321

15.2  使用ActionScript制作动画特效    322

15.2.1  案例1——制作按钮切换图片效果    322

15.2.2  案例2——制作按钮切换背景颜色效果    327

15.2.3  案例3——制作锈闪烁效果    332

15.3  Flash常用组件的使用    336

15.3.1  案例4——组件的添加与删除    337

15.3.2  案例5——Button(按钮)组件    338

15.3.3  案例6——CheckBox(复选框)组件    339

15.3.4  案例7——ComboBox(下拉列表)组件    340

15.3.5  案例8——List平铺滚动组件    342

15.3.6  案例9——RadioButton(单选按钮)组件    344

15.3.7  案例10——ProgressBar(加载进度)组件    346

15.3.8  案例11——ScrollPane(滚动条窗口)组件    347

15.4  综合案例——制作飘雪效果    349

15.5  疑难解惑    352

第16章  让网页动起来——制作动态网站的Logo与Banner    353

16.1  制作滚动文字Logo    354

16.1.1  设置文档属性    354

16.1.2  制作文字件    354

16.1.3  制作滚动效果    355

16.2  制作产品Banner    357

16.2.1  制作文字动画    357

16.2.2  制作文字遮罩动画    359

16.2.3  制作图片动画    360

16.3  疑难解惑    362

第17章  动态网页素的输出——Flash动画的测试与发布    363

17.1  Flash动画的优化    364

17.1.1  案例1——动画的优化    364

17.1.2  案例2——动画的测试    365

17.2  输出前的格式设置    366

17.2.1  案例3——Flash输出的设置    366

17.2.2  案例4——HTML输出的设置    367

17.2.3  案例5——GIF输出的设置    369

17.2.4  案例6——JPEG输出的设置    370

17.2.5  案例7——PNG输出的设置    371

17.3  Flash动画的发布    372

17.3.1  案例8——导出动画    372

17.3.2  案例9——预览发布动画    373

17.4  疑难解惑    374

 

第5篇  项 目 开 发

 

第18章  读懂样式表密码——使用CSS层叠样式表    377

18.1  初识CSS样式表    378

18.1.1  什么是CSS    378

18.1.2  CSS的3种类型    378

18.1.3  CSS的语法格式    379

18.1.4  案例1——使用Dreamweaver编写CSS    380

18.2  CSS的使用方式    381

18.2.1  案例2——行内样式    382

18.2.2  案例3——内嵌样式    382

18.2.3  案例4——链接样式    383

18.2.4  案例5——导入样式    385

18.3  CSS中的常用样式    386

18.3.1  案例6——使用字体样式    386

18.3.2  案例7——使用文本样式    390

18.3.3  案例8——使用背景样式    394

18.3.4  案例9——设计边框样式    401

18.3.5  案例10——设置列表样式    405

18.4  综合案例——制作简单公司主页    409

18.5  疑难解惑    412

第19章  架构师的大比拼——利用 Div+CSS布局网页    413

19.1  认识并创建层    414

19.1.1  什么是层    414

19.1.2  案例1——使用Dreamweaver 创建层    414

19.2  Div层的定位方法    415

19.2.1  盒子模型的概念    415

19.2.2  案例2——定义网页border 区域    415

19.2.3  案例3——定义网页padding 区域    417

19.2.4  案例4——定义网页margin 区域    418

19.3  使用CSS沛    421

19.3.1  案例5——将页面用div 分块    421

19.3.2  案例6——设置各块位置    422

19.3.3  案例7——用CSS定位    422

19.4  常见网页布局模式    425

19.4.1  案例8——网页单列布局模式    425

19.4.2  案例9——网页1-2-1型布局模式    429

19.4.3  案例10——网页1-3-1型布局模式    432

19.5  综合案例——创建左右布局页面    435

19.6  疑难解惑    438

第20章  制作动态网页基础——构建动态网站的运行环境    439

20.1  PHP基本知识    440

20.1.1  PHP的概念    440

20.1.2  PHP语言的优势    440

20.1.3  PHP服务器概述    440

20.2  安装PHP前的准备工作    441

20.2.1  软硬件环境    441

20.2.2  案例1——获取PHP 7.1安装资源包    442

20.3  PHP +IIS服务器的安装配置    443

20.3.1  案例2——IIS简介及安装    443

20.3.2  案例3——PHP的安装    444

20.3.3  案例4——设置虚拟目录    447

20.4  PHP+Apache服务器的环境搭建    447

20.4.1  Apache简介    447

20.4.2  案例5——关闭原有的网站服务器    448

20.4.3  案例6——安装Apache    449

20.4.4  案例7——将PHP与Apache建立关联    450

20.5  在Windows下使用WampServer组合包    451

20.6  综合案例——测试第一个PHP程序    454

20.7  疑难解惑    455

第21章  构建动态网站后台数据——使用MySQL数据库    457

21.1  定义一个互动网站    458

21.1.1  定义互动网站的重要性    458

21.1.2  网页取得数据库的原理    458

21.1.3  案例1——在Dreamweaver CC中定义网站    459

21.2  MySQL数据库的安装和管理    462

21.2.1  案例2——MySQL 数据库的安装    462

21.2.2  案例3——MySQL 数据库的配置    466

21.2.3  案例4——phpMyAdmin的安装    470

21.2.4  案例5——MySQL数据库的建立    471

21.3  在网页中使用MySQL数据库    477

21.3.1  案例6——添加【数据库】面板    477

21.3.2  案例7——建立MySQL数据库连接    479

21.3.3  案例8——绑定记录集    481

21.4  数据库的备份与还原    484

21.4.1  案例9——数据库的备份    484

21.4.2  案例10——数据库的还原    485

21.5  综合案例——给我的MySQL数据库加密    486

21.6  疑难解惑    487

第22章  综合应用案例——开发网站用户管理系统    489

22.1  系统的功能分析    490

22.1.1  规划网页结构和功能    490

22.1.2  站点文件规划    491

22.1.3  网页美工设计    491

22.2  数据库设计与连接    491

22.2.1  数据库设计    492

22.2.2  创建数据库连接    494

22.3  用户登录模块的设计    496

22.3.1  登录页面    496

22.3.2  登录成功和登录失败页面的制作    504

22.3.3  用户登录系统功能的测试    506

22.4  用户注册模块的设计    507

22.4.1  用户注册页面    507

22.4.2  注册成功和注册失败页面    512

22.4.3  用户注册功能的测试    513

22.5  用户注册资料修改模块的设计    514

22.5.1  修改资料页面    514

22.5.2  更新成功页面    516

22.5.3  修改资料功能的测试    517

22.6  密码查询模块的设计    518

22.6.1  密码查询页面    518

22.6.2  完善密码查询功能页面    522

22.6.3  密码查询模块的测试    524

 

文摘

 

第2章  整体把握网站结构——网页配色与网站布局

 

一个网站能否成功,很大程度上取决于网页的结构与配色。因此,在学习制作动态网站之前,首先需要掌握网站结构与网页配色的相关基础知识。本章主要介绍网页配色的相关技巧、网站结构的布局,以及网站配色的经典案例等。

 

2.1  善用色彩设计网页

经研究发现,当用户第一次打开某个网站时,给用户留下第一印象的既不是网站的内容,也不是网站的版面布局,而是网站具有冲击力的色彩,如图2-1所示。

 

图2-1  网页色彩搭配

色彩的魅力是无限的,它可以让本身平淡乏味的东西瞬间变得漂亮起来。作为最具说服力的视觉语言,作为最强烈的视觉冲击,色彩在人们的生活中起着先声夺人的作用。因此,作为一名优秀的网页设计师,不仅要掌握基本的网站制作技术,还要掌握网站的配色风格等设计艺术。

2.1.1  认识色彩

为了能更好地应用色彩来设计网页,需要先了解色彩的一些基本概念。自然界中有好多种色彩,如玫瑰是红色的,大海是蓝色的,橘子是橙色的……但是最基本的色彩有3种(红、黄、蓝),其他的色彩都可以由这3种色彩调和而成。这3种色彩被称为“三原色”,如图2-2(a)所示。

现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列;其他的色彩都属于彩色系列。任何一种彩色的色彩都具备色相、明度和纯度3个特征。而非彩色的色彩只具有明度属性。

1. 色相

色相指的是色彩的名称。这是色彩最基本的特征,是一种色彩区别于另一种色彩最主要的因素。比如,紫色、绿色、黄色等都代表了不同的色相。同一色相的色彩,通过调整亮度或者纯度,就很容易搭配,如图2-2(b)所示。

2. 明度

明度也叫亮度,是指色彩的明暗程度。明度越大,色彩越亮,如一些购物、儿童类网站,用的是一些鲜亮的颜色,让人感觉绚丽多姿、生气勃勃。明度越低,颜色越暗。低明度的色彩主要用于一些充满神秘感的游戏类网站,以及一些为了体现个人的孤僻,或者忧郁等性格的个人网站。

 

                                 (a)                          (b)

图2-2  三原色与色相

有明度差的色彩更容易调和,如紫色(#993399)与黄色(#ffff00),暗红(#cc3300)与草绿(#99cc00),暗蓝(#0066cc)与橙色(#ff9933)等。色彩的明度如图2-3所示。

 

图2-3  色彩的明度

3. 纯度

纯度是指色彩的鲜艳程度。纯度高的色彩颜色鲜亮;纯度低的色彩颜色暗淡发灰。

2.1.2  确定网站的主题色

一个网站一般不使用单一颜色,因为这样会让人感觉单调、乏味;但也不能将所有的颜色都运用到网站中,让人感觉不庄重。一个网站必须围绕一种或两种主题色进行设计,这样既不至于让客户迷失方向,也不至于让客户感到单调、乏味。因此,确定网站的主题色是设计者必须考虑的问题之一。

1. 主题色确定的两个方面

在确定网站主题色时,通常可以从以下两个方面去考虑。

1)    结合产品、内容特点

应该根据产品的特点来确定网站的主色调。如果企业产品是环保型的,可以采用绿色;如果企业主营的产品是高科技或电子类的可以采用蓝色等;如果是红酒企业,则可以考虑使用红酒的色调。图2-4所示为一个商业网站的色彩搭配。

 

图2-4  商业网站色彩的搭配

2)    根据企业的VI识别系统

如今有很多公司都有自己的VI识别系统,从公司的名片、办公室的装修、手提袋等可以看得惮这些都诗司沉淀下来的企业文化。网站作为企业的宣传方式之一,也在一定程度上需要考虑这些因素。

2. 主题色的设计原则

在主题色确定时我们还要考虑如下原则,这样设计出的网站界面才能别出心裁,体现出企业的独特风格,更有利于向受众传递企业信息。

1)    与众不同,富有个性

过去许多网站都喜欢选择与竞争对手的网站相近的颜色,试图通过这样的策略来快速实现网站构建,减少建站成本,但这种建站方式鲜有成功者。网站的主题色一定要与竞争网站能明显地区别开,只有与众不同、别具一格才是成功之道,这是网站主题色选择的首要原则。如今越来越多的网站规划者开始认识到这个真理。比如,中国联通已经改变过去模仿中国移动的色彩,推出了与中国移动区别明显的橘色作为新的标准色,如图2-5所示。

 

图2-5  以橘色为标准色的中国联通网页

2)    符合大众审美习惯

由于大众的色彩偏好非常复杂,而且是多变的,甚至是瞬息万变的,因此要选择最能吻合大众偏好的色彩是非常困难的,甚至是不可能的。最好的办法是剔除掉大众所禁忌的颜色。比如,巴西人忌讳棕黄色和紫色,他们认为棕黄色使人绝望,紫色会带来悲哀,紫色和黄色配在一起,则是患病的预兆。因此,在选择网站主题色时要考虑你的用户群体的审美习惯。

2.1.3  网页中色彩的搭配

色彩在人们的生活中带有丰富的感情和含义。在特定的场合下,同种色彩可以代表不同的含义。色彩总的应用原则应该是“总体协调,局部对比”,即主页的整体色彩效果是和谐的,局部、小范围的地方可以配一些对比强烈的色彩。在色彩的运用上,可根据主页内容的需要,分别采用不同的主色调。

色彩具有象征性,如嫩绿色、翠绿色、金黄色、灰褐色分别象征春、夏、秋、冬。其次还有职业的标志色,如军警的橄榄绿、医疗卫生的白色等。色彩还具有明显的心理感觉,如冷、暖的感觉,进、退的效果等。另外,色彩还具有民族性。各个民族由于环境、文化、传统等因素的影响,对于色彩的喜好也存在着较大的差异。

1. 色彩的搭配

充分运用以下色彩的这些特性,可以使网站的主页具有深刻的艺术内涵,从而提升主页的文化品位。

(1)    相近色。相近色即色环中相邻的3种颜色。相近色的搭配给人的视觉效果很舒适、很自然,所以相近色在网站设计中极为常用。

(2)    互补色。互补色即色环中相对的两种色彩。对互补色调整一下补色的亮度,有时是一种很好的搭配。

(3)    暖色。暖色与黑色搭配,一般应用于购物类网站、电子商务网站、儿童类网站等,用以体现商品的琳琅满目,或网站的活泼、温馨等效果,如图2-6所示。

4
热门设计服务