HTML/CSS/JavaScript标准教程实例版

出版时间：2012-11  出版社：电子工业出版社  作者：《HTML/CSS/JavaScript标准教程实例版(第4版)》编委会  页数：375  字数：490000  

前言

　　本书适合谁读　　这是一本讲解HTML、CSS、JavaScript最基本语法的书，可作为网页制作初学者的入门教程。同时也可为网站建设的专业人士提供一些参考。　　本书以“讲清语法、学以致用”为指导思想，不仅仅将笔墨局限于语法讲解上，并通过一个个鲜活、典型的小实例来达到学以致用的目的。从本书的目录可见一斑，每个语法都有相应的实例，每章后面又配有综合小实例。　　本书在讲解的过程中，适当采用对比法，比如，在讲到CSS的作用时，笔者给出两个对比图，一个是使用CSS的网页，一个是不使用CSS的网页。通过对比，读者对CSS的作用体会更深。　　为什么要学习HTML、CSS、JavaScript　　小猫为什么要进食、喝水、睡觉？最直接的答案就是为了活着，这是它必须做的。　　道理是一样的，如果你想从事网页制作或正在从事网页制作的相关工作，就必须要学习HTML、CSS、JavaScript，哪怕只是简单地了解。因为HTML、CSS、JavaScript是网页制作技术的核心与基础（详见第1章）。　　本书的写作原则　　讲清楚HTML、CSS、JavaScript各自的角色　　锅是用来煮饭的，勺是用来舀汤的，如果你分不清锅和勺各自在烹饪中的角色，用勺来煮饭，后果可想而知。　　本书不仅仅局限于对语法的描述，还试图为读者描绘一幅HTML、CSS和JavaScript的角色图。即HTML、CSS和JavaScript三者在网页制作这个大的生态环境中，各自扮演什么角色。　　其中，HTML是网页制作的主要语言（详见第1章），是网页的基础架构；CSS简称样式表，是目前唯一的网页页面排版样式标准，它能使任何浏览器都听从指令，知道该以何种布局、格式显示各种元素及其内容；JavaScript是目前浏览器普遍支持的脚本语言，可开发Internet客户端的应用程序。　　笔者认为，了解了这些，可以使读者理清思路，避免盲目学习，不然读者在学习的过程中会有一种盲人摸象的感觉。　　讲清楚HTML、CSS、JavaScript是如何配合工作的　　你是否有过这样的经历，当你把Dreamweaver、Photoshop、Flash各自的功能都掌握了以后，在设计网页的时候，却不知道如何用Photoshop导出符合Dreamweaver的网页图片，Dreamweaver喜欢什么格式的Flash动画……　　问题就在这里，许多技术图书对软件本身讲解甚多，却忽略了软件的配合。本书就是要在讲解HTML、CSS、JavaScript各自语法的同时，讲清楚JavaScript是如何嵌入HTML的，在HTML基础架构中，CSS外部样式是如何被调用的，诸如此类的配合问题。　　代码环境——记事本　　所见即所得的HTML开发工具，比如Dreamweaver、FrontPage等容易产生废代码，为了排除这些不必要的影响，使读者致力于语法本身，因此本书的所有代码都是在记事本中完成的。　　举例尽量简单、典型，以说明问题为上　　本书举例依据了简单、典型的原则，以说明问题为上。尽量把那些干扰讲解对象的因素排除在外。　　从代码和效果来看，知识讲解非常纯粹，虽然有失美观，但可以排除多余因素的干扰，使读者专注于代码本身。　　当然，有时为了例子的需要和视觉上的美观，也可以将上面的例子做成如下表所示的样子。因此，读者在学习本书时要懂得抓住重点。　　较好看的效果图：　　第4版新增内容　　以实际应用为导向，摒弃过时代码，修漏补遗，附录中增加了HTML5的介绍，更全面实用　　致谢　　本书编写的过程是一个不断解决困难的过程，有时举步维艰，有时进展顺畅。幸好有两个好伙伴：黄围围、张慧敏，在本书的编写过程中，他俩是不遗余力，兢兢业业，否则本书不可能成形，再版时又得到了同事石倩、王乐、侯士卿的支持，在此表示由衷的感谢。　　写作的过程是艰辛的，完成后是快乐的，快乐的是能为读者提供一些帮助。

