Dreamweaver CS5网页设计与目录

时间：2023-06-20 00:39:01 | 来源：营销百科

时间：2023-06-20 00:39:01 来源：营销百科

Dreamweaver CS5网页设计与目录：目录
第1篇 网页设计与制作基础篇
第1章 解读网页设计3
1.1 网页设计概述3
1.1.1 网页与网站3
1.1.2 网页基本元素4
1.1.3 网页的类型5
1.2 网页设计的构成要素6
1.2.1 文字的编排与设计6
1.2.2 图形图像设计7
1.2.3 版式设计与编排8
1.2.4 色彩的搭配8
1.2.5 多媒体元素的选择9
1.3 网站建设的一般流程10
1.3.1 网站策划10
1.3.2 网页设计13
1.3.3 网页制作14
1.3.4 网站测试与发布14
1.3.5 网站宣传与维护14
1.4 网页常用专业术语14

第2章 网页色彩搭配19
2.1 网页设计与色彩19
2.2 色彩理论19
2.2.1 色彩与视觉原理19
2.2.2 色彩三要素20
2.2.3 色相环21
2.2.4 三原色22
2.3 网页色彩技术23
2.3.1 216网页安全色23
2.3.2 HTML语言中的颜色值表示24
2.4 色彩的冷暖25
2.5 色彩对比25
2.5.1 色相对比26
2.5.2 明度对比27
2.5.3 纯度对比28
2.5.4 冷暖对比28
2.5.5 面积对比29
2.6 色彩调和29
2.6.1 同种色的调和30
2.6.2 类似色的调和30
2.6.3 对比色的调和30
2.6.4 渐变色的调和31
2.7 网页色彩搭配32
2.7.1 色彩的功能角色32
2.7.2 基于色相的配色32
2.7.3 基于色调的配色38
2.7.4 标准色配色41
2.7.5 渐变配色41

第3章 Dreamweaver网页制作快速入门43
3.1 初识DreamweaverCS543
3.2 熟悉中文版DreamweaverCS5的操作界面43
3.2.1 开始页43
3.2.2 DreamweaverCS5的操作界面44
3.2.3 主菜单、快捷菜单与面板菜单46
3.2.4 文档工具栏48
3.2.5 中文版DreamweaverCS5面板52
3.3 网页文档的基本操作54
3.3.1 新建网页54
3.3.2 保存网页56
3.3.3 设置页面属性56
3.3.4 打开网页61
3.3.5 预览网页61
3.4 关于站点62
3.4.1 本地站点和远程站点62
3.4.2 站点规划原则62
3.5 创建站点63
3.5.1 创建本地站点63
3.5.2 创建远程站点66
3.6 管理本地与远程站点68
3.6.1 管理本地站点中的文件68
3.6.2 管理本地站点71
3.6.3 管理远程站点71

第4章 XHTML和CSS基础73
4.1 XHTML语言基础73
4.1.1 什么是XHTML73
4.1.2 XHTML文档的基本结构73
4.1.3 标签的书写格式76
4.1.4 标签的属性77
4.1.5 XHTML语法规范77
4.2 XHTML语言的核心标签79
4.2.1 文本与段落79
4.2.2 图像81
4.2.3 超链接81
4.2.4 列表元素82
4.2.5 Div标签82
4.3 CSS概述84
4.3.1 CSS的概念84
4.3.2 CSS的基本语法84
4.3.3 认识【CSS样式】面板85
4.4 使用CSS控制页面元素86
4.4.1 行内样式表86
4.4.2 内部样式表86
4.4.3 外部样式表87
4.4.4 导入样式表88
4.5 选择器类型88
4.5.1 标签选择器88
4.5.2 类选择器91
4.5.3 ID选择器92
4.6 设置CSS属性96
4.6.1 设置CSS样式类型96
4.6.2 设置CSS样式背景97
4.6.3 设置CSS样式区块98
4.6.4 设置CSS样式的方框99
4.6.5 设置CSS样式的边框100
4.6.6 设置CSS样式列表101
4.6.7 设置CSS样式的定位102
4.6.8 设置CSS样式扩展104
4.7 管理CSS样式表104
4.7.1 查看CSS样式104
4.7.2 编辑CSS样式106
4.7.3 禁用或启用CSS属性106
4.7.4 删除与复制CSS样式107

