网页设计与制作 基于计算思维PDF电子书下载

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

1.1网站与网页 1

1.1.1网站 1

1.1.2网页 3

1.1.3网页的基本构成元素 4

1.2网页相关的概念 5

1.2.1 Internet、IP和域名 5

1.2.2 WWW和FTP 6

1.2.3 HTTP和HTML 6

1.2.4浏览器和Web服务器 6

1.2.5静态网页和动态网页 9

1.3网站制作基本流程 12

1.4网页设计制作工具 17

1.4.1原型设计工具 17

1.4.2图形图像制作工具 18

1.4.3网页编辑工具 20

本章小结 21

课后习题 21

第2章 HTML基础 23

2.1标记语言的作用 23

2.2 HTML基础 24

2.2.1 HTML和XHTML 24

2.2.2 HTML5 25

2.2.3 HTML的基本语法 25

2.2.4 XHTML的语法 26

2.3 HTML的结构 27

2.3.1基本结构 27

2.3.2文档类型定义 28

2.3.3头部内容 29

2.3.4主体内容 29

2.4标题与段落 30

2.4.1标题 30

2.4.2段落 30

2.5文字格式 31

2.6建立和使用列表 32

2.6.1无序列表 32

2.6.2有序列表 33

2.6.3定义列表 33

2.7特殊字符和注释 34

2.8 HTML5中的新增结构元素 34

2.9使用Dreamweaver编写网页 35

2.9.1新建网页 36

2.9.2设置网页标题 37

2.9.3设置文章中的标题 38

2.9.4设置无序列表和有序列表 39

2.9.5设置文字格式 40

2.9.6特殊字符的输入 40

本章小结 41

课后习题 41

第3章 CSS基础 43

3.1 CSS基本概念 43

3.1.1 CSS的概述 43

3.1.2 CSS的基本语法 43

3.2 CSS选择器 45

3.2.1基本选择器 45

3.2.2其他选择器 48

3.3在HTML中应用CSS 52

3.3.1行内样式 52

3.3.2内部样式 52

3.3.3外部样式 52

3.4使用CSS控制文字样式 53

3.4.1文字字体 54

3.4.2 Web字体 55

3.4.3文字大小 56

3.4.4文字粗细 56

3.4.5斜体 56

3.4.6文字修饰 57

3.4.7字间距 57

3.4.8英文字母的大小写 58

3.4.9阴影效果 58

3.5使用CSS控制段落样式 59

3.5.1首行缩进 59

3.5.2段落水平对齐 59

3.5.3行高 59

3.5.4分栏 60

3.6继承性和层叠性 61

3.6.1 CSS的继承性 61

3.6.2 CSS的层叠性 62

3.7使用Dreamweaver编辑CSS 63

3.7.1 CSS样式面板 63

3.7.2创建与应用CSS规则 64

3.7.3编辑和移动CSS规则 69

3.7.4附加样式表 71

本章小结 72

课后习题 72

第4章 网页中的颜色、图像和多媒体 74

4.1颜色的基础知识 74

4.1.1三原色 74

4.1.2色相、明度、饱和度 75

4.1.3冷暖色 76

4.2网页中的颜色 76

4.2.1网页中颜色的表示 77

4.2.2网页安全色 78

4.2.3网页配色基础 79

4.2.4 Dreamweaver中颜色的操作 81

4.3网页中的图像 82

4.3.1图像在网页中的应用 82

4.3.2网页中的图像类型 83

4.3.3网页中的图像标签 85

4.4使用Dreamweaver操作图像 86

4.4.1网页图像的添加 86

4.4.2网页图像属性的设置 87

4.4.3网页图像占位符 90

4.4.4网页中的背景图像设置 90

4.5在网页中添加多媒体对象 95

4.5.1在网页中插入声音对象 95

4.5.2在网页中插入视频对象 98

4.5.3在网页中插入Flash对象 100

4.5.4在网页中插入其他媒体对象 101

本章小结 102

课后习题 102

第5章 网页中表格的使用 104

5.1表格概述 104

5.1.1表格的基本功能 104

5.1.2表格的基本标签 104

