《Web前端开发》PPT课件 北京林业大学 孙俏

 
课件内容： 
1. 概论 
1-1 Web前端开发概述 
1-2 网站与网页 
1-3 Web前端开发技术 
扩展(动画)：浏览器如何渲染网页？服务器的作用？ 
本课程所有PPT请在这里下载 
1. 概论 单元测试 
2. HTML基础 
2-1 HTML概述 
2-2 HTML文件结构 
2-3 HTML标签(I) h1~h6、p、br、pre、span、hr 
2-4 HTML标签(II) a 
2-5 HTML标签(III) img 
2-6 HTML标签(IV) div、ul、ol\t、table 
2-7 HTML标签(V) form、input、select、textarea 
Sublime Text的操作（基本环境） 
Sublime Text的操作（HTML） 
2-8 Web语义化 em strong dl dt dp 
2. HTML基础 单元作业 
3. CSS样式 
3-1 CSS概述 
3-2 CSS添加方法 
3-3 CSS选择器 
3-4 CSS样式(I) 文字样式 
3-5 CSS样式(II) 背景、超链接样式 
3-6 CSS样式(III) 列表 表格样式 
Sublime Text的基本操作（CSS） 
3. CSS样式 单元测验 
3. CSS样式 单元作业 
4. CSS布局与定位 
4-1 布局与定位概述 
4-2 盒子模型（I） 
4-3 盒子模型（II） 
4-4 CSS定位机制概述 
4-5 文档流定位 
4-6 浮动定位 
4-7 层定位 
4-8 弹性盒子布局 
4-9 网格布局 
4. CSS定位与布局 单元测验 
5. CSS3 
5-1 圆角边框与阴影 
5-2 文字与文本 
5-3 2D变换 
5-4 过渡与动画 
5-5 3D变换 
综合案例 
6. JavaScript基础 
6-1 概述与基础语法 
6-2 变量 
6-3 数据类型 
6-4 运算符与表达式 
6-5 函数 
6-6 分支结构 
6-7 循环结构 
6-8 数组 
6-9 数组API函数 
6-10 DOM查找 
6-11 DOM修改 
6-12 DOM添加 
6-13 BOM 
综合案例：魔方 
6 Javascript 单元作业 
7. JQuery & HTML5 & Bootstrap 
7-1 JQuery概述&工厂函数（扩展） 
7-2 JQuery增删改查（扩展） 
7-3 JQuery事件（扩展） 
7-5 HTML5 
7-4 响应式布局&Bootstrap 
8. 课程综合案例 
8-1 网页布局与初始化（整个案例源代码在这里下载） 
8-2 网页顶部、导航栏 
8-3 网页产品内容、搜索功能 
8-4 页面服务、售后服务 
8-5 网页底部、页面插件引用 
8-6 返回顶部、吸顶灯功能 
9. 企业讲堂 
企业前端最新技术需求与建议学习路线