精通网页设计和网站制作 视频教学版PDF电子书下载

第1章 网页设计与网站制作基础 1

1.1 关于网页设计基础 2

1.1.1 什么是网页 2

1.1.2 Web标准的概念和特点 3

1.1.3 网页设计师应该具备的素养 4

1.2 常用网页设计软件 4

1.2.1 网页编辑排版软件Dreamweaver CC 5

1.2.2 网页动画制作软件Flash CC 5

1.2.3 网页图像设计软件Photoshop CC 5

1.3 网站开发常用语言 6

1.3.1 网页标记语言HTML 6

1.3.2 网页样式表CSS 7

1.3.3 网页脚本语言JavaScript 7

1.3.4 动态网页编程语言ASP 9

1.4 网站的类型与特点 9

1.4.1 资讯类网站 10

1.4.2 电子商务类网站 10

1.4.3 互动游戏类网站 11

1.4.4 机构类网站 11

1.4.5 时尚类网站 12

1.4.6 门户类网站 12

1.5 网站制作流程概述 12

1.5.1 了解客户的需求 13

1.5.2 制作项目规划文案 13

1.5.3 规划网站内容 13

1.5.4 设计网页图像 14

1.5.5 制作网页 14

1.5.6 开发动态网站模块 15

1.5.7 申请域名和服务器空间 15

1.5.8 网站的推广 16

第2章 Dreamweaver CC创建基本文本网页 17

2.1 了解Dreamweaver CC的操作界面 18

2.2 在Dreamweaver中搭建站点 19

2.2.1 使用向导建立站点 20

2.2.2 使用高级设置建立站点 21

2.3 添加文本元素 24

2.3.1 在网页中添加文本 24

2.3.2 插入日期 25

2.3.3 插入特殊字符 26

2.3.4 插入水平线 27

2.4 编辑文本格式 28

2.4.1 设置文本字体 28

2.4.2 设置文本大小 29

2.4.3 设置文本颜色 30

2.5 超链接的基本概念 30

2.6 创建链接的方法 30

2.6.1 使用“属性”面板创建链接 30

2.6.2 使用指向文件图标创建链接 31

2.6.3 使用菜单命令创建链接 31

2.7 技能训练 31

技能训练1——创建外部链接 31

技能训练2——创建E-mail链接 32

技能训练3——创建下载文件的链接 34

技能训练4——创建图像热点链接 35

技能训练5——创建基本文本网页 36

第3章 用图像和多媒体美化网页 38

3.1 在网页中使用图像 39

3.1.1 插入图像 39

3.1.2 设置图像属性 40

3.1.3 裁剪图像 41

3.1.4 调整图像亮度和对比度 42

3.1.5 锐化图像 43

3.2 插入其他图像元素 43

3.2.1 插入背景图像 44

3.2.2 创建鼠标经过图像 44

3.3 使用代码提示添加背景音乐 46

3.4 插入其他媒体对象 48

3.4.1 插入Flash动画 48

3.4.2 插入Flash Video 49

3.5 技能训练 51

技能训练1——创建鼠标经过图像导航栏 51

技能训练2——创建图文并茂的网页 53

第4章 使用表格布局排版网页 55

4.1 插入表格 56

4.1.1 表格的基本概念 56

4.1.2 插入表格 56

4.2 设置表格属性 57

4.2.1 设置表格的属性 57

4.2.2 设置单元格属性 58

4.3 选择表格元素 59

4.3.1 选取表格 59

4.3.2 选取行或列 60

4.3.3 选取单元格 60

4.4 表格的基本操作 61

4.4.1 调整表格高度和宽度 61

4.4.2 添加或删除行或列 63

4.4.3 拆分单元格 64

4.4.4 合并单元格 65

4.4.5 剪切、复制、粘贴单元格 66

4.5 技能训练 66

技能训练1——创建细线表格 66

技能训练2——制作圆角表格 68

第5章 使用模板和库批量制作风格统一的网页 72

5.1 创建模板 73

5.1.1 新建模板 73

5.1.2 从现有文档创建模板 74

5.2 创建可编辑区域 75

5.2.1 插入可编辑区域 75

5.2.2 删除可编辑区域 76

5.2.3 更改可编辑区域 77

5.3 使用模板创建网页 77

5.4 管理站点中的模板 79

5.4.1 删除模板 79

5.4.2 修改模板 80

5.5 创建与应用库项目 81

5.5.1 创建库项目 82

5.5.2 应用库项目 84

5.5.3 修改库项目 85

5.6 技能训练 85

技能训练1——创建模板 86

技能训练2——利用模板创建网页 94

第6章 使用CSS＋DIV布局网页 97

6.1 初识DW 98

6.1.1 什么是Web标准 98

6.1.2 DIV概述 98

6.1.3 CSS＋DIV布局优点 100

6.2 CSS布局方法 100

6.2.1 将页面用DIV分块 101

