HTML+CSS+JavaScript网页制作从新手到高手 双色印刷PDF|Epub|txt|kindle电子书版本网盘下载

HTML+CSS+JavaScript网页制作从新手到高手 双色印刷PDF格式电子书版下载

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

第1篇HTML篇2

第1章 HTML与CSS网页设计概述2

1.1 HTML的基本概念3

1.1.1 什么是HTML3

1.1.2 HTML的发展5

1.1.3 HTML与XHTML5

1.2 CSS的基本概念6

1.2.1 什么是CSS6

1.2.2 CSS在网页设计中的作用7

1.3 网页与网站8

1.3.1 网页与网站的关系8

1.3.2 建立网站的一般流程10

1.3.3 URL简介10

1.3.4 常用的网页编辑工具11

高手私房菜12

技巧：如何查看网页的HTML代码12

第2章 HTML文档的基本结构13

2.1 基本的HTML文档结构示例14

2.2 HTML文档的基本结构14

2.2.1 文档类型的声明14

2.2.2 ＜html＞标签对和属性16

2.2.3 ＜head＞标签对和属性17

2.2.4 ＜body＞标签对和属性17

2.3 HTML标签、元素及属性18

2.3.1 什么是标签18

2.3.2 元素19

2.3.3 属性的定义20

2.3.4 属性值的定义20

2.3.5 元素和属性的大小写规范21

2.4 标准属性21

高手私房菜22

技巧1：属性值与引号的正确使用22

技巧2：HTML的字符实体在不同浏览器中的正确解析22

第3章 HTML网页文字设计23

3.1 文本的排版24

3.1.1 标题＜h1＞、＜h2＞、＜h3＞、＜h4＞、＜h5＞和＜h6＞25

3.1.2 字体标记27

3.1.3 基本文字格式29

3.1.4 特殊符号30

3.2 段落的排版30

3.2.1 段落标记及其对齐方式30

3.2.2 换行＜br＞标记32

3.2.3 居中标记32

3.2.4 加入水平分隔线32

3.2.5 预编排标记34

3.3 建立无序的列表35

3.4 建立有序的列表38

3.4.1 使用type属性定制有序列表项目符号39

3.4.2 使用start属性定制有序列表中的列表项的起始数40

3.4.3 使用value属性定制有序列表中的列表项序号的数值41

3.5 网页超链接42

3.5.1 超链接的概念42

3.5.2 设置链接的目标地址43

3.5.3 设置链接的目标窗口44

3.5.4 设置链接的提示信息44

3.5.5 使用锚链接到同一个网页的不同部分45

3.5.6 使用锚链接到另一个网页的特定部分47

高手私房菜48

技巧1：一级标题h1的使用48

技巧2：元素属性的默认值48

第4章 网页色彩和图片设计49

4.1 图像基础知识50

4.1.1 图像的分辨率50

4.1.2 网页中的图片格式50

4.1.3 怎样创建图片51

4.2 在网页中使用图像52

4.2.1 在网页中插入图像标记52

4.2.2 设置图像源文件53

4.2.3 设置图像在网页中显示的宽度和高度53

4.2.4 设置图像的替换文字54

4.2.5 设置图像的提示文字55

4.2.6 设置图像的边框56

4.3 用图像代替文本作为超链接56

4.4 使用图像映射57

4.4.1 选定文本57

4.4.2 使用Dreamweaver创建图像映射58

高手私房菜60

技巧1：关于浏览器安全色的问题60

技巧2：关于图像映射60

第5章 网页表格设计61

5.1 表格的基本结构62

5.2 控制表格的大小和边框的宽度63

5.2.1 设置表格的宽度和高度63

5.2.2 设置表格边框的宽度64

5.3 设置表格及表格单元格的对齐方式65

5.3.1 控制表格在网页中的对齐方式66

5.3.2 控制表格单元格的水平对齐67

5.3.3 控制表格单元格的上下对齐68

5.4 合并单元格69

5.4.1 用colspan属性左右合并单元格69

5.4.2 用rowspan属性上下合并单元格70

5.5 用cellpadding属性和cellspacing属性设定距离71

5.6 为表格添加视觉效果73

5.6.1 设置表格和单元格的背景颜色74

