1
HTML
HTML
1-1
1.1 主要内容
1 、认识几个基本概念：网页、网站、URL、服务器、浏览器，及它们之间的关系。
2 、了解学完本课程后，能做什么。
3、如何学习才能更好地掌握本课程
4 、认识开发工具（sublime Text）、浏览器、帮助工具（w3school）
1.2 示例
1 、河北中学页面：文件夹名字是chapter1/hezhong
2 、我们的第一个html页：chapter1/c1/c1.html
1-2
2.1 主要内容
1、HTML是沟通web开发人员和浏览器沟通的桥梁。
2、HTML语言学习三要素：标签、语法、语义。
3、常用HTMl标签概览。
4、HTML文件基本结构。
5、哪些内容应该放在head里，哪些内容应该放在body里。
6、标签属性：辅助标签提供更多信息。
7、了解HTML编码规范和编写html文件注意事项。
2.2 示例
1、hello world：chapter2/c_21.html
1-3
3.1 主要内容
1、网页中常见的文本类型：标题、段落、列表、换行、页面注释、实体符号。
2、掌握何时该用何种类型的文本及注意事项。
3.2 示例
1、插入河北中学内容页的文本信息：chapter3/c_31.html
1-4
4.1 主要内容
1、在网页中插入图片的标记：<img />。
2、图片与网页文件的关系：同一目录、上级目录、下级目录，引入互联网上的图片。
3、使用<img />标记的src属性关联图片文件和网页文件。
4、理解web前端开发时的目录结构的组织。
4.2 示例
1、插入各种各样的图片到网页中：chapter4/c4_1.html
1-5
1.标签 2.必选属性
1-6
1.表单空间类型 2.标签
1-7
1.什么情况使用表格 2.表格基本概念
1-8
1.内联框架 2.简单样式修饰
1-9
利用之前学习内容，建立一个完整的网站
2
CSS
CSS
2-1
1.CSS概念 2.CSS语句
2-2
1.字体系列 2.字体大小
2-3
1.文本对齐 2.文本缩进
2-4
1.超链接的四种状态 2.伪类
2-5
1.背景颜色 2.背景图片
2-6
1.列表项符号 2.列表项图像
2-7
1.设置边框 2.设置内边距
2-8
1.常见板式 2.网页布局常见标签和属性
2-9
1.通配选择器 2.分组选择器
2-10
实现河北中学内容页面
2-11
1.浏览器兼容性问题简介 2.浏览器兼容性问题解决思路
2-12
1.UI基础知识 2.网页的常见板式、色彩基础及风格