6.2.2 用CSS定位各块的位置 101

6.3 常见的布局类型 103

6.3.1 单行单列固定宽度 104

6.3.2 一列自适应 105

6.3.3 两列固定宽度 106

6.3.4 两列宽度自适应 107

6.3.5 三列浮动中间宽度自适应 108

第7章 使用行为设计动感特效网页 110

7.1 了解动作和事件 111

7.1.1 动作 111

7.1.2 事件 111

7.2行为的添加与编辑 112

7.2.1 行为的添加 112

7.2.2 行为的修改 113

7.3 使用Dreamweaver内置行为 113

7.3.1 交换图像 113

7.3.2 弹出信息 115

7.3.3 打开浏览器窗口 116

7.3.4 设置状态栏文本 118

7.3.5 调用JavaScript 119

7.3.6 转到URL 120

7.3.7 blind效果 121

7.3.8 Fold效果 123

7.3.9 检查插件 124

7.3.10 检查表单 124

第8章 动态网站设计基础 127

8.1 动态网页的特点与制作过程 128

8.1.1 动态网页的特点 128

8.1.2 动态网页工作原理 128

8.1.3 动态网站技术核心 129

8.2 动态网站技术类型 130

8.2.1 ASP 130

8.2.2 PHP 131

8.2.3 JSP 131

8.2.4 ASP、PHP和JSP比较 132

8.3 搭建本地服务器 132

8.3.1 安装IIS 132

8.3.2 配置Web服务器 134

8.4 创建数据库连接 135

第9章 Photoshop CC制作网页图像 137

9.1 编辑图像文件 138

9.1.1 新建与保存网页图像文件 138

9.1.2 打开网页图像文件 139

9.2 使用页面布局工具 140

9.2.1 使用标尺 140

9.2.2 使用参考线 141

9.2.3 使用矩形工具 141

9.2.4 使用直线工具 142

9.2.5 使用单行（列）选框工具 142

9.3 设置前景色和背景色 143

9.4 创建选择区域 144

9.4.1 选框工具 144

9.4.2 套索工具 145

9.4.3 魔棒工具 145

9.4.4 制作透明图像 145

9.5 基本绘图工具 147

9.5.1 画笔工具 147

9.5.2 铅笔工具 148

9.5.3 减淡和加深工具 149

9.6 技能训练——绘制网站标志 150

第10章 网页切片输出与动画制作 153

10.1 创建与编辑切片 154

10.1.1 切片方法 154

10.1.2 编辑切片选项 155

10.1.3 优化和输出切片 155

10.2 Photoshop保存图像的方式 156

10.2.1 认识网页中支持的图像格式 156

10.2.2 保存网页图像 157

10.3 创建GIF动画 158

10.3.1 认识“动画”面板 158

10.3.2 创建动画 159

10.3.3 存储动画 162

10.4 技能训练——企业网站首页 162

技能训练1——企业网站首页 162

技能训练2——创建网页Banner动画 166

第11章 Photoshop网页图像设计 169

11.1 网站Logo的制作 170

11.2 网站Banner的制作 172

11.3 网站按钮的制作 174

11.4 导航条的制作 176

11.5 技能训练——常见的文字特效设计 177

技能训练1——绚彩果冻字 177

技能训练2——立体多彩字 179

第12章 JavaScript基础知识 182

12.1 JavaScript简介 183

12.1.1 JavaScript的历史 183

12.1.2 JavaScript特点 184

12.1.3 JavaScript注释 184

12.2 JavaScript的添加方法 185

12.2.1 内部引用 185

12.2.2 外部调用js文件 186

12.2.3 添加到事件中 187

12.3 基本数据类型 187

12.3.1 使用字符串型数据 187

12.3.2 使用数值型数据 188

12.3.3 使用布尔型数据 189

12.3.4 使用Undefined和Null类型 190

12.4 常量 191

12.4.1 常量的种类 191

12.4.2 常量的使用方法 192

12.4.3 变量的含义 192

12.4.4 变量的定义方式 193

12.4.5 变量的命名规则 194

12.4.6 变量的作用范围 194

12.5 运算符介绍 195

12.5.1 算术运算符 196

12.5.2 关系运算符 196

12.5.3 字符串运算符 197

12.5.4 赋值运算符 198

12.5.5 逻辑运算符 199

12.5.6 位运算符 199

12.6 技能训练——制作倒计时特效 200

第13章 JavaScript程序核心语法 202

13.1 函数 203

13.1.1 什么是函数 203

13.1.2 函数的参数传递 204

13.1.3 函数中变量的作用域和返回值 205

13.2 函数的定义 206

13.2.1 函数的普通定义方式 206

13.2.2 函数的变量定义方式 207

13.2.3 函数的指针调用方式 208

13.3 使用选择语句 210

13.3.1 if选择语句 210

13.3.2 if-else选择语句 211

13.3.3 If...else if...else选择语句 212