5.6.2 设置表格和单元格的背景图像75

5.7 表格的按行分组显示76

高手私房菜79

技巧1：禁止单元格内的文本自动换行79

技巧2：用colspan和rowspan属性上下、左右合并单元格80

第6章 网页表单设计81

6.1 了解和创建网页表单82

6.1.1 网页表单的工作原理82

6.1.2 创建表单82

6.1.3 了解控件的概念84

6.2 使用＜input＞标签创建表单控件84

6.2.1 创建普通文本框和密码文本框85

6.2.2 创建单选按钮87

6.2.3 创建复选框88

6.2.4 创建隐藏控件89

6.2.5 创建文件选择框89

6.2.6 创建重置按钮90

6.2.7 创建提交按钮91

6.2.8 创建图形提交按钮92

6.3 使用＜textarea＞标签创建多行文本框92

6.4 使用＜select＞和＜option＞标签创建选择列表94

6.5 表单的提交方法95

高手私房菜96

技巧：禁用表单控件96

第7章 网页框架设计97

7.1 什么是框架98

7.2 使用＜frameset＞和＜frame＞标签创建框架98

7.2.1 框架的文档声明100

7.2.2 用cols属性将窗口分为左右两部分100

7.2.3 用rows属性将窗口分为上、中、下3部分101

7.2.4 框架的嵌套102

7.2.5 不显示框架103

7.3 设置窗口框架的内容和外观104

7.3.1 用src属性设置框架的初始内容104

7.3.2 设置框架的边框105

7.3.3 控制框架的边距106

7.3.4 设置框架的滚动条107

7.3.5 改变框架窗口大小108

7.4 设置框架之间的链接108

7.4.1 用＜base＞标签设置链接默认目标109

7.4.2 名称和框架标识110

7.5 使用＜iframe＞＜/iframe＞标签对创建嵌入式框架111

高手私房菜112

技巧1：设置框架的长度或者宽度112

技巧2：设置框架边框的注意事项112

第8章 网页多媒体设计113

8.1 在网页中加入视频114

8.1.1 添加链接视频114

8.1.2 使用Windows Media Player嵌入视频115

8.2 在网页中加入声音116

8.2.1 添加背景声音116

8.2.2 添加链接声音117

8.2.3 使用RealPlayer嵌入声音118

8.3 在网页中添加Flash动画119

8.4 在网页中添加滚动文字121

高手私房菜122

技巧1：流式视频与音频122

技巧2：选择合适的音频或者视频格式122

第2篇CSS篇124

第9章 CSS样式基础124

9.1 一个简单的CSS示例125

9.2 CSS样式表的规则126

9.3 使用CSS选择器127

9.3.1 标签选择器127

9.3.2 类选择器128

9.3.3 ID选择器129

高手私房菜130

技巧：使用全局选择器130

第10章 网页样式代码的生成方法131

10.1 从零开始手工编写132

10.1.1 编写标题样式代码133

10.1.2 编写图片控制代码134

10.1.3 设置网页正文134

10.1.4 设置整体页面样式135

10.1.5 定义段落样式136

10.1.6 完整的代码138

10.2 使用Dreamweaver辅助工具创建页面138

10.3 在Dreamweaver中新建CSS样式139

10.4 在Dreamweaver中编辑CSS样式141

高手私房菜141

技巧：使用Dreamweaver生成CSS样式表并链接到当前文档141

第11章 用CSS设置网页元素143

11.1 设置网页文本的基本样式144

11.1.1 定义网页文本颜色144

11.1.2 设置具体文字的字体145

11.1.3 设置文字的倾斜效果146

11.2 设置文本的行高和间距147

11.2.1 设置网页文字间距147

11.2.2 设置网页文字行间距148

11.2.3 设置网页文字段落间距149

11.3 设置网页文本的对齐方式150

11.3.1 控制文本的水平对齐方式150

11.3.2 控制文本的垂直对齐方式152

11.4 设置文字与背景的颜色154

11.5 设置网页图像特效155

11.5.1 设置图像边框155

11.5.2 图像缩放功能的实现159

11.5.3 设置图像与文字的对齐方式161

11.5.4 图文混排163

11.6 设置网页背景颜色和背景图像165