第2篇 网页元素设计篇
第5章 网页中文字的编排与设计111
5.1 关于文字编排与设计111
5.2 文字在网页中的表现形式112
5.2.1 特效文字112
5.2.2 内容文字113
5.3 用CSS设计文字样式113
5.3.1 字体113
5.3.2 字号116
5.3.3 颜色117
5.3.4 字体粗细118
5.3.5 斜体120
5.3.6 下划线、上划线和删除线121
5.3.7 英文字母大小写122
5.4 用CSS设计文本的段落样式123
5.4.1 行高124
5.4.2 水平对齐方式125
5.4.3 首行缩进126
5.4.4 字间距127
5.4.5 首字下沉128
5.5 使用CSS滤镜设计特效文字129
5.5.1 滤镜概述129
5.5.2 阴影130
5.5.3 模糊132
5.5.4 光晕133
5.5.5 遮罩134
5.5.6 波浪135
5.5.7 射线135
5.6 实例应用——网页文字的排版136

第6章 网页中图形图像的设计139
6.1 网页图形图像概述139
6.1.1 图形图像在网页中的应用139
6.1.2 网页中图形图像的使用原则141
6.1.3 网页中常用图像格式142
6.2 在网页中添加图像143
6.3 用CSS设置网页图像样式145
6.3.1 设置图像的边框145
6.3.2 图片缩放146
6.3.3 图文混排148
6.4 用CSS设置网页的背景150
6.4.1 背景颜色150
6.4.2 背景图像151
6.4.3 设置背景图像的属性151
6.5 实例应用155
6.5.1 图文混排效果155
6.5.2 设计网页背景图像162

第7章 网页导航设计165
7.1 网页导航概述165
7.1.1 网页导航分类165
7.1.2 导航位置168
7.1.3 导航方向169
7.2 关于超链接171
7.2.1 什么是超链接171
7.2.2 链接路径172
7.3 创建超链接173
7.3.1 创建文本链接173
7.3.2 创建图像地图链接177
7.3.3 创建锚记链接179
7.3.4 创建电子邮件链接182
7.3.5 创建空链接和脚本链接183
7.4 用CSS设计网站导航184
7.4.1 链接样式的控制184
7.4.2 设计横向导航185
7.4.3 设计竖排导航188
7.5 实例应用——宝庆动漫网导航设计189

第8章 网页多媒体与特效设计195
8.1 插入多媒体对象195
8.1.1 插入SWF动画195
8.1.2 插入FLV视频197
8.1.3 添加声音199
8.2 使用行为创建网页特效201
8.2.1 【行为】面板202
8.2.2 动作和事件203
8.2.3 添加行为204
8.3 Dreamweaver中的常用行为介绍206
8.3.1 交换图像206
8.3.2 弹出信息207
8.3.3 打开浏览器窗口207
8.3.4 Spry效果208
8.3.5 显示-隐藏元素209
8.3.6 检查插件210
8.3.7 设置状态栏文本210
8.3.8 调用JavaScript211
8.3.9 转到URL211
8.3.10 预先载入图像212
8.4 行为实例应用212
8.4.1 制作闪烁图像特效212
8.4.2 制作有弹出窗口的网页214
8.5 关于JavaScript217
8.5.1 什么是JavaScript语言218
8.5.2 JavaScript语言的写入方式218
8.6 实例应用219
8.6.1 广告图片切换效果219
8.6.2 跟随滚动条滚动的对联广告225

第3篇 网页版式设计与布局篇
第9章 网页版式设计231
9.1 版式设计概述231
9.1.1 网页版面大小231
9.1.2 第一屏233
9.2 版式设计的形式原理233
9.2.1 比例234
9.2.2 重复与渐变234
9.2.3 对称与均衡236
9.2.4 节奏与旋律236
9.2.5 对比与统一237
9.2.6 虚实与留白238
9.3 版式设计的视觉因素239
9.3.1 符合人的视觉习惯239
9.3.2 避免视觉疲劳240
9.3.3 注重主从关系241
9.4 网页版式构成的基础结构243
9.4.1 栏式结构243
9.4.2 区域结构245
9.4.3 非规律框架246

