网页制作与网站建设课堂实录PDF电子书下载

第1章 网站建设基础 2

1.1预备知识 2

1.1.1什么是网站 2

1.1.2申请域名 2

1.1.3申请服务器空间 3

1.2如何设计网页 5

1.2.1网页设计的任务 5

1.2.2网页设计的实现 5

1.2.3网页设计的基本原则 5

1.3常用的网页设计软件 6

1.3.1网页设计软件Dreamweaver 6

1.3.2图像设计软件Photoshop 6

1.3.3动画设计软件Flash 7

1.3.4 HTML标记 8

1.3.5 FTP软件 10

1.4网站建设的一般流程 10

1.4.1确定网站主题 11

1.4.2网站整体规划 11

1.4.3收集资料与素材 11

1.4.4设计网页页面 11

1.4.5切图并制作成页面 12

1.4.6开发动态网站模块 12

1.4.7 发布与上传 13

1.4.8后期更新与维护 13

1.4.9网站的推广 14

1.5课后练习 14

1.6本章小结 14

第2章 网页的色彩搭配 16

2.1色彩基础知识 16

2.1.1色彩的基本概念 16

2.1.2网页安全色 16

2.2色彩的原理 17

2.2.1色彩的三要素 17

2.2.2色彩的混合 18

2.3色彩与心理 18

2.3.1红色心理与网页表现 19

2.3.2黄色心理与网页表现 19

2.3.3蓝色心理与网页表现 20

2.3.4绿色心理与网页表现 20

2.3.5紫色心理与网页表现 21

2.3.6橙色心理与网页表现 21

2.3.7白色心理与网页表现 22

2.3.8黑色心理与网页表现 22

2.3.9灰色心理与网页表现 22

2.4页面色彩搭配 22

2.4.1网页色彩搭配原理 23

2.4.2网页设计中色彩搭配的技巧 24

2.5课后练习 26

2.6本章小结 26

第3章 Dreamweaver CC创建站点和基本网页 28

3.1了解Dreamweaver CC 28

3.1.1插入栏 28

3.1.2浮动面板组 28

3.1.3文档工具栏 29

3.1.4状态栏 29

3.1.5“属性”面板 29

3.2在Dreamweaver中创建站点 29

3.2.1课堂练一练——建立站点 30

3.2.2课堂练一练——复制与修改站点 31

3.3添加文本 32

3.3.1课堂练一练——添加普通文本 32

3.3.2课堂练一练——添加特殊字符 32

3.3.3课堂练一练——在字符之间添加空格 33

3.3.4课堂练一练——添加与设置水平线 34

3.3.5课堂练一练——创建列表 35

3.4超链接概念 36

3.4.1相对路径 36

3.4.2绝对路径 36

3.5创建各种链接 36

3.5.1课堂练一练——创建图像热点链接 37

3.5.2课堂练一练——创建E-mail链接 38

3.5.3课堂练一练——创建脚本链接 39

3.5.4课堂练一练——创建下载文件链接 40

3.6实战应用——搭建站点并创建简单文本网页 41

3.7课后练习 43

3.8本章小结 44

第4章 添加图像和媒体 46

4.1添加图像 46

4.1.1课堂练一练——插入图像 46

4.1.2设置图像属性 47

4.1.3课堂练一练——创建鼠标经过图像 48

4.2添加声音 50

4.2.1课堂练一练——在文档中插入背景音乐 50

4.2.2课堂练一练——使用代码提示添加背景音乐 51

4.3插入动态媒体元素 54

4.3.1课堂练一练——插入Flash动画 54

4.3.2课堂练一练——插入视频文件 55

4.4技术拓展 56

4.4.1把网页中的Flash背景设置为透明 56

4.4.2网页中图像的常见格式 57

4.5实战应用 57

4.5.1实战1——创建图文并茂的“好看”网页 58

4.5.2实战2——网页中插入媒体实例 59

4.6课后练习 60

4.7本章小结 62

第5章 使用表格轻松排列网页数据 64

5.1插入表格和表格元素 64

5.1.1课堂练一练——插入表格 64

5.1.2设置表格属性 65

5.1.3添加内容到单元格 65

5.2选择表格元素 66