内容概要

　　这是一本讲解HTML、CSS、JavaScript最基本语法的书，可作为网页制作初学者的入门教程。同时也可为网站建设的专业人士提供一些参考。本书以“讲清语法、学以致用”为指导思想，不仅仅将笔墨局限于语法讲解上，并通过一个个鲜活、典型的小实例来达到学以致用的目的。从本书的目录可见一斑，每个语法都有相应的实例，每章后面又配有综合小实例。配书光盘包括PPT课件、上机手册、习题参考答案和源文件，方便读者使用。第4版新增了HTML5的介绍，查漏补缺，修改了一些不常用的命令，品质更佳。

书籍目录

第1章 HTML、CSS、JavaScript综述
　1.1 这就是HTML、CSS、JavaScript的代码
　1.2 HTML、CSS、JavaScript各自的角色
　1.3 如何学习HTML、CSS、JavaScript
　1.4 小实例——HTML、CSS、JavaScript的综合应用
　1.5 总结
　1.6 习题
第2章 HTML基础介绍
　2.1 HTML文档的结构
　2.2 HTML基本语法
　2.3 HTML文件的命名
　2.4 编写HTML文件的注意事项
　2.5 小实例——插入图片与表格
　2.6 习题
第3章 HTML文件的整体结构
　3.1 文件头部内容
　3.2 主体内容＜body＞
　3.3 习题
第4章 文字与段落
　4.1 编辑内容
　4.2 文字效果
　4.3 文字修饰
　4.4 段落＜p＞
　4.5 小实例——文字网页
　4.6 习题
第5章 建立和使用列表
　5.1 列表类型
　5.2 嵌套列表
　5.3 小实例——列表在网页中的使用
　5.4 习题
第6章 超链接
　6.1 超链接概述
　6.2 超链接的路径
　6.3 超链接的建立
　6.4 设置图像映射
　6.5 小实例——超链接的使用
　6.6 习题
第7章 表格的应用
　7.1 表格概述
　7.2 插入表格＜table＞
　7.3 设置表格标记属性
　7.4 设置表格行与单元格
　7.5 表格嵌套
　7.6 小实例——表格在网页中的应用
　7.7 习题
第8章 层的应用
　8.1 图层的创建——＜div＞
　8.2 创建嵌套图层
　8.3 层的属性设置
　8.4 小实例——图层的实际应用
　8.5 习题
第9章 框架的应用
　9.1 框架概述
　9.2 框架的基本结构
　9.3 设置框架
　9.4 设置框架集＜frameset＞
　9.5 浮动框架＜iframe＞
　9.6 在框架上建立链接
　9.7 小实例——框架的实际应用
　9.8 习题
第10章 表单的应用
　10.1 表单概述
　10.2 表单标记＜form＞
　10.3 信息输入＜input＞
　10.4 小实例——表单的实际应用
　10.5 习题
第11章 CSS样式表基础
　11.1 CSS的概述
　11.2 CSS的使用
　11.3 插入CSS样式表
　11.4 编写CSS文件
　11.5 习题
第12章 字体的设置
　12.1 设置字体——font-family
　12.2 设置字号——font-size
　12.3 设置字体样式——font-style
　12.4 设置字体加粗——font-weight
　12.5 设置字体变体——font-variant
　12.6 组合设置字体属性——font
　12.7 小实例——综合设置字体
　12.8 习题
第13章 文本的精细排版
　13.1 调整字符间距——letter-spacing
　13.2 调整单词间距——word-spacing
　13.3 添加文字修饰——text-decoration
　13.4 设置文本排列方式——text-align
　13.5 设置段落缩进——text-indent
　13.6 调整行高——line-height
　13.7 转换英文大小写——text-transform
　13.8 小实例——综合应用文本属性
　13.9 习题
第14章 颜色和背景
　14.1 设置颜色——color
　14.2 设置背景颜色——background-color
　14.3 插入背景图片——background-image
　14.4 插入背景附件——background-attachment
　14.5 设置重复背景图片——background-repeat
　14.6 设置背景图片位置——background-position
　14.7 小实例——综合设置颜色和背景
　14.8 习题
第15章 边框和边距
　15.1 设计边框样式——border-style
　15.2 调整边框宽度——border-width
　15.3 设置边框颜色——border-color
　15.4 设置边框属性——border
　15.5 边距——margin-top /margin-bottom /margin-left/
margin-right/margin
　15.6 填充——padding-top／padding- bottom /padding-left / padding-
right /padding
　15.7 小实例——综合设置边框和边距
　15.8 习题
第16章 JavaScript基础
　16.1 JavaScript语言概况
　16.2 第一个JavaScript程序
　16.3 习题
第17章 JavaScript基本语法
　17.1 基本数据类型
　17.2 运算符
　17.3 程序结构
　17.4 函数
　17.5 小实例——修改密码
　17.6 习题
第18章 JavaScript事件分析
　18.1 事件概述
　18.2 主要事件分析
　18.3 其他常用事件
　18.4 习题
第19章 图片和多媒体文件的使用
　19.1 图片
　19.2 插入多媒体文件——＜embed＞
　19.3 习题
第20章 CSS样式的高级应用
　20.1 列表
　20.2 定位
　20.3 CSS层
　20.4 鼠标指针——cursor
　20.5 小实例——综合设置层样式
　20.6 习题
第21章 滤镜特效的应用
　21.1 设置透明度——alpha
　21.2 添加模糊效果——blur
　21.3 设置水平/垂直翻转——fliph/flipv
　21.4 设置灰度——＜gray＞
　21.5 设置反转——＜invert＞
　21.6 设置X射线效果——xray
　21.7 设置波浪效果——wave
　21.8 设置阴影——dropshadow
　21.9 设置边缘光晕效果——glow
　21.10 设置遮罩——mask
　21.11 设置渐变阴影——shadow
　21.12 设定颜色透明——chroma
　21.13 小实例——滤镜的综合应用
　21.14 习题
第22章 JavaScript对象的应用
　22.1 对象概述
　22.2 浏览器内部对象
　22.3 内置对象和方法
　22.4 习题
第23章 综合案例
　23.1 HTML综合案例
　23.2 CSS综合案例
　23.3 网站开发流程
　23.4 大综合案例
第24章 手持设备可访问页面的设计
　24.1 XHTML MP语言
　24.2 WML语言
　附录A HTML5基本介绍
　附录B HTML语法概述
　附录C CSS语法概述
　附录D JavaScript语法概述
　附录E 颜色关键字对照表
　习题参考答案