第10章 表格布局网页249
10.1 使用表格249
10.1.1 创建表格249
10.1.2 选择表格250
10.2 设置表格与单元格的属性251
10.2.1 设置表格属性252
10.2.2 设置单元格属性252
10.3 编辑表格253
10.3.1 调整表格和单元格的大小253
10.3.2 设置表格对齐方式255
10.3.3 插入行或列256
10.3.4 删除行或列257
10.3.5 拆分和合并单元格257
10.3.6 表格的嵌套258
10.4 实例应用——制作Models俱乐部网站258
10.4.1 使用表格布局页面259
10.4.2 使用CSS美化页面263

第11章 深入理解CSS DIV布局269
11.1 CSS DIV布局概述269
11.1.1 什么是CSS DIV布局269
11.1.2 CSS的优势269
11.1.3 传统的table布局与CSS布局的区别270
11.2 关于div和span272
11.2.1 认识div272
11.2.2 div的并列与嵌套结构274
11.2.3 div与span的区别275
11.3 盒子模型276
11.3.1 盒子模型的概念276
11.3.2 border277
11.3.3 padding279
11.3.4 margin280
11.4 元素的定位方式283
11.4.1 float定位283
11.4.2 position定位285
11.4.3 z-index空间位置287

第12章 CSS DIV布局网页289
12.1 CSS布局技法289
12.1.1 将页面用div分块289
12.1.2 设计各个块的位置290
12.1.3 用CSS定位290
12.2 常用布局类型292
12.2.1 一列固定宽度292
12.2.2 一列自适应294
12.2.3 一列固定宽度居中295
12.2.4 两列固定宽度296
12.2.5 两列宽度自适应298
12.2.6 两列右列宽度自适应299
12.2.7 两列固定宽度居中300
12.2.8 三列浮动中间列宽度自适应302
12.2.9 高度自适应304
12.3 使用CSS预设布局创建页面305
12.4 实例应用——制作蝴蝶摄影工作室网站307
12.4.1 搭建HTML框架308
12.4.2 制作网页头部310
12.4.3 制作网页的主要内容和页尾315
12.4.4 制作'蝴蝶作品'页面317

第4篇 经典案例篇
第13章 艺萃商业网站的设计与制作323
13.1 商业网站的策划323
13.1.1 明确创建网站的目的和用户需求323
13.1.2 分析材料324
13.1.3 出具网站策划书324
13.2 艺萃商业网站的设计326
13.2.1 设计定位327
13.2.2 确定网站结构布局329
13.3 艺萃商业网站的制作329
13.3.1 创建本地站点与远程站点329
13.3.2 定义页面通用样式332
13.4 制作首页334
13.4.1 新建文档并链接样式表文件334
13.4.2 使用div搭建页面框架335
13.4.3 用CSS定位并添加内容336
13.4.4 插入关键字和网页说明338
13.5 栏目页面的制作339
13.5.1 新建文档并链接样式表文件339
13.5.2 使用div搭建页面框架340
13.5.3 制作头部内容341
13.5.4 制作主体内容342
13.5.5 制作页脚346
13.6 测试与发布网站347
13.6.1 网站的测试347
13.6.2 网站的发布349

第14章 省客网的设计与制作351
14.1 省客网的设计351
14.2 省客网的制作353
14.2.1 创建本地站点与远程站点353
14.2.2 新建样式表并设置通用样式354
14.3 制作首页358
14.3.1 新建网页并调用Style.css样式表358
14.3.2 使用div搭建页面框架359
14.3.3 制作网站头部360
14.3.4 制作网站导航361
14.3.5 制作网页主体364
14.3.6 制作网页脚注376

第15章 希艺欧家居网的设计与制作377
15.1 案例预览377
15.2 创建与编辑模板378
15.2.1 认识【模板】面板和【模板】菜单378
15.2.2 创建模板380
15.2.3 编辑模板383
15.2.4 管理模板386
15.3 应用模板制作网页386
15.3.1 从模板新建网页文件387
15.3.2 使用【模板】面板创建网页文档388
15.3.3 页面与模板脱离389
15.3.4 更新页面389
15.4 使用库390
15.4.1 库的概念390
15.4.2 创建和应用库项目391
15.4.3 修改库392
15.5 制作希艺欧家居网站392
15.5.1 创建站点并定义页面通用样式393
15.5.2 创建模板并链接样式表文件395
15.5.3 使用div搭建页面框架396
15.5.4 定位块并添加内容397
15.5.5 应用模板制作'公司简介'页面406
15.5.6 应用模板制作'人才中心'页面408