HTML+CSS+JavaScript网站开发实用技术

目　录

第1章　网站开发基础知识　1

1．1　互联网的访问过程　1

1．2　互联网的工作机制　3

1．3　网站设计中的基本概念　4

1．4　制作网站的标准和常用技术　6

1．4．1　Web标准　7

1．4．2　网站开发常用技术　8

1．5　常用开发工具　9

1．6　网站建设的流程　10

1．6．1　明确网站的定位　10

1．6．2　确定网站的主题　11

1．6．3　网站的整体规划　12

1．6．4　收集资料与素材　13

1．6．5　设计制作网页页面　14

1．6．6　测试和发布　15

1．6．7　网站的维护与推广　16

1．7　建立站点　16

1．7．1　Dreamweaver CS5介绍　16

1．7．2　Dreamweaver站点组成　19

1．7．3　创建站点　19

1．7．4　管理站点　20

1．8　应用案例　21

本章小结　22

思考与练习　23

第2章　静态网页制作——使用HTML技术　24

2．1　HTML概述　24

2．1．1　HTML简介　24

2．1．2　用记事本创建HTML文件　26

2．1．3　HTML文档结构与书写规范　26

2．1．4　建立HTML文件　27

2．2　HTML页面修饰标记　30

2．2．1　传统HTML页面标记　30

2．2．2　HTML5改进的页面标记　32

2．3　列表　33

2．3．1　有序列表　33

2．3．2　无序列表　35

2．3．3　自定义列表　36

2．4　多媒体　37

2．4．1　图像标记　37

2．4．2　背景音乐标记和滚动字幕标记*　41

2．4．3　多媒体文件标记　43

2．4．4　HTML5新增视频标记　44

2．4．5　HTML5新增音频标记　46

2．5　超链接　47

2．5．1　超链接标记　48

2．5．2　超链接类型　48

2．5．3　超链接路径　49

2．6　表单　51

2．6．1　表单定义标记　52

2．6．2　输入标记　52

2．6．3　HTML5新增input类型　55

2．6．4　列表框标记　58

2．6．5　文本域输入标记　59

2．7　应用案例　60

2．7．1　多层嵌套列表案例　60

2．7．2　会员注册表单案例　62

2．7．3　旅游网站首页案例　64

本章小结　66

思考与练习　67

第3章　规划页面——HTML的页面布局设计　69

3．1　表格　69

3．1．1　HTML的表格标记　69

3．1．2　HTML表格的属性　71

3．1．3　表格嵌套　74

3．2　框架　75

3．2．1　框架基本结构　75

3．2．2　框架分割方式　76

3．2．3　框架集常用属性　77

3．2．4　内嵌框架　80

3．3　使用层进行网页布局　82

3．4　应用案例　83

3．4．1　用表格实现页面布局案例　83

3．4．2　用框架实现布局案例　87

本章小结　93

思考与练习　93

第4章　美化网页——使用CSS技术　95

4．1　CSS概述　95

4．1．1　CSS的引入　95

4．1．2　CSS简介　98

4．2　CSS基本选择器　99

4．2．1　标记选择器　99

4．2．2　类选择器　100

4．2．3　ID选择器　101

4．3　在HTML中使用CSS的方法　103

4．3．1　行内样式　103

4．3．2　嵌入样式　103

4．3．3　链接样式　104

4．3．4　导入样式　105

4．3．5　样式的优先级　106

4．4　CSS复合选择器　109

4．4．1　交集选择器　109

4．4．2　并集选择器　110

4．4．3　后代选择器　111

4．4．4　子选择器　113

4．4．5　相邻选择器　113

4．4．6　伪类选择器　114

4．4．7　伪对象选择器　116

4．5　用CSS设置文本样式　117

4．5．1　字体属性　117

4．5．2　文本属性　122

4．6　用CSS设置颜色与背景　125

4．7　用CSS设置图像效果　129

4．7．1　为图片添加边框　129

4．7．2　图片缩放　131

4．7．3　图文混排　132

4．8　应用案例　135

4．8．1　用CSS美化表单案例　135

4．8．2　用CSS设计网站页面案例　137

本章小结　140

思考与练习　141

第5章　使用DIV+CSS实现精美布局　143

5．1　CSS盒模型　143

5．1．1　内容　144

5．1．2　边界　145

5．1．3　填充　147

5．1．4　边框　148

5．2　CSS布局常用属性　151

5．2．1　定位属性(position)　151

5．2．2　浮动属性(float)　156

5．3　DIV+CSS网页布局　158

5．3．1　基本布局　158

5．3．2　复杂布局　162

5．4　应用案例　166

5．4．1　用DIV+CSS实现图文混排案例　166

5．4．2　用CSS设计圆角案例　171

5．4．3　二级导航菜单制作案例　173

本章小结　178

思考与练习　179

第6章　让网页动起来——使用JavaScript技术　180

6．1　JavaScript简介　180

6．1．1　JavaScript的概念和特点　180

6．1．2　JavaScript与Java　181