5.2.1选取表格 66

5.2.2选取行或列 67

5.2.3选取单元格 67

5.3表格的基本操作 68

5.3.1调整表格和单元格的大小 68

5.3.2添加或删除行或列 70

5.3.3拆分单元格 71

5.3.4合并单元格 71

5.3.5剪切、复制、粘贴单元格 71

5.4排序及整理表格内容 72

5.4.1课堂练一练——导入表格式数据 72

5.4.2课堂练一练——排序表格 73

5.5实战应用 74

5.5.1实战1——利用表格排列数据 75

5.5.2实战2——创建圆角表格 76

5.6课后练习 78

5.7本章小结 80

第6章 使用模板、库和插件提高网页制作效率 82

6.1创建模板 82

6.1.1课堂练一练——从现有文档创建模板 82

6.1.2课堂练一练——创建可编辑区域 82

6.2应用模板创建网页 83

6.3将模板应用到已有的网页及删除模板 86

6.3.1课堂练一练——将模板应用到已有的网页 86

6.3.2删除模板 87

6.4创建和应用库 88

6.4.1课堂练一练——将现有内容创建为库 88

6.4.2课堂练一练——在网页中应用库 88

6.5 Dreamweaver的插件扩展功能 89

6.5.1 Dreamweaver插件简介 89

6.5.2课堂练一练——安装插件 90

6.6实战应用 91

6.6.1实战1——创建企业网站模板 91

6.6.2实战2——利用模板创建网页 95

6.6.3实战3——使用插件制作背景音乐网页 97

6.6.4实战4——利用插件制作不同时段显示不同问候语 98

6.7课后练习 99

6.8本章小结 100

第7章 使用CSS＋DIV布局美化网页 102

7.1了解CSS样式表 102

7.2设置CSS样式表属性 102

7.2.1设置类型属性 102

7.2.2设置背景属性 103

7.2.3设置区块属性 103

7.2.4设置方框属性 104

7.2.5设置边框属性 105

7.2.6设置列表属性 105

7.2.7设置定位属性 105

7.2.8设置扩展属性 106

7.2.9设置过渡样式 106

7.3链接到或导出外部CSS样式表 106

7.3.1课堂练一练——创建内部样式表 106

7.3.2课堂练一练——创建外部样式表 108

7.3.3课堂练一练——链接外部样式表 109

7.4 CSS和DIV布局 110

7.4.1什么是Web标准 110

7.4.2 Div与Span、 Class与ID的区别 111

7.4.3为什么要使用CSS＋Div布局 111

7.5 CSS布局方法 111

7.5.1将页面用Div分块 112

7.5.2用CSS定位各块的位置 112

7.6 CSS的基本语法 112

7.7实战应用 113

7.7.1实战1—— cSS样式美化文字 113

7.7.2实战2——应用CSS样式制作阴影文字 114

7.8课后练习 116

7.9本章小结 118

第8章 利用行为轻松实现网页特效 120

8.1特效中的行为和事件 120

8.1.1网页事件 120

8.1.2网页行为 121

8.2使用Dreamweaver内置行为 121

8.2.1课堂练一练——交换图像 121

8.2.2课堂练一练——弹出提示信息 123

8.2.3课堂练一练——打开浏览器窗口 124

8.2.4课堂练一练——转到URL 126

8.2.5课堂练一练——预先载入图像 128

8.2.6课堂练一练——检查表单 129

8.2.7课堂练一练——设置状态栏文本 130

8.3利用脚本制作特效网页 131

8.3.1课堂练一练——制作滚动公告网页 131

8.3.2课堂练一练——制作自动关闭网页 132

8.4课后练习 133

8.5本章小结 136

第9章 添加表单与动态网页基础 138

9.1表单概述 138

9.1.1关于表单 138

9.1.2表单元素介绍 138

9.2插入输入类表单对象 138

9.2.1课堂小实例——插入表单域 138

9.2.2课堂小实例——插入文本域 140

9.2.3课堂小实例——插入密码域 141

9.2.4课堂小实例——插入多行文本域 141

9.2.5课堂小实例——插入隐藏域 142

9.2.6课堂小实例——插入复选框 142

