出版时间:2012-3 出版社:机械工业出版社 作者:张熠 页数:446
Tag标签:无
内容概要
本书站在零基础学习的角度,以通俗易懂的语言,结合丰富多彩的实例,来帮助初学者学习和掌握HTML语言和CSS样式设计。本书列举了大量的小型实例、综合实例,并包含3个项目案例,内容详尽、实例丰富、叙述清晰。
本书主要分为四篇:第一篇为第1~11章,讲解了网页文字、字体、表格、段落、超级链接、图像、表单、框架、多媒体等技术;第二篇为第12~14章,对DIV+CSS的语法和相关属性进行了详细的解释和说明;第三篇为第15~30章,详细介绍了CSS的字体、文本、背景、边框、定位、列表、选择符等知识点;最后一篇为第31~34章,包括实战案例和实战面试,先通过3个案例介绍了网页的设计思路;然后通过面试题考查读者所学。
本书适合作为中、高等学校师生以及各种网页设计培训班的教材或参考书,同时也可供网站建设专业人士参考使用。
作者简介
本书主要由张熠编著,其他参与编著和资料整理的人员包括:冯华君、刘博、刘燕、叶青、张军、张立娟、张艺、彭涛、徐磊、戎伟、朱毅、李佳、李玉涵、杨利润、杨春娇、武鹏、潘中强、王丹、王宁、王西莉、石淑珍、程彩红、邵毅、郑丹丹、郑海平、顾旭光。
作者
2012年2月
书籍目录
前言
第一篇 HTML基础知识
第1章 认识HTML语言
1.1 HTML简介
1.2 HTML的标记组成
1.2.1 单标记
1.2.2 双标记
1.3 创建第一张网页
1.4 浏览HTML的浏览器兼容
1.5 编写HTML的工具
1.5.1 Aptana代码提示工具
1.5.2 Dreamweaver网页开发工具
1.6 小结
1.7 上机实践
第2章 常用HTML标记和格式
2.1 设置正文的标题
2.1.1 标题设置的语法
2.1.2 标题设置经典案例—字号由大到小
2.2 设置段落
2.3 强制换行
2.4 给代码添加注释
2.5 粗体与斜体
2.6 下划线与删除线
2.7 上标与下标
2.8 HTML标记和格式实例
2.8.1 标题用h1
2.8.2 设置每一行为一段落
2.8.3 粗体和删除线
2.8.4 加上化学元素和数学平方根
2.9 小结
2.10 上机实践
第3章 字体标记
3.1 设置字体大小
3.2 设置字体颜色
3.3 设置标题字体样式
3.3.1 标题的字体
3.3.2 设置字体的大小和颜色
3.4 字体标记
3.4.1 物理字体
3.4.2 逻辑字体
3.5 字体实例
3.5.1 插入字体
3.5.2 字体颜色设为红色
3.5.3 把文字设为标题h1
3.5.4 设为斜体并加删除线
3.5.5 设置字体为
3.6 小结
3.7 上机实践
第4章 文字布局
4.1 行的控制
4.1.1 换行控制
4.1.2 不换行控制
4.2 文字对齐
4.3 段落设置
4.4 列表
4.4.1 无序列表
4.4.2 有序列表
4.5 其他方式修饰文本
4.5.1 欲格式化文本
4.5.2 计算机输出格式
4.6 文字布局实例
4.6.1 设置文字换行与不换行
4.6.2 设置文字对齐
4.6.3 显示列表
4.6.4 在网页中显示计算机源代码
4.7 小结
4.8 上机实践
第5章 图像
5.1 图像的基本语法
5.1.1 在网页中插入图像
5.1.2 图像无法显示时的提示信息
5.1.3 控制图像的大小
5.2 图像的链接
5.3 图像和文字对齐
5.4 图像的边框
5.5 图像映射图
5.6 图像实例
5.6.1 在网页上引入图像标记
5.6.2 设置图像参数alt
5.6.3 给图像做超链接
5.6.4 设置图像的边框
5.6.5 设置文本与图像对齐
5.6.6 设置图像的映射图
5.7 小结
5.8 上机实践
第6章 超级链接
6.1 文字链接
6.1.1 最简单的文字超链接
6.1.2 超链接网页的打开方式
6.1.3 链接的注释
6.2 图片链接
6.3 锚点链接
6.4 邮箱地址链接
6.5 相对路径与绝对路径
6.5.1 相对路径
6.5.2 绝对路径
6.6 链接实例
6.6.1 在网页中做文字链接
6.6.2 给图片设置超链接
6.6.3 设置锚点链接
6.6.4 邮箱链接
6.7 小结
6.8 上机实践
第7章 表单
7.1 表单基本语法
7.2 文本框和密码框
7.2.1 文本框
7.2.2 密码框
7.3 单选框和复选框
7.3.1 单选框
7.3.2 复选框
7.4 下拉列表与文本域
7.4.1 下拉列表
7.4.2 文本域
7.5 按钮
7.6 表单实例
7.6.1 插入表单
7.6.2 添加文本框和密码框
7.6.3 添加单选框和复选框
7.6.4 添加下拉列表和文本域
7.6.5 在表单中添加提交按钮
7.7 小结
7.8 上机实践
第8章 表格
8.1 表格基本语法
8.2 跨多行、多列表元
8.2.1 跨多行表元
8.2.2 跨多列表元
8.3 设置表格大小
8.3.1 设置表格边框
8.3.2 设置表格高度和宽度
8.4 表格内文字对齐
8.5 表格在网页中对齐
8.6 表格实例
8.6.1 表格中嵌入表格
8.6.2 设置跨行和跨列
8.7 小结
8.8 上机实践
第9章 框架
9.1 框架基本语法
9.2 框架分栏
9.2.1 框架垂直分栏
9.2.2 框架水平分栏
9.3 框架的常用属性
9.3.1 设置不可调节框架大小
9.3.2 浏览器不支持框架
9.3.3 设置框架边框
9.3.4 设置滚动条
9.4 框架链接
9.4.1 导航框架
9.4.2 内联框架
9.5 框架实例
9.5.1 在网页中插入框架
9.5.2 设置框架的滚动条和边框
9.5.3 设置不支持框架文字
9.5.4 设置框架导航链接
9.6 小结
9.7 上机实践
第10章 移动的字体和图片
10.1 移动属性基本语法
10.2 文字的移动
10.3 图片的移动
10.4 如何设置对象移动
10.4.1 文本移动的方向
10.4.2 文本的滚动循环
10.4.3 文本的移动速度
10.4.4 应用文本的全部移动标记
10.5 移动实例—电影结束效果
10.6 小结
10.7 上机实践
第11章 网页多媒体
11.1 网页多媒体的基本语法
11.2 设置自动播放
11.3 设置多媒体循环播放
11.4 隐藏面板的设置
11.5 设置面板大小
11.6 对齐方式
11.7 网页多媒体实例—在网页中播放视频
11.7.1 引入视频文件
11.7.2 设置多媒体为非自动播放
11.7.3 设置多媒体无循环播放
11.7.4 设置控制面板的大小
11.8 小结
11.9 上机实践
第二篇 DIV+CSS布局
第12章 为什么用DIV布局
12.1 DIV与TABLE布局比较
12.1.1 什么是DIV
12.1.2 DIV与TABLE的区别
12.2 如何用DIV布局
12.2.1 设置DIV选择符
12.2.2 设置CSS修饰DIV效果
12.2.3 设置DIV的背景颜色
12.3 使用DIV注意事项
12.4 小结
12.5 上机实践
第13章 DIV与SPAN
13.1 解读SPAN
13.2 何时用SPAN
13.3 DIV与SPAN的区别
13.3.1 默认宽度不同
13.3.2 块元素与行内元素
13.4 DIV与SPAN实例—多层布局
13.5 小结
13.6 上机实践
第14章 DIV与CSS结合
14.1 用CSS控制DIV
14.2 CSS文件链接
14.2.1 内联定义
14.2.2 链入内部CSS
14.2.3 链接外部CSS
14.3 DIV+CSS布局实例
14.3.1 确定布局
14.3.2 定义body样式
14.3.3 定义主要的DIV
14.3.4 设置层居中
14.4 小结
14.5 上机实践
第三篇 CSS部分
第15章 CSS基础知识
15.1 CSS简介
15.2 CSS文件链接方式
15.3 选择符
15.4 伪类
15.5 注解
15.6 单位
15.7 用编写CSS工具演示
15.7.1 打开CSS工具软件
15.7.2 新建CSS文件
15.7.3 保存为CSS后缀文件
15.7.4 打开Aptana工具
15.7.5 在菜单栏中新建CSS文件
15.8 CSS与浏览器兼容性
15.9 CSS基础实例
15.9.1 在Aptana中新建网页
15.9.2 在Aptana中新建CSS文件
15.9.3 链接CSS文件到HTML页面中
15.9.4 用不同的浏览器测试页面
15.10 小结
15.11 上机实践
第16章 字体设置
16.1 字体的复合属性
16.2 字体颜色
16.3 字体大小
16.4 字体重量
16.5 字体类型
16.6 行距
16.7 如何设置文本间距与间隔
16.7.1 文本间距
16.7.2 文本间隔
16.8 字体实例—字体花样
16.8.1 加入字体名字
16.8.2 加入CSS控制字体
16.8.3 设置行距
16.8.4 设置文本间隔
16.9 小结
16.10 上机实践
第17章 文本设置
17.1 字母大小写转换
17.2 文本修饰
17.3 空格处理方式
17.4 设置文本的垂直与水平对齐
17.4.1 文本垂直对齐
17.4.2 文本水平对齐
17.5 文本缩进
17.6 文本设置—给段落设置缩进
17.6.1 对DIV布局
17.6.2 设置文本首行缩进
17.7 小结
17.8 上机实践
第18章 设置背景
18.1 背景语法
18.2 设置背景颜色
18.3 设置背景图像
18.3.1 设置背景图像滚动
18.3.2 设置背景图像位置
18.3.3 设置背景图像如何铺排
18.4 背景实例
18.4.1 设置层背景为绿色
18.4.2 设置层背景图像
18.4.3 设置背景为不铺排
18.4.4 设置背景图像位置
18.5 小结
18.6 上机实践
第19章 设置尺寸
19.1 设置宽度
19.2 设置高度
19.3 尺寸实例—设置层居中
19.3.1 尺寸实例手把手
19.3.2 设置层居中
19.4 小结
19.5 上机实践
第20章 设置外补丁
20.1 外补丁基本语法
20.2 外补丁的四边设置
20.2.1 顶端外补丁用法
20.2.2 右端外补丁用法
20.2.3 底端外补丁用法
20.2.4 左端外补丁用法
20.3 外补丁实例—设置层与层的距离
20.3.1 层与层的距离效果
20.3.2 对层布局
20.3.3 设置层的尺寸
20.3.4 设置层漂移
20.3.5 设置层与层之间的间隔
20.4 小结
20.5 上机实践
第21章 设置内补丁
21.1 内补丁基本语法
21.2 内补丁的四边属性
21.2.1 顶端内补丁用法
21.2.2 右端内补丁用法
21.2.3 底端内补丁用法
21.2.4 左端内补丁用法
21.3 内补丁实例
21.3.1 设置顶部内补丁
21.3.2 设置其他位置的内补丁
21.3.3 用复合属性padding设置内补丁
21.4 小结
21.5 上机实践
第22章 设置对象边框
22.1 边框的基本语法
22.2 边框颜色
22.3 边框样式
22.4 边框宽度
22.5 对象的四个边框
22.5.1 设置顶端边框的属性
22.5.2 设置右端边框的属性
22.5.3 设置底端边框的属性
22.5.4 设置左端边框的属性
22.6 边框实例—双边框
22.6.1 实例手把手
22.6.2 设置多层边框
22.7 小结
22.8 上机实践
第23章 定位
23.1 定位的基本语法
23.2 设置对象层叠顺序
23.3 设置对象的边框位置
23.4 定位实例—圆角制作
23.4.1 相对定位实例
23.4.2 绝对定位实例
23.4.3 实例—圆角制作
23.5 小结
22.6 上机实践
第24章 列表
24.1 列表的基本语法
24.2 设置列表的图像
24.3 设置列表的文本排列
24.4 列表的预设标记
24.5 列表实例
24.5.1 设置列表图像文字内显示
24.5.2 设置列表样式为空心圆
24.5.3 设置文本外自定义列表图像
24.6 小结
24.7 上机实践
第25章 用CSS控制表格
25.1 控制表格的基本语法
25.2 设置表格边框独立或合并
25.3 设置表格布局的算法
25.4 CSS控制表格实例
25.4.1 布局好表格
25.4.2 表格边框独立和合并
25.4.3 设置表格算法为自动和固定
25.5 小结
25.6 上机实践
第26章 CSS设置滚动条
26.1 滚动条的基本语法
26.2 设置滚动条亮边框颜色
26.3 设置3D界面亮边颜色和表面颜色
26.4 设置滚动条方向箭头颜色
26.5 设置滚动条3D界面暗边颜色和暗边框颜色
26.6 设置滚动条基准颜色和拖动区域颜色
26.7 小结
26.8 上机实践
第27章 CSS布局
27.1 设置层的漂移
27.2 清除层的漂移范围
27.3 设置层的可视区域
27.4 内容超过层大小时
27.5 鼠标指针的不同表示
27.6 设置对象可见性
27.6.1 设置对象是否隐藏
27.6.2 设置对象是否显示
27.7 小结
27.8 上机实践
第28章 选择符
28.1 通配选择符
28.2 类型选择符
28.3 包含选择符
28.4 布局常用选择符
28.4.1 ID选择符
28.4.2 类选择符
28.5 分组选择符
28.6 小结
28.7 上机实践
第29章 伪类
29.1 伪类概念
29.2 伪类的四种状态
29.2.1 访问链接的状态
29.2.2 鼠标光标置于其上的状态
29.2.3 获得焦点的状态
29.2.4 访问过后的状态
29.3 小结
29.4 上机实践
第30章 单位
30.1 长度单位
30.2 颜色单位
30.3 小结
30.4 上机实践
第四篇 实 践 部 分
第31章 游戏网站布局
31.1 网站主页规划
31.2 用DIV+CSS布局
31.2.1 实现页面头部
31.2.2 实现中间部分
31.2.3 实现页面底部
31.3 加入文字
31.4 调整全页面的兼容性
31.5 小结
第32章 企业网站布局
32.1 企业主页规划
32.2 对网页布局
32.2.1 将页面用DIV布局出框图
32.2.2 用CSS实现页面头部
32.2.3 用CSS实现页面体
32.3 添加文本等信息
32.4 调整全页面和浏览器兼容
32.5 其他二级页面模块制作
32.6 小结
第33章 博客主要页面布局
33.1 博客网站主页规划
33.1.1 分析主页需求
33.1.2 确定内容模块
33.1.3 画出效果图
33.2 用DIV布局框图
33.2.1 页眉
33.2.2 实现内容模块
33.2.3 页脚
33.3 CSS实现框图
33.3.1 实现内容模块
33.3.2 实现整页效果
33.4 添加图片
33.5 加入文字
33.6 调整全页面
33.7 其他页面的布局
33.8 小结
第34章 面试题
面试题1 DIV与SPAN的区别
面试题2 HTML的框架是什么
面试题3 CSS引入的方式有哪些
面试题4 前端页面由哪三层构成,各层的作用是什么
面试题5 浏览器的内核有哪些?常用的浏览器都是什么内核
面试题6 img元素的alt text属性和title属性有什么不同
面试题7 document.body和document.documentElement有什么不同
面试题8 XHTML 和 DHTML 有什么区别
面试题9 写出实现效果所需的CSS代码
面试题10 写出一段左边固定、右边随电脑屏幕浮动而变动的HTML+CSS代码
面试题11 写一段两个DIV交叉重叠的CSS样式
面试题12 怎样使一个层垂直居中于浏览器中
面试题13 Firefox嵌套DIV标签居中问题的处理方法
面试题14 用纯CSS实现带下拉的二级横向导航菜单
面试题15 在网页制作中为什么要使用CSS技术
面试题16 CSS+DIV开发Web页面的优势有哪些
面试题17 实现两列高度自适应的CSS代码
章节摘录
版权页:第一篇 HTML基础知识第1章 认识HTML语言从本章开始,本书将介绍HTML+CSS方面的知识。首先主要介绍HTML(HyperTextMarkupLanguage,超文本标记语言),然后介绍如何在HTML中用DIV和CSS相结合来控制HTML标签表达页面效果,接着介绍CSS常用的属性,最后,用不同的网站风格来布局主页,灵活运用学过的HTML和CSS知识。本章主要向读者介绍HTML语言,通过介绍,让读者对HTML语言有初步的认识。学好HTML是网页前台制作的基础,从而为以后做网页打好基础。在学习本章前,先介绍HTML语言最基础的部分,如什么是HTML,用什么来写HTML代码,怎么查看写完代码后的效果等。将要介绍给读者的知识点内容如下。•HTML标记概念;•怎样创建网页;•HTML页面运行环境;•如何在Windows系统安装用于编写HTML的软件;•HTML最基本的代码是什么;•HTML有哪些浏览器支持。1.1HTML简介HTML是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,自1990年以来,HTML就一直被当作万维网(WorldWideWeb)上的信息表示语言,用于描述网页的格式设计和它与万维网上其他页面的连接信息。HTML语言是利用各种标记(tag)来标识文档的结构以及标识超链接(hyperlink)的信息。但有时因浏览器不同显示不同的效果,这就是为什么同一文档在不同的浏览器中展示的效果会不一样。目前HTML语言的版本是5.0,它是从SGML(StandardGeneralizedMarkupLanguage,标准通用标识语言,是一套用来描述数字化文档的结构并管理其内容的复杂的规范)中的一个子集演变而来的。现在很多工具都支持“所见即所得”。“所见即所得”是指在工具上直接编辑页面效果,可以不用管理HTML代码,换言之,在不知道HTML的前提下,有了“所见即所得”的工具也可以做网页,但需要提醒读者的是,那些“所见即所得”工具的确给网页制作带来了很大方便,被很多人使用,但其原理离不开HTML语言,只不过它用另一种方式帮用户写好了这些代码,要注意,万变不离其宗,学好了HTML语言,在使用那些“所见即所得”的工具时,可以不使用“所见即所得”的功能。在以后的学习过程中,将会慢慢对HTML有清晰认识。
编辑推荐
《零基础学HTML+CSS(第2版)》是笔者多年的HTML语言编写和网页设计经验总结,由浅入深,由理论到实践、内容丰富、范例精简;《零基础学HTML+CSS(第2版)》还特别标注出易出错的技术点或初学者易误解的细节,同时对查错和调试页面给出了指导思想,读者在学习中便可少走弯路,加快学习进度。
图书封面
图书标签Tags
无
评论、评分、阅读与下载