11.6.1 设置背景颜色165

11.6.2 设置背景图像166

11.6.3 设置背景图像平铺167

11.6.4 设置背景图像位置169

11.6.5 设置背景图像位置固定170

高手私房菜172

技巧1：通过滤镜属性设置文字效果172

技巧2：解决图片撑破DIV问题172

第12章 DIV＋CSS网页标准化布局173

12.1 定义DIV174

12.1.1 什么是DIV174

12.1.2 在HTML文档中应用DIV174

12.1.3 DIV的嵌套和固定格式176

12.2 CSS布局定位177

12.2.1 浮动定位177

12.2.2 position定位183

12.3 可视化模型185

12.3.1 盒模型185

12.3.2 视觉可视化模型186

12.3.3 空白边叠加187

12.4 CSS布局方式187

12.4.1 居中的布局设计188

12.4.2 浮动的布局设计191

12.4.3 高度自适应设计196

12.5 CSS 3.0中盒模型的新增属性197

12.5.1 overflow197

12.5.2 ove rflow-x198

12.5.3 overflow-y199

高手私房菜200

技巧：将多个DIV紧靠页面的左侧或者右侧200

第3篇 JaVaScript篇202

第13章 JavaScript程序基础202

13.1 JavaScript简介203

13.1.1 JavaScript概述203

13.1.2 JavaScript的实现203

13.2 制作一个简单的JavaScript程序204

13.3 JavaScript的语法206

13.4 关键字和保留字206

13.5 变量207

13.6 数据类型208

13.6.1 字符串208

13.6.2 数值211

13.6.3 布尔型211

13.6.4 类型转换211

13.6.5 数组212

13.7 基本语句215

13.7.1 条件语句215

13.7.2 循环语句216

13.8 函数218

13.8.1 定义和调用函数219

13.8.2 用arguments对象访问函数的参数220

13.9 对象221

13.9.1 对象简介221

13.9.2 时间日期：Date 对象222

13.9.3 数学计算：Math对象223

13.1 0 BOM基础225

13.1 0.1 window对象226

13.1 0.2 document对象227

13.1 0.3 location对象228

13.1 0.4 navigator对象229

13.1 0.5 screen对象229

高手私房菜230

技巧1：如何快速检查语法230

技巧2：简略语句230

第14章 JavaScript开发基础231

14.1 JavaScript的应用环境232

14.1.1 客户端JavaScript232

14.1.2 其他环境中的JavaScript233

14.1.3 客户端的JavaScript：网页中的可执行内容233

14.1.4 客户端JavaScript的特性235

14.2 常用的开发工具235

14.2.1 附带测试的开发工具——TestSwarm236

14.2.2 半自动化开发工具——Minimee236

14.2.3 轻松建立JS库的开发工具——JavaScript Boilerplate236

14.3 5个常用的JavaScript调试工具237

14.3.1 万能调试工具——Drosera237

14.3.2 最规则的调试工具——Dragonfly238

14.3.3 Firefox的集成工具——Firebug238

14.3.4 前端调试利器——Debugbar238

14.3.5 支持浏览器最多的工具——Venkman239

14.4 综合实战1——用JavaScript计算借贷支出240

14.5 综合实战2——九九乘法表242

高手私房菜243

技巧1：更多的Venkman调试方法243

技巧2：开发中常用到的快速数组创建方法244

第15章 事件机制245

15.1 事件机制简介246

15.1.1 事件处理机制的类别246

15.1.2 JavaScript中的切换事件246

15.1.3 事件冒泡248

15.2 常用的事件函数249

15.2.1 鼠标操作事件249

15.2.2 键盘操作事件252

15.2.3 其他事件253

15.3 事件模式的使用255

15.3.1 绑定事件255

15.3.2 触发事件和移除事件257

高手私房菜259

技巧1：事件处理技巧259

技巧2：jQuery中mouseover和mouseenter的区别260

第16章 JavaScript的调试与优化261

16.1 常见的错误和异常262

16.1.1 拼写错误262

16.1.2 访问不存在的变量262

16.1.3 括号不匹配263

16.1.4 字符串和变量连接错误263

16.1.5 符号与赋值混淆264

16.2 错误处理264

