本书不仅包含了网页前台技术的各种概念和理论知识,而且对多种知识的综合运用进行了详细的讲解。知识点系统连贯,逻辑性强;重点难点突出,利于组织教学。
本书共分为11章,分别介绍了:HTML、CSS网页设计概述;HTML基础,包括HTML代码的结构、HTML网页的构成:HTML网页头部标记;HTML网页主体与内容标记,包括标题与段落标记的使用、文本格式标记的使用;使用CSS样式,包括CSS样式代码编写规则、CSS样式选择器;HTML网页中的图片;创建超链接;创建表格,包括表格基础标记、创建高级表格;创建表单;对表格与表单应用CSS样式;使用CSS样式完成网页布局。
本书系统介绍了前台网页设计技术,主要包括:HTML与CSS网页设计基础理论,HTML网页头部标记、网页主体、内容标记,HTML网页中的图片处理,利用HTML创建超链接、表格、表单,应用CSS样式进行网页布局等,逻辑严密,实例丰富,内容翔实,可操作性强。
本书可作为高职院校或大专院校相关专业教材,也可作为Web前端开发人员、网站建设人员的参考书,还可作为各类电脑职业培训教材。
前言
第1章 HTML与CSS网页设计概述
1.1 HTML的基本概念
1.1.1 什么是HTMI
1.1.2 HTML的发展
1.1.3 HTML与XHTML
1.2 CSS的基本概念
1.2.1 什么是CSS
1.2.2 CSS在网页设计中的作用
1.3 网页与网站
1.3.1 网页与网站的关系
1.3.2 建立网站
1.3.3 URL简介
1.3.4 HTML与CSS网页的开发环境
本章小结
习题
第2章 HTML基础
2.1 HTML代码的结构
2.1.1 HTML代码的组成
2.1.2 注释与空白符
2.1.3 标记的嵌套
2.1.4 标准属性
2.1.5 XHTML
2.2 HTML网页的构成
2.2.1 HTML网页结构
2.2.2 HTML标记及其属性
2.2.3 head标记及其属性
2.2.4 body标记及其属性
2.3 HTML网页的浏览与测试
2.3.1 利用IE与Firefox浏览HTML网页
2.3.2 利用Firebug测试HTML网页
2.4 综合实例
本章小结
习题二
实训
第3章 HTML网页头部标记
3.1 title标记及其属性
3.2 base标记及其属性
3.3 meta标记及其属性
3.4 link标记及其属性
3.5 style标记及其属性
3.6 script标记及其属性
3.7 综合实例
本章小结
习题三
实训
第4章 HTML网页主体与内容标记
4.1 标题与段落标记的使用
4.1.1 h1、h2、h3、h4、h5与h6
4.1.2 p
4.1.3 blockquote
4.1.4 address
4.1.5 pre
4.2 文本格式标记的使用
4.2.1 em
4.2.2 strong
4.2.3 cite
4.2.4 i与b
4.2.5 big与small
4.2.6 tt
4.2.7 sup与sub
4.2.8 q
4.2.9 dfn
4.2.10 abbr与acronym
4.2.11 del与ins
4.2.12 bdo
4.2.13 code、kbd、samp与var
4.2.14 hr
4.2.15 marquee
4.3 内容(多用途)标记
4.3.1 div
4.3.2 span
4.4 特殊字符
4.5 综合实例
本章小结
习题四
实训
第5章 使用CSS样式
5.1 对HTML文档应用样式
5.1.1 应用样式的方法
5.1.2 应用样式的优先级
5.2 CSS样式代码编写规则
5.2.1 基本语法
5.2.2 规则的注释
5.2.3 规则的标记
5.2.4 规则的排版
5.2.5 样式命名的通用规则
5.3 CSS样式选择器
5.3.1 HTML标记选择器
5.3.2 class选择器
5.3.3 ID选择器
5.3.4 高级选择器
5.3.5 样式的优先级
5.4 综合实例
本章小结
习题五
实训
第6章 HTML网页中的图片
6.1 在网页中加入图片
6.2 图片与文字的排版
6.3 网页背景图片
6.4 利用CSS样式在网页中加入图片
6.5 综合实例
本章小结
习题六
实训
第7章 创建超链接
7.1 超链接概述
7.2 超链接标记<a>及其属性
7.2.1 内部链接
7.2.2 书签链接
7.2.3 外部链接
7.2.4 文件(非HTML页面)链接
7.3 利用CSS样式设置书签格式
7.4 图片链接
7.5 图片映射链接
7.6 综合实例
本章小结
习题七
实训
第8章 创建表格
8.1 表格基础标记
8.2 创建简单表格
8.3 表格的属性
8.4 表格高级标记
8.4.1 th
8.4.2 caption
8.4.3 thead、tbody、tfoot
8.4.4 colgroup
8.4.5 colspan和rowspan
8.5 创建高级表格
8.6 综合实例
本章小结
习题八
实训
第9章 创建表单
9.1 表单的作用
9.2 表单标记
9.2.1 form
9.2.2 input
9.2.3 textarea
9.2.4 select和option
9.2.5 optgroup
9.3 表单布局标记
9.3.1 fieldset和legend
9.3.2 label
9.4 综合实例
本章小结
习题九
实训
第10章 对表格与表单应用CSS样式
10.1 利用CSS样式构建美观的数据表格
10.1.1 表格标记
10.1.2 对表格应用样式
10.2 CSS样式在表单中的应用
10.2.1 表单标记
10.2.2 表单布局
10.2 13修饰表单
10.2.4 复杂的表单布局
10.3 综合实例
本章小结
习题十
实训
第11章 使用CSS样式完成网页布局
11.1 CSS网页布局介绍
11.1.1 CSS网页布局的意义
11.1.2 CSS盒模型
11.1.3 CSS网页布局的基本思路
11.2 网页居中
11.2.1 自动空白边居中设计
11.2.2 定位居中设计
11.3 基于float的网页布局
11.3.1 两列布局
11.3.2 多列布局
11.4 复杂布局
11.4.1 动态布局
11.4.2 弹性布局
11.4.3 动态-弹性混合布局
11.4.4 动态和弹性图像
11.4.5 伪列布局
11.5 综合实例
本章小结
习题十一
实训
附录A 习题答案
附录B HTML标记
附录C CSS属性
附录D CSS单位
附录E Web颜色
参考文献