Web前端开发

目录

情境一 初识Web 前端开发 / 1
子情境1 认识Internet 与万维网 / 2
子情境2 Web 前端开发工程师学什么 / 2
子情境3 Web 架构是什么 / 3
子情境4 Web 开发工具 / 3
子情境5 编写HTML 文档 / 6

情境二 使用HTML 语言 / 7
子情境1 认识标题元素 / 8
子情境2 认识文本结构元素 / 19
子情境3 认识文本元素 / 21
子情境4 认识列表元素 / 24
子情境5 认识图像标签 / 42
子情境6 认识超链接标签 / 50
子情境7 认识HTML 区块 / 67
子情境8 实训任务 / 69

情境三 使用表格 / 71
子情境1 创建表格 / 72
子情境2 认识表格属性 / 74
子情境3 使用表格 / 88
子情境4 使用框架 / 89

情境四 使用表单 / 92
子情境1 认识表单标签 / 93
子情境2 插入表单对象 / 94
子情境3 使用下拉菜单 / 106
子情境4 创建表单实例 / 109

情境五 使用CSS 样式表 / 111
子情境1 认识CSS 样式表 / 112
子情境2 使用CSS 样式属性 / 114
子情境3 使用CSS 盒模型 / 119
子情境4 使用CSS 定位 / 120
子情境5 使用CSS 设计网站导航栏 / 124

情境六 使用HTML5+CSS3 / 128
子情境1 使用HTML5 表单 / 129
子情境2 使用HTML5 画布 / 139
子情境3 使用HTML5 音频与视频 / 140
子情境4 使用CSS3 边框 / 142
子情境5 使用CSS3 背景与渐变 / 144
子情境6 使用CSS3 变形与动画 / 146
子情境7 建立个人信息注册表单 / 151
子情境8 制作CSS3 动画 / 157

情境七 JavaScript 脚本基础 / 161
子情境1 认识JavaScript / 162
子情境2 使用JavaScript 的数据类型、常量和变量 / 163
子情境3 使用JavaScript 表达式和操作符 / 165
子情境4 使用JavaScript 基本语句 / 166
子情境5 使用JavaScript 函数 / 168
子情境6 设计自动切换图像 / 169
子情境7 制作跟随鼠标指针移动的图像 / 170

情境八 使用jQuery / 172
子情境1 认识jQuery / 173
子情境2 调试JavaScript 和jQuery / 184
子情境3 使用jQuery 脚本结构和框架结构 / 188
子情境4 操作DOM 元素 / 191
子情境5 应用jQuery / 210

情境九 项目实践 / 213