网页速成课

第 1 章 HTML 入门介绍
[目的要求] 1、了解网页
2、了解网页设计
[教学内容] 1.网站和网页
1.1 静态网页
1.2 动态网页
1.3 常见的屏幕分辨率
2. web的标准含义
2.1 传统的网页制作方法
2.2 传统网页制作的缺点
2.3 css的引入
[作业及实践] 1掌握基础的网页组成部分，了解网页的发展史
2.掌握我们需要用到的软件
3.了解网站开发流程
第 2 章 HTML 基础
[目的要求] 1、了解HTML基版本内容
2、掌握HTML的结构
[教学内容] 1.HTML简介
1.1 HTML的结构
2. 文档结构标记
3. 头部中的内容
4. body中的内容
[作业及实践] 1.利用编辑器搭建做基本的HTML环境
2.备注各个主体中的内容
第 4 页 共 7 页
第 3 章 HTML 标签
[目的要求] 1、掌握HTML标签。
2、掌握HTML标签中的表现形式
[教学内容] 1. 掌握HTML中的单标签和成对标签
1.1 单标签
1.2 成对标签
2. 掌握HTML文本标签
2.1 标题和文本标签
3.掌握图片标签
[作业及实践] 1.完成文章《飘》的排版作业
2.完成文章《春的排版》。并且插入图片
第 4 章 HTML 列表
[目的要求] 1、掌握 HTML 列表标签
2、 列表和其他标签的案例结合
[教学内容] 1.有序列表
1.1字符
1.2 数字
1.3 阿拉伯数字
2..无序列表
2.1 原点形式
2.2 圆圈
2.3 方块
[作业及实践] 1、运用列表做简网站的页面列表 （竖排导航列）。
2、结合前面学过的知识为列表添链接。
3.、结合前面学过知识为列表添加图片图标
第 5 章 HTML 表格
[目的要求]
1．掌握表格三要素
2．掌握表格合并单元格
3.掌握表格的基础语法
[教学内容] 1．表格三要素
1.1 行标签
1.2 列标签
2.合并单元格
2.1 合并行
2.2 合并列
3.制作课程表
[作业及实践] 1．创建 4*4 的表格 要求出表头信息为加粗字体。
第 5 页 共 7 页
2.创建一个计算器表格
3.完成品牌商城表格创建（要求 使用合并行和列属性）
第 6 章 HTML 表单
[目的要求] 1．掌握HTML表单的基本标签
2. 掌握表单的基本标签的属性。
[教学内容] 1．创建基本表单
1.1 掌握表单form标签
1.2 掌握输入框的标签属性
2.掌握表单选择框
2.1单选框
2.2复选框
2.3下拉列表
[作业及实践] 1. 创建表格 竖版排列 要求美观
2.创建常用个人信息排版 包括（姓名，年龄）单选（性别）
爱好为复选框 个人描述为文本域 创建日期下拉列表
第 7 章 css 基础
[目的要求] 1、掌握 css 的基本三种样式
2、掌握 css 的基本语法
[教学内容] 1.css简介
1 Css概述
2 Css作用
3 Css发展史
2.css的三种样式
1.行内样式
2.内部样式
3.外部样式
[作业及实践] 1、为文本标签 标题标签分别改变颜色以及背景颜色
第 8 章 css 选择器
[目的要求] 1、掌握 css7 种常见选择器
2、css 的层叠和特殊性
[教学内容] 1.css的7种选择器
1.1群组选择器
1.2类型选择器
1.3ID选择器
1.4类型选择器
1.5后代选择器
1.6分组选择器
1.7伪类选择器
[作业及实践] 1、通过不同的选择器分别为标题标签 和 段落标签列标添加属性
第 9 章 css 基本属性
[目的要求] 1、掌握文本和图像样式
2、掌握背景样式
第 6 页 共 7 页
[教学内容] 1.掌握文本属性
1.1 掌握文字的属性
1.2 掌握段落的属性
1.3 掌握列表的属性
1.4 掌握链接的属性
1.5 掌握图片的属性
2.掌握背景的属性以及插入
[作业及实践] 1、给body插入背景 并且不重叠
2.为文本属性设置下划线
3.为列表取消 标识符
第 10 章 css 盒模型
[目的要求] 1、掌握盒模型的 4 个基本组成元素
2、掌握内边距和外边距
3、灵活运用内外边距
[教学内容] 1.盒模型的概述
1.1盒的尺寸
1.2边框
1.1 填充
1.2 边界
1.5 盒的高度与文本溢出
[作业及实践] 1、完成信件样式的编写
2.背景图片和文字排版
第 11 章 css 浮动布局
[目的要求] 1、了解 css 三种布局
2.掌握浮动布局
[教学内容] 1.实现网页布局的三种方式
2.浮动的概念
3.浮动案例
[作业及实践] 1、利用之前的知识，实现简单的网页布局。 第 12 章 css 定 位
[目的要求] 1、掌握三种定 位方式
[教学内容]
1.1 掌握相对定 位
1.2 掌握定 位
1.5 掌握固定定 位
[作业及实践] 1、利用固定定 位制作 左侧的导航栏
第 13 章 DIV+CSS 布局
[目的要求] 1、掌握 css 的盒模型布局 实现常见网页布局
[教学内容] 1.掌握css文本图片背景样式
1.1 掌握盒模型
1.2 掌握浮动布局
1.3 掌握定 位布局
[作业及实践] 1、完成 上方导航栏的布局 以及实现网站布局