Web前端设计与制作 HTML+CSS+jQueryPDF|Epub|txt|kindle电子书版本网盘下载

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

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1篇 网页基础知识3

第1章 网页布局基础3

1.1 Web前端技术概述3

1.1.1 万维网与W3C3

1.1.2 关于Web前端技术4

1.1.3 网站与网页4

1.2 认识HTML5

1.2.1 关于HTML5

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章 应用jQuery144

7.1 关于jQuery144

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 Mobile165

8.1.1 关于jQuery Mobile165

8.1.2 安装jQuery Mobile166

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