Web前端设计与制作 HTML+CSS+jQueryPDF电子书下载

第1篇 网页基础知识 3

第1章 网页布局基础 3

1.1 Web前端技术概述 3

1.1.1 万维网与W3C 3

1.1.2 关于Web前端技术 4

1.1.3 网站与网页 4

1.2 认识HTML 5

1.2.1 关于HTML 5

1.2.2 HTML结构文件 6

1.3 CSS样式 7

1.3.1 关于CSS的调用 7

1.3.2 关于选择器 10

1.3.3 框模型介绍 12

1.3.4 CSS的定位 13

1.4 关于网页布局 15

1.4.1 网页布局的相关技术 15

1.4.2 网页布局的流程 16

1.4.3 网页布局的HTML技术 17

1.5 DIV+CSS页面布局基础 17

1.5.1 单栏式布局设计 17

1.5.2 二栏式布局设计 19

1.5.3 三栏式布局设计 21

1.6 任务拓展 24

1.7 本章小结 24

习题 25

第2章 网页图文排版 26

2.1 设计图文版面 26

2.1.1 制作网页文字版面 26

2.1.2 制作网页图片版面 34

2.1.3 制作网页图文混排版面 37

2.2 插入多媒体 44

2.2.1 制作滚动的文本和图片页面 44

2.2.2 制作背景音乐页面 49

2.2.3 制作视频混排页面 55

2.2.4 制作动画混排页面 59

2.3 任务拓展 62

2.4 本章小结 63

习题 63

第3章 链接与导航设计 64

3.1 关于超链接 64

3.1.1 理解超链接 64

3.1.2 理解路径 65

3.1.3 创建文件链接 65

3.2 利用文字实现超级链接 66

3.2.1 制作面包屑导航 66

3.2.2 制作水平栏导航 67

3.2.3 制作书签导航 70

3.3 利用图片实现超级链接 74

3.3.1 制作图片水平栏导航 74

3.3.2 制作图像局部导航 75

3.4 关于其他链接 76

3.4.1 下载文件的链接 77

3.4.2 电子邮件链接 78

3.5 任务拓展 80

3.6 本章小结 80

习题 80

第4章 网页栏目设计 82

4.1 关于网页栏目 82

4.1.1 网站栏目的含义 82

4.1.2 网站栏目的策划 82

4.2 常用栏目设计 83

4.2.1 制作简易式栏目 83

4.2.2 制作典型式栏目 87

4.3 TAB式栏目设计 91

4.4 视频栏目设计 93

4.5 滚动式栏目设计 95

4.5.1 制作左右滚动式栏目 96

4.5.2 制作上下滚动式栏目 102

4.6 任务拓展 105

4.7 本章小结 105

习题 105

第5章 表单页面设计 106

5.1 表单概述 106

5.1.1 表单的概念 106

5.1.2 创建表单 106

5.1.3 表单元素 107

5.1.4 表单布局 112

5.2 搜索表单设计 113

5.2.1 表单及其作用 113

5.2.2 制作百度搜索页面 114

5.3 跟帖评论表单设计 116

5.3.1 表单及其作用 116

5.3.2 制作跟帖评论页面 116

5.4 注册表单设计 120

5.4.1 表单及其作用 120

5.4.2 制作账户注册页面 122

5.5 任务拓展 128

5.6 本章小结 128

习题 129

第6章 框架网页设计 130

6.1 关于框架网页 130

6.2 制作导航框架页 131

6.2.1 关于导航框架 131

6.2.2 制作导航框架 131

6.3 制作综合框架页 135

6.3.1 关于框架的嵌套 135

6.3.2 制作综合框架 135

6.4 制作浮动框架页 139

6.4.1 关于浮动框架 139

6.4.2 制作浮动框架 140

6.5 任务拓展 142

6.6 本章小结 142

习题 143

第7章 应用jQuery 144

7.1 关于jQuery 144

7.1.1 jQuery的概念 144

7.1.2 jQuery的原理与运行机制 144

7.1.3 jQuery运行环境 145

7.2 利用jQuery设计网站导航 146

7.2.1 制作普通下拉菜单 147

7.2.2 制作级联菜单 150

7.3 利用jQuery设计Tab选项卡 153

7.3.1 横向选项卡设计 153

7.3.2 纵向选项卡设计 155

7.4 利用jQuery设计图片效果 158

7.4.1 制作图片切换效果 158

7.4.2 制作图片滚动效果 161

7.5 任务拓展 163

7.6 本章小结 164

习题 164

第8章 移动产品网页设计 165

8.1 了解jQuery Mobile 165

8.1.1 关于jQuery Mobile 165

8.1.2 安装jQuery Mobile 166

8.2 创建第一个移动产品网站 167

8.2.1 制作单容器页面结构网站 167

8.2.2 制作多容器页面结构网站 170

8.2.3 制作可折叠内容页面 174

8.3 网站导航栏设计 177

8.3.1 制作导航工具栏 177

8.3.2 制作固定导航栏 181

8.4 使用布局网格 185

8.4.1 两列布局 185

8.4.2 三列布局 186

8.4.3 多行多列布局 186

8.5 创建列表视图 190

8.5.1 制作文字列表 190

8.5.2 制作图文列表 194

8.6 表单设计 196

8.7 任务拓展 203

8.8 本章小结 204

习题 204

第2篇 项目开发 207

第9章 企业宣传网站——舒适家居网 207

9.1 客户需求 207

9.2 网站分析 207

9.2.1 网页主题分析 207

9.2.2 网页风格定位 208

9.3 网站搭建 209

9.3.1 建立网站结构 209

9.3.2 建立网站主页 210

9.4 技术准备 210

9.4.1 网页DIV区域划分 210

9.4.2 网页效果图切片 212

9.5 添加网页结构和样式 214

9.5.1 建立网页主体轮廓 214

9.5.2 建立网页内容区域 215

9.5.3 建立网页页脚区域 220

9.6 常规添加Flash动画 220

9.7 本章小结 221

第10章 彩宇商贸公司网站 222

10.1 客户需求 222

10.2 网站分析 222

10.2.1 网页主题分析 222

10.2.2 网页风格定位 223

10.3 网站技术准备 224

10.3.1 网页效果图切片 224

10.3.2 网页DIV区域划分 225

10.4 添加网页结构和样式 227

10.4.1 建立网页主体 227

10.4.2 建立网页页头区域 228

10.4.3 建立网页内容区域 231

10.4.4 建立网页页脚区域 236

10.5 利用jQuery添加网页特效 237

10.6 本章小结 238

第11章 弘叶美容美发公司网站 239

11.1 客户需求 239

11.2 网站分析 239

11.2.1 网页主题分析 239

11.2.2 网页风格定位 240

11.3 网站技术准备 240

11.3.1 网页效果图切片 241

11.3.2 网页DIV区域划分 242

11.4 添加网页结构和样式 243

11.4.1 建立网页主体 243

11.4.2 建立网页页头区域 244

11.4.3 建立网页内容区域 245

11.4.4 建立网页页脚区域 249

11.5 利用jQuery添加网页特效 249

11.6 本章小结 250

参考文献 251