网页设计与网站构建的目录
第1篇快速掌握建站入门
网页设计与网站构建基础知识 2
1.1常见的网站类别 3
1.1.1个人网站 3
1.1.2企业类网站 3
1.1.3娱乐休闲类网站 3
1.1.4机构类网站 4
1.1.5行业信息类网站 4
1.1.6购物类网站 5
1.1.7门户类网站 5
1.2常用网页设计软件和技术 6
1.2.1网页编辑排版软件 6
1.2.2网页动画制作软件 7
1.2.3网页图像设计软件 7
1.2.4网页标记语言HTML8
1.2.5网页脚本语言 9
1.2.6动态网页编程语言ASP 10
1.3静态网页与动态网页 10
1.3.1静态网页 10
1.3.2动态网页 11
用色彩搭配打造令人赏心悦目的网站 12
2.1色彩基础知识 13
2.1.1色彩的基本概念 13
2.1.2网页色彩的冷暖视觉 13
2.2常见网页色彩搭配分析 15
2.2.1绿色 15
2.2.2黄色 16
2.2.3蓝色 17
2.2.4红色 18
2.2.5紫色 19
2.2.6灰色 20
2.2.7黑色 21
2.3页面色彩搭配 21
2.3.1网页色彩搭配原理 21
2.3.2网页配色方法 23
第2篇设计令人陶醉的静态网页
快速掌握Dreamweaver CS6设计基本网页 26
3.1 Dreamweaver CS6概述 28
3.2 Dreamweaver CS6的工作界面 28
3.2.1菜单栏 29
3.2.2插入栏 29
3.2.3浮动面板 29
3.2.4“属性”面板 30
3.2.5文档窗口 30
3.3创建和管理站点 31
3.3.1上机练习——创建本地站点 31
3.3.2上机练习——管理本地站点 32
3.4插入文本 34
3.4.1上机练习——插入普通文本 34
3.4.2上机练习——设置文本属性 35
3.4.3上机练习——插入特殊字符 36
3.5使用列表 38
3.5.1上机练习——插入项目列表 38
3.5.2插入编号列表 39
3.6在网页中插入文件头部内容 40
3.6.1插入META信息40
3.6.2设置基础 41
3.6.3插入关键字 42
3.6.4插入说明 42
3.6.5设置刷新 42
3.7插入其他对象 43
3.7.1上机练习——插入日期 43
3.7.2上机练习——插入水平线 44
3.8综合应用 46
3.9专家技巧 49
设计充满生机的图像和多媒体网页 51
4.1在网页中插入图像 53
4.1.1网页中图像的常见格式 53
4.1.2上机练习——插入图像 53
4.2网页图像的应用 55
4.2.1上机练习——鼠标经过图像 55
4.2.2上机练习——插入图像占位符 57
4.3插入声音 59
4.3.1音频文件格式 59
4.3.2上机练习——添加背景音乐 59
4.4插入视频 61
4.4.1视频的文件格式 61
4.4.2上机练习——在网页中插入视频 62
4.5插入其他媒体文件 63
4.5.1上机练习——插入Flash 63
4.5.2上机练习——插入Java Applet 65
4.6网页链接的创建 67
4.6.1网页链接的基本类型 67
4.6.2上机练习——图像热点链接 68
4.6.3上机练习——E-mail链接69
4.6.4上机练习——下载文件链接 71
4.6.5上机练习——锚点链接 72
4.6.6上机练习——脚本链接 74
4.6.7上机练习——空链接 75
4.7综合应用 76
4.8专家技巧 81
使用表格和Spry排版网页 82
5.1插入表格 83
5.1.1上机练习——插入表格 83
5.1.2上机练习——添加内容到单元格 86
5.2编辑表格 87
5.2.1选择表格及其元素 87
5.2.2调整表格和单元格的大小 91
5.2.3添加、删除行或列 93
5.2.4拆分单元格 94
5.2.5合并单元格 95
5.2.6剪切、复制、粘贴表格 95
5.3设置表格属性 96
5.3.1设置整个表格的属性 96
5.3.2设置行、列和单元格属性 96
5.4使用Spry布局对象 97
5.4.1上机练习——使用Spry菜单栏 97
5.4.2使用Spry选项卡式面板 98
5.4.3使用Spry折叠式 99
5.4.4上机练习——使用Spry可折叠面板 100
5.5综合应用——制作圆角表格 100
5.6专家技巧 103
使用模板和库快速构建网页 105
6.1创建模板 106
6.1.1上机练习——新建模板 106
6.1.2上机练习——从现有文档创建模板 108
6.2创建可编辑区域 109
6.2.1上机练习——插入可编辑区域 109
6.2.2删除可编辑区域 110
6.3使用模板创建网页 110
6.4创建与应用库项目 112
6.4.1上机练习——创建库项目 112
6.4.2上机练习——应用库项目 114
6.4.3上机练习——修改库项目 115
6.5综合应用 116
6.6专家技巧 121
使用行为和脚本设计充满活力的网页 123
7.1动作和事件 124
7.1.1动作 124
7.1.2事件 125
7.2行为的添加与编辑 126
7.2.1行为的添加 126
7.2.2行为的修改 127
7.3使用Dreamweaver内置行为 127
7.3.1上机练习——交换图像 127
7.3.2恢复交换图像 128
7.3.3上机练习——打开浏览器窗口 129
7.3.4上机练习——调用JavaScript 131
7.3.5改变属性 133
7.3.6上机练习——拖动AP元素 133
7.3.7上机练习——转到URL 135
7.3.8上机练习——弹出信息 136
7.3.9上机练习——预先载入图像 138
7.3.10上机练习——设置状态栏文本 139
7.3.11跳转菜单 140
7.3.12显示-隐藏元素142
7.3.13上机练习——检查表单 144
7.3.14上机练习——增大/收缩效果 146
7.3.15上机练习——挤压效果 147
7.4使用JavaScript制作网页特效 149
7.4.1上机练习——制作滚动文字公告 149
7.4.2上机练习——禁止下载网页图像 150
7.4.3上机练习——设置为IE首页 152
7.4.4上机练习——添加到收藏夹 153
7.5专家技巧 154
使用CSS样式表美化网页 156
8.1 CSS样式表 157
8.2 CSS基本语法 158
8.3设置CSS属性 159
8.3.1设置CSS类型属性 159
8.3.2设置CSS背景属性 160
8.3.3设置CSS区块属性 162
8.3.4设置CSS方框属性 163
8.3.5设置CSS边框属性 164
8.3.6设置CSS列表属性 165
8.3.6配置CSS列表属性 165
8.3.7配置CSS定位属性 165
8.3.8配置CSS拓展属性 166
8.4链接或导出外部CSS样式表 167
8.4.1实践练习——创建内部样式表 167
8.4.2实践练习——创建外部样式表 169
8.4.3实践练习——链接外部样式表 170
8.5综合运用 172
8.6高手秘籍 176
利用CSS+Div灵活规划页面布局 177
9.1初识Div178
9.1.1Div概述 178
9.1.2CSS+Div布局的优势 178
9.2关于AP Div 179
9.2.1 AP Div的概念 179
9.2.2 AP Div面板179
9.2.3创建普通AP Div180
9.2.4创建嵌套AP Div181
9.3设置AP Div的属性 181
9.3.1设置AP Div的显示/隐藏属性 181
9.3.2调整AP Div的堆叠顺序 182
9.3.3为AP Div添加滚动条 182
9.3.4调整AP Div的可见性 183
9.4 CSS定位与Div布局 184
9.4.1盒子模型 184
9.4.2元素的定位 184
9.5 CSS+Div布局的常用方法 187
9.5.1使用Div对页面整体规划188
9.5.2使用CSS定位 188
9.6综合运用——利用模板制作CSS布局网页 190
9.7高手秘籍 193
第3篇开发动态数据库网站
动态网站开发基础 197
10.1动态网页的特点和制作流程 199
10.1.1动态网页的特点 199
10.1.2动态网页的制作流程 200
10.2在网页中插入交互式表单元素200
10.2.1实践练习——插入表单域 201
10.2.2实践练习——插入文本域 202
10.2.3实践练习——插入复选框和单选按钮 205
10.2.4实践练习——插入列表/菜单 207
10.2.5实践练习——插入文件域和按钮 208
10.3搭建本地服务器212
10.3.1实践练习——安装IIS 212
10.3.2实践练习——配置Web服务器 213
10.4创建数据库连接214
10.4.1实践练习——创建ODBC连接 214
10.4.2实践练习——使用DSN创建ADO连接 215
10.5编辑数据表记录216
10.5.1创建记录集(查询) 216
10.5.2插入记录 218
10.5.3更新记录 219
10.5.4删除记录 220
10.6添加服务器行为221
10.6.1插入重复区域 221
10.6.2插入显示区域 222
10.6.3记录集分页 223
10.6.4转到详细页面 224
10.6.5转到相关页面 224
10.6.6用户身份验证 225
10.7高手秘籍 227
设计动态网站常用组件 230
11.1设计留言系统 231
11.1.1需求分析与设计思路 231
11.1.2设计数据库与数据库连接 232
11.1.3创建留言列表页面 234
11.1.4创建留言详细页面 238
11.1.5创建添加留言页面 240
11.2设计新闻发布系统 244
11.2.1主要功能页面 245
11.2.2设计数据库 246
11.2.3创建数据库连接 248
11.2.4新闻列表页面的制作 249
11.2.5新闻详细页面的制作 255
11.2.6后台登录页面 257
11.2.7删除新闻页面的制作 260
11.2.8添加新闻页面的制作 262
11.2.9修改新闻页面的制作 264
11.2.10新闻管理总页面 266
11.3高手秘籍 270
第4篇设计与处理精美的网页图像
使用Photoshop CS6设计网页中的特效文字 273
12.1使用文字工具 274
12.1.1实践练习——文字的输入 274
12.1.2实践练习——设置文字属性 275
12.1.3实践练习——文字的变形 277
12.2Photoshop图层基本操作 278
12.2.1添加图层 278
12.2.2删除图层 278
12.2.3合并图层 279
12.2.4设置图层样式 279
12.3设计常见的网页特效文字281
12.4高手秘籍 288
设计网页中经典图像元素 289
13.1设计网站Logo 290
13.1.1Logo的特点 290
13.1.2Logo设计标准291
13.1.3实践练习——网站Logo设计实例 291
13.2网络广告的制作293
13.2.1网络广告设计技巧 293
13.2.2实践练习——设计网络广告 294
13.3设计网站首页 298
13.3.1实践练习——首页的制作 298
13.3.2实践练习——切割输出首页图像 304
13.4设计网页按钮 306
13.5制作导航栏309
13.6高手秘籍 312
第5篇设计超炫的网页动画
使用Flash CS6创建基本动画 314
14.1 Flash CS6工作界面 315
14.2时间轴与关键帧317
14.2.1时间轴 317
14.2.2时间轴中的图层 318
14.2.3关键帧 318
14.3创建基本动画 319
14.3.1实践练习——逐帧动画 319
14.3.2实践练习——补间动画 322
14.4创建引导动画 324
14.4.1引导动画的创建原理 324
14.4.2实践练习——创建引导动画 324
14.5创建遮罩动画 327
14.5.1遮罩动画的创建原理 327
14.5.2实践练习——创建遮罩动画 327
14.6创建有声动画 330
14.6.1 Flash中可使用的声音文件类型 330
14.6.2添加声音 330
14.6.3编辑声音 332
14.6.4实践练习——创建声音动画 333
14.7高手秘籍 335
使用ActionScript创建交互动画 336
15.1 ActionScript概述337
15.1.1 ActionScript的发展史 337
15.1.2 ActionScript 3.0的特点 338
15.2 ActionScript 3.0语句中的参数 339
15.2.1 ActionScript中的专业术语 339
15.2.2 ActionScript 3.0基本语法 341
15.3常用ActionScript语句 343
15.3.1 for循环 343
15.3.2 while和do while循环 343
15.3.3条件语句 344
15.3.4特殊条件判断 344
15.4代码的输入344
15.5 ActionScript的编辑环境 345
15.6利用ActionScript制作交互动画的网页 346
15.6.1综合应用1——创建跳转到其他网页动画 346
15.6.2综合应用2——创建网页导航动画 348
15.6.3综合应用3——创建鼠标特效 353
15.6.4综合应用4——制作发光旋转效果 356
15.6.5综合应用5——制作响应鼠标效果 360
15.7高手秘籍 364
第6篇网站的策划与安全管理
网站的整体策划 366
16.1为什么要进行网站策划 367
16.1 网站规划的意义 367
16.2 网站规划的方法 368
16.2.1 网站规划的原则 368
16.2.2 网站规划的重点 369
16.3 如何确定网站的定位 370
16.4 明确网站的目标受众 371
16.5 网站内容规划 372
16.5.1 网站内容规划的重要性 372
16.5.2 如何高效进行网站内容规划 372
网站页面设计规划 374
17.1 网站栏目与页面设计规划 376
17.1.1 网站栏目规划 376
17.1.2 网站页面规划 377
17.2 网站导航设计 378
17.2.1 导航设计的基本要求 378
17.2.2 全局导航的基本要素 379
17.2.3 辅助导航的设计要点 379
17.2.4 导航设计要点 380
17.3 网站页面版式风格规划 381
17.3.1 网站内容的排版 381
17.3.2 网站网页的布局形式 382
17.3.3 网站界面设计的兼容性 384
17.3.4 界面布局与内容的相关性 384
17.4 网站视觉元素规划 385
17.4.1 提高文字的可辨识度 385
17.4.2 使图片更合理 386
17.4.3 使表单更易用 387
17.4.4 使按钮更易点击 388
网站的安全与运维 390
18.1 Web服务的高级配置 391
18.1.1 用户设置 391
18.1.2 NTFS权限配置 393
18.1.3 目录和应用程序访问权限配置 394
18.1.4 匿名和授权访问控制 395
18.1.5 备份与还原IIS 396
18.2 防黑客技术 397
18.2.1 计算机配置 397
18.2.2 隐藏IP地址 400
18.2.3 操作系统账号管理 401
18.2.4 安装必要的安全软件 402
18.2.5 浏览器的安全设置 402
18.2.6 网站防火墙的应用 403
18.3 网站运营 404
18.3.1 网站运营的工作内容 404
18.3.2 网站运营的关键问题 405
18.4 网站日常运维与管理 406
第7篇 完整商业网站的建设
网站建设规范与基本流程 408
19.1 网站建设规范 409
19.1.1 开发团队组建规范 409
19.1.2 开发工具规范 409
19.1.3 超链接规范 409
19.1.4 文件夹和文件命名规范 410
19.1.5 代码设计规范 411
19.2 网站建设的基本流程 411
19.2.1 网站需求分析 412
19.2.2 网站整体规划 412
19.2.3 确定网站整体风格 412
19.2.4 收集资源 413
19.2.5 设计网页图像 414
19.2.6 编辑制作网页 415
19.2.7 开发动态网站模块 416
19.2.8 申请域名和服务器空间 416
19.2.9 测试与发布上传 417
19.2.10 网站维护 418
19.2.11 网站推广 418
设计企业宣传展示型网站 422
20.1 网站前期规划 423
20.2 网站的版面布局及色彩 424
20.2.1 草案及初步布局 424
20.2.2 确定网站的色彩 424
20.3 设计网站首页 425
20.3.1 首页设计 425
20.3.2 切割首页 431
20.4 创建本地站点 433
20.5 二级模板页面的设计 434
20.5.1 创建库文件 434
20.5.2 创建模板 436
20.5.3 利用模板创建二级页面 439
20.6 专家技巧 441
设计在线购物网站 444
21.1 购物网站设计概述 445
21.1.1 购物网站概念 445
21.1.2 购物网站的设计要点 445
21.1.3 主要功能页面 446
21.2 创建数据库与数据库连接 448
21.2.1 创建数据库表 448
21.2.2 创建数据库连接 450
21.3 设计购物系统前台页面 451
21.3.1 设计商品分类展示页面 451
21.3.2 设计商品详细信息页面 455
21.4 设计购物系统后台管理 457
21.4.1 设计添加商品页面 457
21.4.2 设计商品管理页面 461
21.4.3 制作修改页面 465
21.4.4 设计删除页面 467
21.5 专家技巧 470
阿毛模板网
阿毛模板网是一个专注于提供免费模板资源的网站,拥有众多风格各异的模板资源,包括个人网站模板、企业网站模板、博客模板、电商模板等。无论您需要何种类型的模板,阿毛模板网都能满足您的需求。
为了便于大家使用,以下将详细介绍阿毛模板网的操作步骤。
一、进入阿毛模板网
首先,我们需要访问阿毛模板网的官方网站,网址为:www.amtemplate.com。打开网页后,您将看到网站的首页,上面展示了各种类型的模板分类。
二、选择模板分类
根据您的需求选择相应的模板分类,例如您需要个人网站模板,就可以点击“个人网站模板”分类。
三、浏览模板
进入模板分类后,您将看到众多不同的模板,可以查看模板的缩略图,点击缩略图可以查看模板的详细信息。
四、下载模板
如果您找到了合适的模板,可以点击模板缩略图下方的“下载”按钮进行下载。下载完成后,您就可以将模板应用于您的网站。
五、使用模板
下载完成后,您需要将模板解压缩并上传到您的网站目录中。如果您使用的是WordPress网站,可以在后台的“外观”-“主题”中进行模板的应用。
六、定制模板
如果您想要对模板进行一些个性化的定制,可以使用各种网站建设工具进行修改。例如,您可以使用Dreamweaver、SublimeText等工具进行编辑。
七、免费模板资源
除了提供免费模板资源外,阿毛模板网还提供了一些其他的免费资源,例如网站建设教程、网站优化技巧等。如果您是一个网站建设爱好者,那么阿毛模板网绝对是一个不错的选择。