6．1．3　第一个JavaScript程序　182

6．2　JavaScript语言基础　184

6．2．1　JavaScript语法格式　185

6．2．2　JavaScript代码书写位置　185

6．2．3　JavaScript语句　186

6．2．4　JavaScript注释　187

6．2．5　数据类型　187

6．2．6　变量　189

6．2．7　常量　190

6．3　表达式与运算符　191

6．3．1　表达式　191

6．3．2　运算符　192

6．4　JavaScript控制结构与函数　197

6．4．1　JavaScirpt控制结构　197

6．4．2　函数　205

6．5　应用案例　209

本章小结　210

思考与练习　211

第7章　使用JavaScript对象编程　212

7．1　JavaScript对象概述　212

7．1．1　对象　212

7．1．2　对象的引用　213

7．1．3　对象的操作　214

7．1．4　JavaScript的对象类型　216

7．2　JavaScript内置对象　216

7．2．1　String对象　216

7．2．2　Array对象　220

7．2．3　Date对象　226

7．2．4　Math对象　228

7．3　浏览器对象　230

7．3．1　BOM概述　230

7．3．2　窗口对象(Window)　231

7．3．3　浏览器对象(Navigator)　236

7．3．4　屏幕对象(Screen)　237

7．3．5　地址对象(Location)　240

7．3．6　历史对象(History)　240

7．3．7　文档对象(Document)　241

7．4　HTML DOM对象　245

7．4．1　DOM概述　245

7．4．2　HTML DOM对象　247

7．4．3　访问HTML DOM对象　247

7．5　自定义对象　252

7．5．1　定义对象　252

7．5．2　创建对象实例　252

7．5．3　自定义对象的应用　253

7．6　应用案例　254

7．6．1　表单验证案例　254

7．6．2　实现复选框的全选效果案例　258

本章小结　260

思考与练习　260

第8章　实现用户与页面的交互——事件处理　262

8．1　事件的基本概念　262

8．1．1　事件和事件处理　262

8．1．2　事件绑定　263

8．2　JavaScript常见事件　264

8．3　事件对象　265

8．4　鼠标和键盘事件　267

8．4．1　鼠标事件　267

8．4．2　键盘事件　271

8．5　页面事件　273

8．6　表单事件　273

8．6．1　提交与重置事件　273

8．6．2　元素内容修改事件　277

8．6．3　获得焦点事件与失去焦点事件　278

8．7　编辑事件　279

8．7．1　文本编辑事件　279

8．7．2　拖放事件　280

8．8　应用案例　281

8．8．1　商品评级网页案例　281

8．8．2　跟随鼠标文字特效案例　283

8．8．3　网络相册案例　285

本章小结　288

思考与练习　289

第9章　网站的发布与管理　290

9．1　网页中的标记　290

9．1．1　name属性和content属性　291

9．1．2　http-equiv属性和content属性　292

9．2　测试网站　294

9．2．1　代码测试　294

9．2．2　验证HTML　295

9．2．3　检查链接　296

9．2．4　检查屏幕分辨率和颜色　298

9．2．5　可访问性检验工具　298

9．2．6　检查页面在不同浏览器中的显示效果　298

9．3　构建自己的Web服务器　298

9．3．1　Web服务器简介　299

9．3．2　安装Web服务器　299

9．4　在互联网上建立Web站点　302

9．4．1　域名注册　302

9．4．2　虚拟空间申请　305

9．4．3　发布网站　307

9．5　网站维护　308

9．5．1　网站的推广　309

9．5．2　网站的安全　310

本章小结　310

思考与练习　310

附录　HTML标记列表　312

参考文献　316

《HTML+CSS+JavaScript网站开发实用技术》系统地讲述了利用HTML、CSS和JavaScript进行网页设计的相关知识，案例部分结合了HTML5与CSS3的典型应用，可以帮助读者快速掌握网站开发技术，实现网站开发从传统的HTML+CSS向HTML5+CSS3过渡。
　　《HTML+CSS+JavaScript网站开发实用技术》内容主要分为4部分。第一部分包括第1章～第3章，介绍了HTML中广泛使用的标记和属性，指明了那些已经过时的或很少使用的标记和属性，HTML5中有变化的标记或HTML5新增的常用标记以示例的形式给出说明。第二部分包括第4章～第5章，介绍了CSS的概念、应用，通过示例说明了部分CSS3对CSS2改进的内容。第三部分包括第6章～第8章，介绍JavaScript中的概念、对象和事件处理。第4部分，介绍了网站的发布与管理。
　　《HTML+CSS+JavaScript网站开发实用技术》涵盖知识全面，案例丰富，易学易用，将知识点融于案例之中，并提供了全部代码和素材资源，能够更好地帮助读者了解和使用网站的前端开发技术。
　　《HTML+CSS+JavaScript网站开发实用技术》可作为高等院校、高职高专院校网站设计课程的教学用书，也可作为信息技术类及相关专业的读者或从事网站前端开发人员的参考用书。