章节摘录

版权页：   插图：   网页的基本组成元素是文字、图片、音乐和动画。虽然文字在元素中占有首要地位，但是图片、音乐和动画也是不可缺少的，因为在网页中最能体现其特色效果的正是这些元素。本章介绍的就是图片及多媒体文件，其中多媒体有滚动文字、flash动画、音频和视频文件。 19.1 图片 图片作为网页中必需的元素，其灵活的应用会给网页增添不少特效。而且图片的直观、明了、绚丽和美观等都是文字无法代替的。同时图片的选用也是很重要的，选用时除了要考虑图片的格式外，还有图片的颜色搭配及大小。 图片的大小选用，一般最好不超过8KB。如果图片过大，会增加整个HTML文件的体积，这样既不利于网页的上传，也不利于浏览者进行浏览。当必须要使用大图片时，也可以对其进行一些处理，将其切割成几个小图。 图片的颜色选用，主要是依赖于本网页的整体风格。图片的颜色和网页的整体颜色风格尽量保持一致，不要过于花哨。 19.1.1 网页的图片格式 网页中图片格式的选用更是图片的关键因素，因为不同的图片格式表现出来的颜色分辨率和颜色标准也不同，同时还会影响到图片的体积大小。网页作为信息的载体，每天都会被好多计算机浏览，而且图片信息作为网页中不可缺少的元素，当然要有统一的标准。目前，网页中使用比较普遍的图片格式有GIF和JPEG，还有一种较常用的格式PNG，下面就逐一解释。

