网页设计与制作实例教程PDF电子书下载

第1章 网页设计与网站规划 1

1.1 网页、网站的概念 1

1.1.1 基本术语 1

1.1.2 网页、网站和主页 2

1.1.3 静态网页和动态网页 4

1.2 认识Web标准 5

1.2.1 Web标准的概念 5

1.2.2 认识Web标准 6

1.3 常用网页设计工具 7

1.3.1 网页图形图像处理工具 7

1.3.2 网页编辑工具 7

1.3.3 网页动画制作工具 9

1.3.4 网页CMS系统应用软件 10

1.3.5 网页上传工具 11

1.4 网站规划 12

1.4.1 网站策划书 12

1.4.2 “爱上设计”网站策划书 14

1.5 实战练习 18

第2章 项目展示与Dreamweaver入门 20

2.1 项目页面展示 20

2.2 认识网页基本组成元素 25

2.3 操作演练：Dreamweaver CS5入门 28

2.3.1 Dreamweaver CS5工作环境 28

2.3.2 创建网站站点 31

2.4 操作演练：制作网页基本页面 37

2.4.1 网页文档与HTML 37

2.4.2 网页文档与字体 39

2.4.3 网页页面整体设置 43

2.5 实战练习 48

第3章 利用HTML＋CSS格式化网页排版 49

3.1 HTML基础 49

3.1.1 基本概念 49

3.1.2 常用元素 51

3.2 CSS基础 55

3.2.1 在HTML中使用CSS的3种形式 55

3.2.2 各种样式表的优先级 57

3.2.3 CSS语法结构 57

3.2.4 CSS盒子模型 61

3.3 Dreamweaver CS5与CSS样式属性 62

3.3.1 定义CSS样式“类型”属性 63

3.3.2 定义CSS样式“背景”属性 63

3.3.3 定义CSS样式“区块”属性 64

3.3.4 定义CSS样式“方框”属性 65

3.3.5 定义CSS样式“边框”属性 66

3.3.6 定义CSS样式“列表”属性 68

3.3.7 定义CSS样式“定位”属性 68

3.3.8 定义CSS样式“扩展”属性 69

3.4 操作演练：效果图切片导出网页 70

3.5 操作演练：“服务范围”页面排版 72

3.5.1 网页段落排版 72

3.5.2 CSS文档统筹与编码优化 82

3.5.3 输入段落文字排版内容 88

3.5.4 建立新样式表与应用样式表 93

3.5.5 优化样式表 102

3.6 操作演练：“关于我们”页面排版 104

3.6.1 网页图像 104

3.6.2 图像热区 105

3.6.3 网页链接 105

3.6.4 关于“关于我们”页面排版 107

3.7 实战练习 112

第4章 利用Table＋CSS组织显示网页数据 116

4.1 表格基础 116

4.1.1 基本概念 116

4.1.2 常用的表格元素 116

4.1.3 常用的表格属性 118

4.1.4 与表格相关的CSS属性 119

4.2 操作演练：效果图切片导出网页 119

4.3 操作演练：“查看所有选题”页面数据表格 121

4.3.1 表格中重要的排版属性 121

4.3.2 CSS控制表格边框 122

4.3.3 制作“查看所有选题”页面数据表格 126

4.4 操作演练：“后台登录”页面表格布局 131

4.4.1 表格布局技术 131

4.4.2 利用表格布局“后台登录”页面 131

4.5 实战练习 135

第5章 利用Form＋CSS设计交互式表单 139

5.1 表格基础 139

5.1.1 基本概念 139

5.1.2 表单标签 139

5.1.3 表单域 140

5.2 操作演练：效果图切片导出网页 144

5.3 操作演练：制作“后台登录”页面表单 145

5.3.1 表单版式 145

5.3.2 制作“后台登录”页面登录表单 147

5.4 操作演练：制作“留言本”页面表单 150

5.4.1 表单布局 150

5.4.2 制作“留言本”页面表单 152

5.4.3 美化下拉列表框 158

5.5 实战练习 160

第6章 网页布局技术 164

6.1 网页布局基础 164

6.1.1 基本概念 164

6.1.2 CSS定位 165

6.1.3 CSS浮动 170

6.2 框架布局基础 174

6.2.1 基本概念 174

6.2.2 框架的使用 176

6.3 DIV＋CSS布局基础 179

6.4 操作演练：利用DIV＋CSS布局前台“首页” 182

6.4.1 DIV＋CSS布局思路 182

6.4.2 DIV＋CSS常用页面布局 187

6.4.3 网站开发常用命名规范 195

6.4.4 利用DIV＋CSS布局前台“首页” 197

6.5 实战练习 210

第7章 利用库和模板批量创建网页 214

7.1 模板 214

7.1.1 基本概念 214

7.1.2 建立模板 214

7.1.3 定义模板区域 217

7.1.4 模板的应用 220

7.2 操作演练：利用模板创建重复的网页 221

7.3 库 223

7.3.1 基本概念 224

7.3.2 库项目的创建 224

7.3.3 编辑库项目 225

7.4 操作演练：利用库创建每页相似的内容 226

7.5 实战练习 227

第8章 利用JavaSript行为创建特效网页 230

8.1 DOM模型 230

8.1.1 基本概念 230

8.1.2 DOM顶级对象 231

8.2 JavaScript脚本语言简介 239

8.2.1 基本概念 239

8.2.2 基本语法 240

8.2.3 JavaScript事件 245

8.2.4 JavaScript常用内置对象 248

8.3 操作演练：验证“后台登录”页面表单 250

8.3.1 常见的表单验证 250

8.3.2 验证“后台登录”页面表单 251

8.4 操作演练：实现前台“首页”菜单翻转功能 255

8.4.1 设置鼠标经过图像 255

8.4.2 制作前台“首页”菜单翻转功能 256

8.5 操作演练：制作“首页”图像滚动效果 260

8.6 实战练习 263

参考文献 267