9.2.7课堂小实例——插入单选按钮 143

9.2.8课堂小实例——插入选择 144

9.2.9课堂小实例——插入Url 145

9.2.10课堂小实例——插入文件域 145

9.2.11课堂小实例——插入图像按钮 146

9.2.12课堂小实例——插入按钮 146

9.3实战应用——制作网站注册页面 147

9.4课后练习 152

9.5本章小结 152

第10章 HTML5入门基础 154

10.1认识HTML5 154

10.2 HTML5与HTM L4的区别 155

10.2.1HTML5的语法变化 156

10.2.2HTML5中的标记方法 156

10.2.3HTML5语法中的3个要点 156

10.2.4 HTML5与HTML4在搜索引擎优化上的对比 157

10.3新增的主体结构元素 158

10.3.1课堂练一练——article元素 158

10.3.2课堂练一练——section元素 159

10.3.3课堂练一练——nav元素 160

10.3.4课堂练一练——aside元素 162

10.4新增的非主体结构元素 163

10.4.1课堂练一练——header元素 163

10.4.2课堂练一练——hgroup元素 164

10.4.3课堂练一练——footer元素 164

10.4.4课堂练一练——address元素 165

10.5新增的行内的语义元素 166

10.6新增的input元素的类型 169

10.7课后练习 172

10.8本章小结 172

第11章 动态网站设计基础 174

11.1动态网页的特点与制作过程 174

11.1.1动态网页特点 174

11.1.2动态网页工作原理 174

11.1.3动态网站技术核心 175

11.2动态网站技术类型 176

11.2.1 ASP 176

11.2.2 PHP 176

11.2.3 JSP 177

11.2.4 ASP、PHP和JSP比较 177

11.3搭建本地服务器 178

11.3.1安装IIS 178

11.3.2配置Web服务器 179

11.4数据库相关术语 180

11.4.1什么是数据库 180

11.4.2数据库表 180

11.5常见的数据库管理系统 180

11.6创建Access数据库 181

11.7创建数据库连接 183

11.8课后习题 184

11.9本章小结 184

第12章 动态网站开发语言ASP 186

12.1 ASP概述 186

12.1.1 ASP简介 186

12.1.2 ASP的工作原理 186

12.2 ASP连接数据库 187

12.3 Request对象 187

12.3.1集合对象 187

12.3.2属性 188

12.3.3方法 188

12.3.4 Request对象使用实例 188

12.4 Response对象 190

12.4.1集合对象 190

12.4.2属性 190

12.4.3方法 190

12.4.4 Response对象使用实例 191

12.5 Server对象 191

12.5.1属性 192

12.5.2方法 192

12.6 Application对象 192

12.6.1方法 192

12.6.2事件 193

12.7 Session对象 194

12.7.1属性 194

12.7.2方法 194

12.7.3事件 194

12.7.4 Session对象实例 195

12.8课后习题 196

12.9本章小节 196

第13章 快速掌握动画设计软件Flash CC 198

13.1 Flash CC简介 198

13.1.1 Flash应用范围 198

13.1.2 Flash CC工作界面 199

13.2 Flash动画基础 199

13.2.1 Flash的优点 200

13.2.2建立与保存Flash动画 200

13.2.3设置Flash的属性 201

13.2.4 Flash时间轴的使用 202

13.2.5插入关键帧 203

13.2.6创建帧过渡效果 203

13.2.7添加图层与图层管理 204

13.2.8插入元件 204

13.2.9库的管理与使用 205

13.3 Flash动画的优化与发布 206

13.3.1优化动画 206

13.3.2测试动画 206

13.3.3设置动画发布格式 207

13.4优化与发布文档 207

13.5课后练习 208

13.6本章小结 208

第14章 编辑文本和操作对象 210

14.1文本的基本操作 210

14.1.1课堂练一练——创建静态文本 210

14.1.2课堂练一练——创建动态文本 211

14.1.3课堂练一练——创建输入文本 211

14.2对象的选取、复制与移动 211

14.2.1选取对象 212

14.2.2移动对象 212

14.2.3复制对象 212

14.3变形处理 213

14.3.1课堂练一练——缩放对象 213

14.3.2课堂练一练——旋转对象 213