5.1.3表格的基本属性 105

5.2 Dreamweaver中有关表格的操作 111

5.2.1表格的创建 111

5.2.2在表格中添加内容 113

5.2.3选择表格元素 114

5.2.4复制、粘贴表格 116

5.2.5调整表格 117

5.2.6插入和删除表格行或列 117

5.2.7删除表格和清除表格内容 118

5.2.8合并和拆分单元格 119

5.2.9表格属性的设置 119

5.2.10导入和导出表格的数据 121

5.2.11排序表格 123

5.3使用表格布局网页 124

5.3.1表格布局技术的产生 124

5.3.2用表格布局网页的基本原理 126

5.3.3表格布局的优缺点 127

5.3.4使用表格布局网页的基本步骤 127

5.3.5表格布局应用实例 129

本章小结 134

课后习题 134

第6章 超链接 136

6.1超链接概述 136

6.1.1超链接的概念 136

6.1.2超链接的种类 136

6.1.3链接路径 138

6.2超链接的标签及常用属性 139

6.3超链接的CSS样式 140

6.3.1超链接属性控制 140

6.3.2超链接特效 143

6.4 Dreamweaver中有关超链接的操作 146

6.4.1创建文本超链接 146

6.4.2创建图像超链接 149

6.4.3创建热点超链接 149

6.4.4鼠标经过图像超链接 150

6.4.5电子邮件超链接 151

6.4.6创建锚点超链接 152

6.4.7创建下载文件超链接 153

6.4.8创建空链接 153

6.4.9创建脚本超链接 154

6.4.10超链接的编辑和更新 154

本章小结 156

课后习题 156

第7章 CSS布局基础 157

7.1基础知识 157

7.1.1网页中的块级元素和行内元素 157

7.1.2盒模型 158

7.1.3外边距的叠加 162

7.1.4元素的内容溢出 163

7.2浮动定位 164

7.2.1设置浮动 164

7.2.2浮动的清除 165

7.3位置定位 168

7.3.1静态定位 168

7.3.2相对定位 168

7.3.3绝对定位 169

7.3.4固定定位 171

7.3.5 z-index 172

本章小结 173

课后习题 173

第8章 CSS布局及应用 174

8.1网页整体布局 174

8.1.1固定宽度布局 174

8.1.2流动布局 177

8.2网站中的导航 178

8.2.1垂直导航 179

8.2.2水平导航 180

8.2.3下拉菜单 181

8.3首字下沉效果 183

8.4自定义符号列表 184

8.5图文混排 185

8.6全图排版 186

8.7 Dreamweaver中的页面组件 188

8.7.1 Spry菜单栏 189

8.7.2 Spry选项卡式面板 190

8.7.3 Spry折叠式面板 191

本章小结 193

课后习题 193

第9章 模板和库项目 194

9.1模板的概念 194

9.2模板的创建和使用 194

9.2.1创建模板 194

9.2.2创建模板的区域 196

9.2.3应用模板 200

9.2.4管理模板 204

9.2.5创建嵌套模板 206

9.3库项目的创建和使用 206

9.3.1关于库项目 206

9.3.2创建库项目 206

9.3.3应用库项目 207

9.3.4管理库项目 207

本章小结 208

课后习题 208

第10章 表单 211

10.1表单 211

10.1.1表单基本概念 211

10.1.2创建表单 211

10.2表单元素 212

10.3使用Dreamweaver编辑表单网页 216

10.3.1在Dreamweaver中创建表单 216

10.3.2在Dreamweaver中插入表单元素 216

10.4表单网页的页面布局 221

10.4.1案例1：利用Div＋CSS布局实现论坛登录页面 221

10.4.2案例2：用表格布局实现论坛注册页面 225

10.5 Spry表单元素 229

10.5.1 Spry验证文本域 230

10.5.2 Spry验证文本区域 231

10.5.3 Spry验证复选框 231

10.5.4 Spry验证选择 232

10.5.5 Spry验证密码 232

10.5.6 Spry验证确认 233

10.5.7 Spry验证单选按钮组 233

本章小结 233

课后习题 234

第11章 行为和CSS过渡效果 235