16.2.1 用alert()和document.write()方法监视变量值264

16.2.2 用onerror事件找到错误265

16.2.3 用try...catch语句找到错误266

16.3 使用调试器267

16.3.1 用Firefox错误控制台调试268

16.3.2 用Microsoft Script Debugger调试268

16.3.3 用Venkman调试269

16.4 JavaScript优化269

16.4.1 缩短代码下载时间270

16.4.2 合理声明变量270

16.4.3 使用内置函数缩短编译时间271

16.4.4 合理书写if语句271

16.4.5 最小化语句数量271

16.4.6 节约使用DOM272

高手私房菜272

技巧：调试常见注意事项272

第4篇综合应用篇274

第17章 CSS与HTML的综合应用274

17.1 CSS与HTML的结合275

17.2 综合实战1——渐变式数据表276

17.3 综合实战2——网页文字阴影特效277

高手私房菜279

技巧1：图片的标题279

技巧2：去掉了CSS标签的type属性280

第1 8章 CSS与JavaScript的综合应用281

18.1 应用Spry构件282

18.1.1 Spry构件的基本结构282

18.1.2 插入Spry菜单282

18.1.3 插入Spry选项卡式面板283

18.1.4 插入Spry折叠式构件284

18.1.5 插入Spry可折叠面板284

18.2 综合实战——在网页中应用Spry构件285

18.2.1 设计分析285

18.2.2 制作步骤285

高手私房菜287

技巧1：制作弹出信息窗口287

技巧2：打开浏览器窗口287

第19章 CSS与jQuery的综合应用289

19.1 jQuery基础290

19.1.1 认识jQuery290

19.1.2 jQuery的优势290

19.2 jQuery代码的编写291

19.2.1 搭建jQuery环境292

19.2.2 编写简单的jQuery功能代码292

19.2.3 jQuery代码规范294

19.3 jQuery对象294

19.3.1 jQuery对象简介295

19.3.2 jQuery对象的应用295

19.4 综合实战——制作幻灯片296

19.4.1 设计分析296

19.4.2 制作步骤297

高手私房菜298

技巧：直接使用Google和Microsoft服务器上的jQuery298

第20章 制作龙马商务网299

20.1 网站分析300

20.2 网站设计300

20.3 网站制作303

技巧：图片验证码325

第5篇高手秘籍篇328

第21章 构建HTML 5的离线Web应用——缓存技术328

21.1 HTML 5离线Web应用概述329

21.2 使用HTML 5离线Web应用API329

21.2.1 检查浏览器的支持情况329

21.2.2 搭建简单的离线应用程序329

21.2.3 支持离线行为330

21.2.4 Manifest文件330

21.2.5 ApplicationCache API332

21.3 使用HTML 5离线Web应用构建应用333

21.3.1 创建记录资源的Manifest文件333

21.3.2 创建构成界面的HTML和CSS333

21.3.3 创建离线的JavaScript334

21.3.4 检查applicationCache的支持情况336

21.3.5 为Update按钮添加处理函数336

21.3.6 添加Geolocation的支持情况337

21.3.7 添加Storage功能代码337

21.3.8 添加离线事件处理程序338

高手私房菜338

技巧：不同的浏览器可以读取同一个Web中存储的数据吗338

第22章 CSS的高级特性339

22.1 复合选择器340

22.1.1 交集选择器340

22.1.2 并集选择器341

22.1.3 后代选择器342

22.2 CSS的继承特性343

22.2.1 继承关系344

22.2.2 CSS继承的运用344

22.3 CSS的层叠特性345

高手私房菜346

技巧：CSS选择器的特殊性346

第23章 Ajax的应用347

23.1 Ajax的异步交互机制348

23.1.1 异步对象连接服务器348

23.1.2 GET和POST模式350

23.1.3 处理多个异步请求352

23.2 Ajax框架353

23.2.1 使用AjaxLib353

23.2.2 使用AjaxGold355

高手私房菜356

技巧：使用Ajax时IE缓存问题的解决方法356

第24章 制作手机网站357

24.1 整体布局358

24.1.1 设计分析358

24.1.2 排版架构358

24.2 设计导航菜单359

24.3 设置模块内容359

高手私房菜360

技巧：常见属性存在的问题360