内容简介
这是一本讲解HTML、CSS、Javascript本语法的书,可作为网页制作初学者的入门教程。同时也可为网站建设的专业人士提供一些参考。本书以“讲清语法、学以致用”为指导思想,不仅仅将笔墨局限于语法讲解上,并通过一个个鲜活、典型的小实例来达到学以致用的目的。从本书的目录可见一斑,每个语法都有相应的实例,每章后面又配有综合小实例。配书光盘包括PPT课件、上机手册、习题参考答案和源文件,方便读者使用。第5版新增了移动网站的设计。
目录
目录
第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
摘要与插图
第5版 前 言本书适合谁读
这是一本讲解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等容易产生废代码,为了排除这些不必要的影响,使读者致力于语法本身,因此本书的所有代码都是在记事本中完成的。
举例尽量简单、典型,以说明问题为主
本书举例依据了简单、典型的原则,以说明问题为主。尽量把那些干扰讲解对象的因素排除在外。
从代码和效果来看,知识讲解纯粹,虽然有失美观,但可以排除多余因素的干扰,使读者专注于代码本身。
当然,有时为了例子的需要和视觉上的美观,也可以将上面的例子做成如下表所示的样子。因此,读者在学习本书时要懂得抓住重点。
较好看的效果图:
第5版新增内容
以实际应用为导向,摒弃过时代码,修漏补遗,增加了移动网站开发的内容介绍,更全面实用。
致谢
本书编写的过程是一个不断解决困难的过程,有时举步维艰,有时进展顺畅。幸好有两个好伙伴:黄围围、张慧敏,在本书的编写过程中,他俩是不遗余力,兢兢业业,否则本书不可能成形,再版时又得到了同事石倩、王乐、侯士卿的支持,在此表示由衷的感谢。
写作的过程是艰辛的,完成后是快乐的,快乐的