14.3.3课堂练一练——扭曲对象 214

14.4技术拓展 214

14.4.1创建文字链接 214

14.4.2组合对象与分离对象 215

14.5实战应用 216

14.5.1实战应用1——制作多彩的变形文字 216

14.5.2实战应用2——制作雪花文字 218

14.6课后练习 219

14.7本章小结 220

第15章 创建基本Flash动画 222

15.1时间轴与帧 222

15.1.1时间轴 222

15.1.2帧 222

15.2创建基本动画 222

15.2.1课堂练一练——创建逐帧动画 223

15.2.2课堂练一练——创建补间形状动画 223

15.2.3课堂练一练——创建传统补间动画 225

15.3创建引导动画和遮罩动画 226

15.3.1课堂练一练——创建引导动画 226

15.3.2课堂练一练——创建遮罩动画 228

15.4制作多媒体Flash动画 230

15.4.1在Flash CC中导入声音 230

15.4.2使用声音 230

15.4.3编辑声音 231

15.4.4同步声音 231

15.4.5输出声音设置 232

15.5实战应用——为首页添加背景音乐 232

15.6课后练习 234

15.7本章小结 234

第16章 Photoshop CC入门基础 236

16.1网页图像基础知识 236

16.1.1矢量图和位图 236

16.1.2颜色模式 236

16.2 Photoshop CC工作界面 237

16.2.1菜单栏 237

16.2.2工具箱及工具选项栏 238

16.2.3文档窗口及状态栏 238

16.2.4面板 239

16.3调整网页图像文件 239

16.3.1课堂练一练——调整图像大小 239

16.3.2课堂练一练——使用“色阶”命令美化图像 240

16.3.3课堂练一练——使用“曲线”命令美化图像 240

16.3.4课堂练一练——调整图像亮度与对比度 241

16.3.5课堂练一练——使用色彩平衡 241

16.3.6课堂练一练——调整图像色相与饱和度 242

16.4实战应用 243

16.5课后练习 244

16.6本章小结 244

第17章 网页特效文字的制作 246

17.1使用图层 246

17.1.1图层的基本操作 246

17.1.2图层的分组 247

17.1.3图层的混合模式 247

17.1.4图层的样式 247

17.2处理文本 248

17.2.1文本工具 248

17.2.2设置字体 249

17.2.3“字符”和“段落”面板 249

17.3使用滤镜制作特效图像 250

17.3.1浮雕效果 250

17.3.2马赛克 251

17.3.3高斯模糊 251

17.3.4动感模糊 252

17.3.5水波滤镜 252

17.4实战应用 253

17.4.1实战1——使用滤镜制作特效广告图 253

17.4.2实战2——制作网页特效文字 254

17.5课后练习 256

17.6本章小结 256

第18章 网页切片输出与动画制作 258

18.1创建与编辑切片 258

18.1.1切片的注意事项 258

18.1.2切片方法 258

18.1.3编辑切片选项 258

18.2保存网页图像 259

18.2.1认识网页中支持的图像格式 259

18.2.2课堂练一练——保存网页图像 260

18.3创建GIF动画 260

18.3.1认识“动画（帧）”面板 261

18.3.2课堂练一练——创建动画 261

18.3.3课堂练一练——存储动画 263

18.4实战应用——优化与发布“企业网站”图像 264

18.5课后练习 265

18.6本章小结 265

第19章 设计企业网站实例 267

19.1企业网站概述 267

19.1.1企业网站前期策划 267

19.1.2房地产网站建设的目的 268

19.2网站的版面布局及色彩 268

19.2.1草案及粗略布局 268

19.2.2确定网站的色彩 269

19.3创建模板 269

19.3.1制作顶部文件 269

19.3.2插入按钮导航 271

19.3.3制作版权信息部分 273

19.3.4创建可编辑区 274

19.4利用模板制作网站二级页面 274

19.5测试站点 276

19.5.1检查链接 276

19.5.2站点报告 277

19.5.3清理文档 277

19.6发布网站 278

19.7网站运营与维护 279

19.7.1网站的运营工作 279

19.7.2网站的更新维护 281

19.8网站的推广 281

19.9课后练习 284

19.10本章小结 285