13.3.4 switch多条件选择语句 213

13.4 使用循环语句 215

13.4.1 for循环语句 215

13.4.2 while循环语句 217

13.4.3 do-while循环语句 218

13.4.4 break和continue跳转语句 219

13.5 技能训练——禁止右击 221

第14章 JavaScript中的对象和事件 223

14.1 对象应用 224

14.1.1 声明和实例化 224

14.1.2 对象的引用 226

14.1.3 对象的废除 226

14.1.4 对象的绑定 227

14.2 浏览器对象 228

14.2.1 Navigator对象 228

14.2.2 windows对象 229

14.2.3 location对象 231

14.2.4 history对象 232

14.2.5 document对象 233

14.3 内置对象 234

14.3.1 Date对象 234

14.3.2 数学对象math 237

14.3.3 字符串对象String 238

14.3.4 数组对象Array 239

14.4 常见事件 241

14.4.1 onClick事件 241

14.4.2 onchange事件 242

14.4.3 onSelect事件 243

14.4.4 onFocus事件 245

14.4.5 onLoad事件 246

14.4.6 鼠标移动事件 247

14.4.7 onblur事件 248

14.4.8 onsubmit事件和onreset事件 249

14.4.9 onresize页面大小事件 251

14.4.10 键盘事件 251

14.5 技能训练——改变网页背景颜色和文字颜色 253

第15章 HTML入门 255

15.1 HTML的基本语法 256

15.1.1 网页结构 256

15.1.2 创建HTML文件 257

15.2 常见的HTML标签 258

15.2.1 文本类标签 259

15.2.2 文本类标签：文本加粗、斜体与下划线 260

15.2.3 表格标签 261

15.2.4 超链接标签 262

15.2.5 段落标签 263

15.2.6 表单与按钮标签 264

15.2.7 图片标签 266

15.2.8 换行标签 268

15.2.9 水平线标签 269

15.2.1 0特殊标签 270

第16章 HTML5基础 272

16.1 认识HTML5 273

16.2 HTML5与HTML4的区别 274

16.2.1 HTML5的语法变化 274

16.2.2 HTML5中的标记方法 274

16.2.3 HTML5语法中的3个要点 275

16.2.4 HTML5与HTML4在搜索引擎优化的对比 276

16.3 HTML5新增的元素和废除的元素 277

16.3.1 新增的结构元素 277

16.3.2 新增块级元素 279

16.3.3 新增的行内的语义元素 281

16.3.4 新增的嵌入多媒体元素与交互性元素 285

16.3.5 新增的input元素的类型 286

16.3.6 废除的元素 288

16.4 新增的主体结构元素 289

16.4.1 article元素 289

16.4.2 section元素 290

16.4.3 nav元素 292

16.4.4 aside元素 294

16.5 新增的非主体结构元素 295

16.5.1 header元素 295

16.5.2 hgroup元素 296

16.5.3 footer元素 297

16.5.4 address元素 298

第17章 设计企业宣传型网站 299

17.1 网站前期策划 300

17.1.1 明确企业网站建站目的 300

17.1.2 网站总体策划 300

17.2 网站的版面布局及色彩 301

17.2.1 确定网站的色彩 301

17.2.2 草案及粗略布局 301

17.3 设计网站首页 302

17.3.1 首页的设计 302

17.3.2 切割首页 307

17.4 创建本地站点 308

17.5 二级模板页面的设计 309

17.5.1 创建库文件 309

17.5.2 创建模板 311

17.5.3 利用模板创建二级页面 315

17.6 网站推广 317

17.6.1 网站推广的目的 317

17.6.2 网站推广的方式 318

第18章 申请域名和空间 322

18.1 域名选择 323

18.1.1 域名概述 323

18.1.2 域名的分类 323

18.1.3 选择域名的方法 323

18.1.4 怎样选择最佳的域名 324

18.1.5 域名申请流程 325

18.2 服务器空间选择 327

18.2.1 服务器空间的几种类型 327

18.2.2 如何来选择网站的服务器空间 328

18.2.3 空间申请流程 329

18.3 网站备案 330

18.3.1 什么是网站备案 330

18.3.2 为什么要备案 331

18.3.3 哪些网站需要ICP备案 331

18.4 完整备案基本流程 331

18.5 经营性网站备案 333

18.5.1 经营性网站备案须知 333

18.5.2 经营性网站备案名称规范 333

第19章 网站的测试、上传与维护 335

19.1 站点的测试 336

19.1.1 检查链接 336

19.1.2 站点报告 336

19.1.3 清理文档 337

19.2 网页的上传 338

19.2.1 利用Dreamweaver上传网页 338

19.2.2 使用LeapFtp软件上传文件 340

19.3 网站的维护 341

19.3.1 网站内容维护 341

19.3.2 网站备份 342

19.4 网站安全维护 342

19.4.1 NTFS权限的设置 343

19.4.2 安装必要的安全软件 344