基本信息
编辑推荐
代码讲解:以记事本为编写环境,使读者专注于代码本身
小实例:简单、典型,详细注解小以讲清语法为上
综合案例:HTML、CSS、JavaScript配合使用,贴近实际应用累计已有各院校、培训机构、自学者40000余人选择了本书。
内容简介
计算机书籍
《HTMLCSSJavaScript标准教程实例版(第4版)》是一本讲解HTML、CSS、JavaScript最基本语法的书,可作为网页制作初学者的入门教程。同时也可为网站建设的专业人士提供一些参考。
《HTMLCSSJavaScript标准教程实例版(第4版)》以“讲清语法、学以致用”为指导思想,不仅仅将笔墨局限于语法讲解上,并通过一个个鲜活、典型的小实例来达到学以致用的目的。从本书的目录可见一斑,每个语法都有相应的实例,每章后面又配有综合小实例。配书光盘包括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章 文字与段落
前言
这是一本讲解HTML、CSS、JavaScript最基本语法的书,可作为网页制作初学者的入门教程。同时也可为网站建设的专业人士提供一些参考。
本书以“讲清语法、学以致用”为指导思想,不仅仅将笔墨局限于语法讲解上,并通过一个个鲜活、典型的小实例来达到学以致用的目的。从本书的目录可见一斑,每个语法都有相应的实例,每章后面又配有综合小实例。
本书在讲解的过程中,适当采用对比法,比如,在讲到CSS的作用时,笔者给出两个对比图,一个是使用CSS的网页,一个是不使用CSS的网页,如图0-1所示。通过对比,读者对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等容易产生废代码,为了排除这些不必要的影响,使读者致力于语法本身,因此本书的所有代码都是在记事本中完成的。记事本代码环境如图0-2所示。
举例尽量简单、典型,以说明问题为上
本书举例依据了简单、典型的原则,以说明问题为上。尽量把那些干扰讲解对象的因素排除在外。比如,2.3.2节讲到“改变水平线粗细”这个知识的时候,主要代码和效果图如下表所示。