网页设计与制作教程(Web前端开发第6版十二五职业教育国家规划教材)

目 录

前言

第1章 HTML5概述

1.1 Web的基本概念

1.1.1 WWW

1.1.2 Web服务器

1.1.3 网页浏览器

1.1.4 网站

1.1.5 网页

1.1.6 URL

1.1.7 标记语言

1.1.8 网页标准

1.2 HTML5的基本结构和语法规则

1.2.1 HTML5文档的基本结构

1.2.2 HTML5的基本语法

1.2.3 HTML的全局属性

1.2.4 元素的分类

1.2.5 HTML的字符实体和颜色表示

1.2.6 HTML5开发人员编码规范

1.3 编辑HTML文件

1.3.1 常用HTML编辑软件

1.3.2 网页文件的创建

1.4 实训——制作社区网版权信息

习题1

第2章 块级元素

2.1 基本块级元素

2.1.1 标题元素hl～h6

2.1.2 段落元素p和换行元素br

2.1.3 水平线元素hr

2.1.4 注释元素

2.2 列表元素

2.2.1 无序列表元素ul

2.2.2 有序列表元素ol

2.2.3 定义列表元素dl

2.2.4 嵌套列表

2.3 表格元素table

2.3.1 基本表格

2.3.2 跨行跨列表格

2.3.3 表格数据的分组

2.3.4 调整列的格式

2.4 表单

2.4.1 表单元素form

2.4.2 输入元素input

2.4.3 标签元素label

2.4.4 选择栏元素select

2.4.5 按钮元素button

2.4.6 多行文本元素textarea

2.5 分区元素div

2.6 缩排元素blockquote

2.7 实训——制作精选信息版块

习题2

第3章 行内元素

3.1 格式化元素

3.1.1 字体样式元素

3.1.2 短语元素3

3.2 图像元素img

3.3 超链接元素a

3.4 图像热区超链接元素map、area

3.5 范围元素span

3.6 多媒体元素

3.6.1 音频元素audio

3.6.2 视频元素video4

3.7 用HBuilder X编辑HTML文档

3.8 实训—制作广告版块

习题3

第4章 CSS3基础

4.1 CSS简介

4.1.1 CSS的发展历史

4.1.2 CSS设计与编写原则

4.2 在HTML中使用CSS的方法

4.2.1 行内样式

4.2.2 内部样式

4.2.3 链入外部样式表文件

4.2.4 导入外部样式表文件

4.3 CSS的两个主要特性

4.4 CSS的基本语法

4.5 CSS的选择器

4.5.1 元素选择器

4.5.2 通配符选择器

4.5.3 属性选择器

4.5.4 派生选择器

4.5.5 兄弟选择器

4.5.6 id选择器

4.5.7 class选择器

4.5.8 伪类选择器

4.5.9 UI元素状态伪类选择器

4.5.10 结构伪类选择器

4.5.11 其他伪类选择器

4.5.12 伪元素选择器

4.6 属性值的写法和单位

4.6.1 长度、百分比单位

4.6.2 色彩单位

4.7 HTML文档结构与元素类型

4.7.1 文档结构的基本概念

4.7.2 元素类型

4.8 实训——制作内容详情页

习题4

第5章 CSS3的属性

5.1 CSS背景属性

5.1.1 背景颜色属性background-color

5.1.2 背景图像属性background-image

5.1.3 重复背景图像属性background-repeat

5.1.4 固定背景图像属性background-attachment

5.1.5 背景图像位置属性background-position

5.1.6 背景图像大小属性background-size

5.1.7 背景属性backgroud

5.1.8 背景覆盖区域属性background-clip

5.1.9 背景图像起点属性background-origin

5.1.10 背景渐变属性background-image

5.2 CSS字体属性

5.2.1 字体类型属性font-family

5.2.2 字体尺寸属性font-size

5.2.3 字体倾斜属性font-style

5.2.4 小写字体属性font-variant

5.2.5 字体粗细属性font-weight

5.2.6 字体简写属性font

5.2.7 CSS3新增使用服务器字体

5.3 CSS文本属性

5.3.1 文本颜色属性color

5.3.2 文本方向属性direction

5.3.3 字符间隔属性letter-spacing

5.3.4 行高属性line-height

5.3.5 文本水平对齐方式属性text-align

5.3.6 为文本添加装饰属性text-decoration

5.3.7 段落首行缩进属性text-indent

5.3.8 文本的阴影属性text-shadow

5.3.9 文本的大小写属性text-transform

5.3.10 元素内部的空白属性white-space

5.3.11 单词之间的间隔属性word-spacing

5.3.12 文本的截断效果属性text-overflow

5.3.13 文本的换行方式属性word-break

5.3.14 单词断字属性word-wrap

5.4 CSS尺寸属性

5.4.1 宽度属性width

5.4.2 高度属性height

5.4.3 *小宽度属性min-width

5.4.4 *大宽度属性max-width

5.4.5 *小高度属性min-height

5.4.6 *大高度属性max-height

5.5 CSS列表属性

5.5.1 图像作为列表项标记属性list-style-image

5.5.2 列表项标记位置属性list-style-position

5.5.3 列表项标记类型属性list-style-type

5.5.4 列表简写属性list-style

5.6 CSS表格属性

5.6.1 合并边框属性border-collapse

5.6.2 边框间隔属性border-spacing

5.6.3 标题位置属性caption-side

5.6.4 单元格无内容显示方式属性empty-cells

5.6.5 表格设置方式属性table-layout

5.7 CSS内容属性

5.8 CSS属性的应用

5.8.1 设置图像样式

5.8.2 设置链接

5.8.3 创建导航菜单

5.9 实训——制作社区网页面

5.9.1 制作通知公告版块

5.9.2 制作导航栏

习题5

第6章 CSS的盒模型

6.1 CSS盒模型的组成和大小

6.1.1 盒子的组成

6.1.2 盒子的大小

6.1.3 块级元素与行内元素的宽度和高度

6.2 CSS盒模型的属性

6.2.1 CSS内

......