《B/S前端技术基础》PPT课件 常州机电职业技术学院 盛昀瑶

 
课件内容： 
学习从这里开始——课程导学 
课程实施大纲中介绍了课程基本信息、教师基本信息、预期学习目标、学习进程、授课方式、学习方式、学习资源、考核方式、技术支持等。课程教案中介绍了每次课的目标、课堂活动、教学材料等。另外，配套了2个有趣的视频让大家直观地看到课程学习的内容及如何进行课程的学习。 
0.1线下学习者看–【文档】课程实施大纲 
0.2线下学习者看–【文档】课程教案 
0.3【视频】课程学习内容 
0.4【视频】如何进行课程学习 
Web前端开发先备知识 
本单元学习目标：能归纳出自己成为一名前端工程师所需掌握的技术；会下载、安装、初步配置前端开发工具；能建立结构正确的站点；能使用前端开发工具开发出一个空白页面。 
1.1揭秘Web前端开发 
1.2选择合适的前端开发工具 
1.3建立正确的站点结构 
构建HTML5页面 
本单元学习目标：能使用HTML5结构标签、文本标签、图像标签、超链接标签、列表标签、表格标签、表单标签、多媒体标签，构建具有语义、符合SEO的页面。 
2.1 基本页面构建 
2.2 新闻页面构建 
2.3 读书页面构建 
2.4 教育页面构建 
2.5招生计划页面构建 
2.6注册页面构建(1) 
2.7注册页面构建(2) 
2.8多媒体页面构建 
使用CSS3美化页面 
本单元学习目标：能在页面中使用CSS；能使用选择器选择元素，能使用、文本、图片、段落、超链接、背景等样式美化页面。 
3.1初识浪浪网头部CSS(1) 
3.2初识浪浪网头部CSS(2) 
3.3新闻页面的美化（1） 
3.4新闻页面的美化（2） 
使用CSS3布局页面 
本单元学习目标：能够根据网页效果图，使用CSS3中盒子模型、浮动属性、列表属性、定位属性、元素堆叠属性布局页面；能达到看到页面就能实现样式设置的水平。 
4.1首页主体制作（左侧布局） 
4.2首页主体制作（整体布局） 
4.3首页主体制作（左侧选项卡制作） 
4.4首页主体制作（首页中间内容制作） 
4.5首页主体制作（首页右侧内容制作） 
4.6导航栏制作(1) 
4.7导航栏制作(2) 
使用Javascript制作页面特效 
本单元学习目标：能够分析页面特效；能够使用Javascript知识制作下拉菜单、图片轮换、表单验证、选项卡特效。 
5.1下拉菜单特效（1） 
5.2下拉菜单特效（2） 
5.3图片轮换特效（1） 
5.4图片轮换特效（2） 
5.5表单验证特效（1） 
5.6表单验证特效（2） 
5.7选项卡特效 
5.8页面前进、刷新特效 
综合实战 
能讲述网站开发的过程、页面设计的过程；能设置网页通用样式；能使用CSS3新增动画属性制作动画效果；能够根据网页设计效果图制作出具有语义性、代码规范、能兼容各种浏览器、具有一定交互效果的前端页面。 
6.1“水源安检”企业网站制作 
6.2“万维”电商网站制作