1、网页开发基础

文章目录
零、本节学习目标
一、HTML基础
（一）HTML简介
1、HTML
2、HTML语言的基本格式
3、<!DOCTYPE>声明
4、html标签
5、head标签
6、body标签
7、编写第一个网页
8、关于编写HTML文件的工具
9、HTML标签概述
（1）单标签
（2）双标签
（3）注释标签
二、常用的HTML标签
（一）段落、行内和换行标签
（二）文本样式标签
（三）表格标签
（四）表单标签
1、表单域`<form>`
2、表单控件`<input>`
（五）多行文本标签
（六）列表标签
1、无序列表
2、有序列表
3、定义列表
（七）超链接标签
（八）图像标签
三、CSS技术
（一）初识CSS
1、CSS的作用
2、CSS的定义
3、CSS的计量单位
4、CSS中颜色的取值
（1）预定义的颜色值
（2）十六进制表示的颜色值
（3）RGB代码表示的颜色值
（二）CSS样式的引用方式
1、行内式
2、内嵌式
3、外链式
4、导入式
（三）CSS选择器
1、标签选择器
2、类选择器
3、id选择器
4、通配符选择器
（四）CSS常用属性
四、JavaScript基础
（一）JavaScript概述
1、什么是JavaScript？
2、JavaScript的组成
（1）ECMAScript
（2）DOM（Document Object Model）
（3）BOM（Browser Object Model）
3、JavaScript的引入方式
（1）行内式
（2）内嵌式
（3）外嵌式
4、JavaScript的数据类型
5、JavaScript的变量和关键字
6、JavaScript的运算符
（1）算术运算符
（2）比较运算符
（3）逻辑运算符
（4）赋值运算符
（5）三元运算符
7、运算优先级
8、条件if语句
（1）单向判断语句
（2）双向判断语句
（3）多向判断语句
（二）DOM相关知识
1、什么是DOM
2、DOM树的结构图
3、DOM节点的关系
（1）子节点
（2）父节点
（3）兄弟节点
4、节点的访问
5、Node对象的常用属性
6、获得文档的指定元素
（1）通过元素的id属性获取元素
（2）通过元素的name属性获取元素
（三）BOM相关知识
1、什么是BOM
2、window.onload 加载事件
3、document.DOMContentLoaded加载事件
（四）JavaScript的使用
1、函数的定义及调用
2、事件处理
3、JavaScript常用的事件类型
4、JavaScript常用对象
（1）window对象
（2）Date对象
（3）String对象
5、脚本案例 - 登录表单非空校验
五、Bootstrap框架基础
（一）Bootstrap框架简介
1、什么是Bootstrap
2、Bootstrap的特点
（1）响应式设计
（2）移动设备优先
（3）浏览器支持
（4）低成本、易上手
（5）CSS预编译
（6）框架成熟
（7）丰富的组件库
（二）Bootstrap框架的下载
1、三种下载方式
2、下载安装压缩包
六、Bootstrap框架的常用组件
（一）按钮
（二）导航
（三）面包屑导航
（四）分页
（五）列表
（六）表单
七、实战任务：蛋糕商城注册页面
八、本讲小结
九、课后作业