第1篇 基础篇

项目一 了解网页设计相关知识

任务1.1 通过网页了解各种网页元素

1.1.1 网页

1.1.2 网站

1.1.3 主页和子页

1.1.4 构成网页的元素

1.1.5 IP地址

1.1.6 域名

1.1.7 域名解析服务

1.1.8 域名类型

1.1.9 HTML

1.1.10 静态网页和动态网页

1.1.11 网页设计与制作的主要工具

任务1.2 了解web标准

1.2.1 Web标准概述

1.2.2 内容、结构和表现相分离

任务1.3 了解DIV+CSS布局

1.3.1 CSS样式

1.3.2 CSS盒子模型

1.3.3 DIV+CSS布局的好处

任务1.4 网页版面布局

1.4.1 T字形结构版式

1.4.2 同字形结构版式

1.4.3 三字形结构版式

1.4.4 匡字形结构版式

1.4.5 flash布局

1.4.6 海报布局

任务1.5 初步了解网站设计与开发的过程

1.5.1 前期策划

1.5.2 网站开发（网页制作）

1.5.3 网站后期发布、测试与维护

实训1 网页赏析

项目二 网站建立与网站规划

任务2.1 新建网站与网站文件管理

2.1.1 Dreamweaver CS6新功能介绍

2.1.2 站点创建

任务2.2 新建网页与网页测试

2.2.1 新建网页

2.2.2 网页测试

任务2.3 编写最简单的HTML框架

2.3.1 编写HTML框架

2.3.2 认识网页标签

任务2.4 插入各种网页元素

2.4.1 插入文字

2.4.2 插入特殊符号

2.4.3 插入图像

2.4.4 插入媒体元素

2.4.5 插入音频

2.4.6 插入表单

2.4.7 插入表格

任务2.5 创建超链接

2.5.1 超链接定义

2.5.2 创建超链接

实训2 网站建立与栏目规划

项目三 创建CSS样式表

任务3.1 CSS样式引入

3.1.1 CSS基本语法运用

3.1.2 选择器的使用

3.1.3 样式表的继承性使用

3.1.4 注释运用

任务3.2 建立CSS样式表

3.2.1 建立标签选择器类型的CSS样式表

3.2.2 建立类选择器类型的CSS样式表

3.2.3 建立ID选择器类型的CSS样式

任务3.3 在网页中插入CSS样式表

3.3.1 内部样式表

3.3.2 链接外部样式表

3.3.3 导入外部样式表

3.3.4 内嵌样式表

任务3.4 解决CSS的优先级问题

实训3 利用CSS样式创建多种样式

第2篇 应用篇

项目四 应用CSS盒子

任务4.1 盒子模型探究

4.1.1 盒子模型定义

4.1.2 在标准流中定位默认CSS盒子

任务4.2 设置盒子边框

任务4.3 设置盒子填充

任务4.4 设置盒子边界

任务4.5 文字盒子属性设置

任务4.6 CSS盒子模型计算

4.6.1 一个CSS盒子实际宽度计算

4.6.2 块级元素之间的距离计算：取最大者

4.6.3 行内元素之间的距离计算：margin—right+margin—left

4.6.4 嵌套关系的距离计算：子块级元素离父块级元素距离为margin+padding

任务4.7 CSS盒子模型与DOM树关系应用

实训4 CSS盒子的应用

项目五 网页元素美化

任务5.1 丰富的文字效果设置

5.1.1 CSS样式修饰文字

5.1.2 CSS样式修饰段落

任务5.2 设计漂亮的表格

任务5.3 文字超链接各种样式的设置

任务5.4 文字超链接多种样式混合应用

5.4.1 整体超链接效果制作

5.4.2 多种（个性）超链接效果制作

任务5.5 设置列表小图片

5.5.1 设置列表小图片操作

5.5.2 CSS控制网页背景图片属性设置

任务5.6 设计精美表单

实训5 使用CSS样式控制网页元素和背景图位置

项目六 CSS盒子浮动

任务6.1 理解浮动属性

6.1.1 理解标准流

6.1.2 块级元素和行内元素在标准流里的排放位置

任务6.2 使用浮动属性实现竖直变一行效果

任务6.3 使用浮动属性实现图片文字环绕效果

任务6.4 使用浮动清除属性

任务6.5 使用浮动属性实现两行两列布局

实训6 使用浮动属性布局网页架构

项目七 CSS盒子定位

任务7.1 了解定位属性

仟务7.2 应用定位属性

7.2.1 绝对定位的应用

7.2.2 相对定位应用

任务7.3 隐藏与显示网页元素

7.3.1 隐藏网页元素

7.3.2 行竖转换网页元素

实训7 使用定位属性布局网页

……

第3篇 实战篇

参考文献