11.1行为 235

11.1.1行为的概念 235

11.1.2添加行为 236

11.1.3修改或删除行为 237

11.2使用Dreamweaver内置行为 237

11.2.1交换图像 237

11.2.2弹出信息 238

11.2.3打开浏览器窗口 239

11.2.4拖动AP元素 239

11.2.5改变属性 242

11.2.6效果 244

11.2.7显示-隐藏元素 244

11.2.8检查插件 245

11.2.9检查表单 246

11.2.10设置文本 247

11.3使用第三方提供的行为 247

11.4 CSS过渡效果 248

11.4.1创建CSS过渡效果 248

11.4.2编辑CSS过渡效果 249

本章小结 249

课后习题 249

第12章 JavaScript 251

12.1 JavaScript 251

12.1.1 JavaScript简介 251

12.1.2在网页中使用JavaScript 252

12.2 JavaScript中的对象 253

12.2.1对象的基础知识 253

12.2.2常用JavaScript的内置对象 253

12.2.3自定义对象 255

12.2.4 BOM和DOM 256

12.3 JavaScript语言基础 262

12.3.1基本数据类型 262

12.3.2常量和变量 263

12.3.3运算符和表达式 264

12.3.4基本语句 266

12.3.5程序控制语句 267

12.3.6函数 272

12.4案例 273

12.4.1案例1：表单校验 273

12.4.2案例2：联动菜单 275

本章小结 277

课后习题 277

第13章 jQuery框架 279

13.1 jQuery框架基础 279

13.1.1 JavaScript框架 279

13.1.2 jQuery框架的功能 279

13.1.3搭建jQuery运行环境 280

13.1.4 jQuery的选择器 281

13.1.5 jQuery中的事件 282

13.2使用jQuery操作网页元素 282

13.2.1获取和设置网页元素属性 282

13.2.2获取和设置网页元素的CSS样式属性 284

13.3 jQuery动画 285

13.3.1基础动画函数 285

13.3.2淡入/淡出动画函数 286

13.3.3滑动函数 287

13.4 jQuery插件 288

13.4.1 jQuery UI插件 289

13.4.2图像幻灯片插件 290

13.4.3图像灯箱插件 292

13.4.4内容切换插件 293

13.4.5数据表格插件 294

本章小结 296

课后习题 296

第14章 网站的发布和维护 297

14.1网站的测试与优化 297

14.1.1网站测试 297

14.1.2网站优化 300

14.2网站的发布与维护 302

14.2.1网站的发布 302

14.2.2网站的维护 305

14.3网站的宣传推广 305

本章小结 306

课后习题 306

第15章 综合案例 307

15.1案例描述 307

15.2布局规划及原型设计 308

15.3使用Photoshop设计页面效果图 309

15.3.1主页效果图设计 309

15.3.2内容页效果图设计 311

15.3.3切片 311

15.4站点制作 313

15.4.1站点目录结构 313

15.4.2主页头部设计 314

15.4.3主页主体内容设计 316

15.4.4主页底部设计 319

15.4.5内容页主体内容设计 320

本章小结 322

课后习题 322

第16章 CMS内容管理系统 323

16.1 CMS概述 323

16.1.1 CMS的概念 323

16.1.2常用CMS系统 323

16.2搭建网站运行环境 325

16.2.1搭建Web服务平台 325

16.2.2 Joomla的安装 325

16.3使用Joomla建立网站 328

16.3.1全局设置 328

16.3.2分类管理 328

16.3.3媒体管理 329

16.3.4文章管理 330

16.3.5菜单管理 333

16.3.6头版文章管理 336

16.3.7模板管理 336

16.3.8模块管理 338

本章小结 340

课后习题 341

附录A HTML常用标签 342

附录B CSS常用属性 345

B.1 CSS书写规范 345

B.2 CSS常用属性 345

附录C Dreamweaver CS6的基本使用 350

C.1 Dreamweaver CS6的工作界面 350

C.2创建和管理站点 354

附录D Firebug和Web Developer的使用 361

D.1 Firebug的使用 361

D.2 Web Developer的使用 367

参考文献 370