HTML 5+CSS+JavaSCRIPT网页布局从入门到精通PDF电子书下载

第1章 HTML5基础知识 1

1.1 HTML文档基本结构 2

1.1.1 HTML文档编辑器 2

1.1.2 HTML文档类型 2

1.1.3 HTML文档标准结构 5

1.2 HTML标签、元素和属性 6

1.2.1 HTML标签的概念 6

1.2.2 元素和元素形式 7

1.2.3 属性的定义 8

1.2.4 大小写规范 9

1.3 常用HTML5标签 9

1.3.1 基础标签 9

1.3.2 格式标签 11

1.3.3 表单标签 13

1.3.4 框架标签 24

1.3.5 图像标签 24

1.3.6 音／视频标签 27

1.3.7 链接标签 31

1.3.8 列表标签 32

1.3.9 表格标签 34

1.3.10 样式/节标签 35

1.3.11 元信息标签 38

1.3.12 编程标签 40

第2章 CSS基本语法和应用 42

2.1 CSS层叠样式表 43

2.1.1 CSS的作用、类型与冲突 43

2.1.2 编辑 CSS层叠样式表 44

2.1.3 在HTML文档中应用CSS的方法 46

2.2 CSS的基本语法 49

2.2.1 CSS的3种选择器 50

2.2.2 选择器的声明 54

2.2.3 CSS样式继承 56

2.2.4 使用CSS注释 58

2.3 CSS盒模型控制 58

2.3.1 CSS盒模型概念 58

2.3.2 外边距margin的控制 60

2.3.3 边框border的样式设置 62

2.3.4 内边距padding的设置 64

第3章 DIV+CSS网页基础布局 66

3.1 div元素的基础知识 67

3.1.1 div标签控制方法 67

3.1.2 HTML中的元素 69

3.1.3 元素的样式设置 70

3.2 DIV+CSS基础布局 72

3.2.1 网页宽度的设置 72

3.2.2 水平居中的设置 73

3.2.3 div的嵌套设置 75

3.2.4 div的浮动方法 76

3.2.5 网页布局的实例 81

3.3 列表元素布局 84

3.3.1 列表元素布局导航 84

3.3.2 导航条的超链接 85

3.3.3 导航条的互动设计 87

3.4 元素的非常规定位方式 88

3.4.1 CSS绝对定位 88

3.4.2 CSS固定定位 90

3.4.3 CSS相对定位 92

3.4.4 CSS程序的简化 93

第4章 JavaScript编程应用基础 95

4.1 成功网站的特点和嵌入网页的动画技术 96

4.1.1 成功网站所具备的特点 96

4.1.2 嵌入网页的动画技术 97

4.2 JavaScript应用基础 100

4.2.1 JavaScript的特点 100

4.2.2 在网页中嵌入JavaScript 101

4.3 JavaScript的图片轮播应用 102

4.3.1 设计首页的版面 103

4.3.2 创建和编辑站点 105

4.3.3 使用DIV+CSS布局网页 105

4.3.4 使用动画技术 111

第5章 Photoshop网页设计与应用 117

5.1 网站的策划准备工作 118

5.1.1 网站建设前期的总体策划 118

5.1.2 定位网站的主题 118

5.1.3 拟定网站访问群体 119

5.2 网站策划的重点 119

5.2.1 网站栏目的设计 120

5.2.2 网站VI形象的定位 120

5.2.3 网站设计的宣传标语 122

5.2.4 网站框架的确定 123

5.2.5 网站资料的收集 124

5.2.6 网站制作的注意事项 124

5.3 网页设计全程实例 125

5.3.1 首页版式的设计分析 126

5.3.2 网站首页的大小设计 127

5.3.3 页面框架的搭建 128

5.3.4 设计Banner图片 129

5.3.5 小导航的制作 130

5.3.6 大导航的制作 130

5.3.7 版权的设计 131

5.3.8 内容的设计 133

5.3.9 友情链接 133

第6章 HTML5+CSS布局网页 135

6.1 网站首页的布局设计 136

6.1.1 首页图片的切片 136

6.1.2 调节网页图片 139

6.1.3 创建站点 142

6.2 使用HTML5+CSS布局网页 143

6.2.1 布局的整体规划 143

6.2.2 首页的HTMLS布局 144

6.2.3 CSS的样式美化 146

6.2.4 HTML5兼容IE的设置 148

第7章 电子商城首页布局 150

7.1 电子商城系统规划 151

7.1.1 网站整体布局规划 151

7.1.2 建立网站的本地站点 151

7.1.3 商城首页布局分析 154

7.2 首页布局基础功能 156

7.2.1 重置样式表global.css 156

7.2.2 跨平台自适应网页宽度 159

7.2.3 链接样式表和JavaScript 160

7.2.4 布局小导航功能 160

7.2.5 搜索功能的布局设计 164

7.2.6 大导航和二级菜单 167

7.2.7 制作首页图片的轮播 172

7.3 功能模块的首页布局 176

7.3.1 市场精选频道设计 177

7.3.2 特价商品和品牌馆 178

7.3.3 版权内容排版布局 180

第8章 用户管理系统布局 181

8.1 用户管理系统的规划 182

8.1.1 系统结构设计 182

8.1.2 页面规划设计 182

8.2 用户注册功能的布局 183

8.2.1 用户注册页面DIV 183

8.2.2 CSS样式设计 187

8.2.3 表单的交互验证 189

8.3 用户登录模块的设计 201

8.3.1 登录页面的设计 201

8.3.2 登录成功个人页面 204

8.4 找回密码的布局 205

8.4.1 确认用户的页面 206

8.4.2 选择找回方式 208

8.4.3 修改和找回密码 212

第9章 购物车系统布局 215

9.1 购物车系统规划 216

9.1.1 购物车系统功能 216

9.1.2 购物车系统流程 217

9.1.3 系统结构设计 219

9.1.4 页面规划设计 220

9.2 产品前台展示功能 220

9.2.1 产品列表页.html 221

9.2.2 产品详情页.html 227

9.3 购物车下订单功能 235

9.3.1 购物车.html 236

9.3.2 确认订单.html 247

9.3.3 付款.html 250

9.3.4 完成.html 253