编辑推荐

《HTML/CSS/JavaScript标准教程实例版(第4版)》是一本讲解HTML、CSS、JavaScript最基本语法的书，可作为网页制作初学者的入门教程。同时也可为网站建设的专业人士提供一些参考。由北京电子工业出版社出版。

用户评论 (总计28条)

•   挺好的书，个人感觉内容比较详细。讲解比较详细，网页的讲解也比较系统化，不至于杂乱无章。刚刚看了一下，只能说确实能学到东西，这自然要建立在你能去认真学的前提下，如果只是拿她当作小说一样的看，那是肯定不会有效果的。应该说这本书是讲解的教材，也是学习的工具，要是想用它来提高对HTML的了解，我觉得效果不是很大。而且每一章后都会有一些习题，用于对基础知识掌握的巩固性。我还是比较喜欢每章后的实战，会综合前面讲到的知识点，来进行自己动手的实习演练，这个还是比较喜欢的！书有发票，也有光盘，但是光盘的作用并不是很大，几乎可以说没用，因为里面的内容只有每章演示的网页，几份html的代码的文档，还有一下习题的答案，没什么用，毕竟演示的网页书里已经有了，代码的文档在书后也有，课后题对于我们来说就不太想做了，毕竟自己学好了也不是为了应付考试，纯粹学技术。其实比较希望光盘中有视频的讲解以及演示部分，这样就更好了，比较更直观的看到效果。总体来说，个人还是比较推荐新手学习的！确实还不错
•   此书很好，实例版的，学起来方便呢
•   配套PPT很好，便于自学；书有厚度，有参考手册。
•   书不错，对于初学者来说很容易懂。
•   看过书才买的，写的很简练到位，适合初学者或作参考书
•   挺好的，用小例子来学代码，比较容易懂。
•   拜读中 很不错的物流速度 书也很好
•   书·还不错，不过挺贵的。
•   还不错，正在边看边学！
•   粗略一看，还是可以的，适合复习知识用~
•   挺好的、适合零基础的人学、简单易懂。。。
•   好书，很适合我
•   还没来得及看，不过发货有点慢
•   印刷很好是正品。里面内容很容易懂，对刚学html5的人来说是个很好的辅导书。
•   对于我们实际工作当中常用到的知识点作了详解，通过习题来加深知识
•   全面讲述这三方面的内容，适合新手入门。
•   知识点比较全面，内容简单易懂，不错。。
•   简单易懂，还有附带例子，适合实操。
•   等看完再做评价，质量看着还不错
•   就是快递稍微慢了一点，东西还满意。
•   里面内容有点错误，但是自己也知道，暂时不影响
•   还不错，包裹的特别严实，但是封面有点折皱，还不错吧
•   这个里面描述很详细，内容也比较新，图片丰富，价格也比较合适吧。就是课后答案翻看的时候不太方便，希望能做成可以拆出来的那种，不然用剪刀剪出来太麻烦了。
•   很实用，内容很不错，值得买
•   VERY GOOD。很不错的书，适合初学。
•   太简略 就跟闹着玩儿似的
•   还行吧。从来没接触过这个，对新手来说比较易懂。
•   纸质一般，不是很满意。