本课程面向职业岗位采用基于任务的方式,以项目开发为主线,循序渐进的阐述Web前端技术的各项知识,它涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript、jQuery编程基础与事件处理等内容。通过本书的学习,使学习者能够熟悉web页面制作流程、掌握常见的页面布局效果、学会设计制作各种具有动态特效的网站。本课程主要围绕以下几方面进行:
1.先循序渐进地介绍一些基于HTML、CSS、JavaScript以及jQuery的基础项目,帮助学生打好基本功;然后正式进入相关项目的介绍,让学生有针对性的逐步巩固常用HTML5的用法,接着再进一步运用CSS3、JavaScript、jQuery相关技术为页面增加特效;最后完整项目案例,提高学习者对知识的综合应用能力。知识全面,循序渐进。
2.通过走访相关企业进行调研,对本门课程对接的工作岗位所需的职业能力进行分析,以典型的工作任务作为教学项目,联系实际,将web前端技术中的各个知识点融入综合项目案例中,且以真实网站为案例,给学习者以直接工作岗位体验,达到学以致用的目的。项目驱动,实用性强。
3.每个项目案例都划分为若干个小的任务点且分块、分步骤展开,使学习者可以看到从界面设计开始到样式美化以及特效完成的整个变化过程,提高学习者的学习兴趣。步骤详细,易于理解。
4.通过与企业合作,共同开发课程内容,完善和丰富现有的教学资源。校企合作,共享共建。
5.网页实践案例素材紧跟时代步伐,紧密结合当下时事政治等内容进行展开,学生在学习专业课的同时关注社会,实现知识传授与价值引领相统一。课程思政,深入教学。
项目1 HTML基础
任务1.1掌握网页的文档结构
任务1.2设计网页文档
HTML5测试
项目2 CSS3基础
任务2.1 CSS3语法概述
任务2.2网页中字体、段落的美化
任务2.3网页中背景与边框的美化
CSS3基础测试
项目3 CSS3+DIV页面结构布局
任务3.1 CSS3+DIV
任务3.2导航菜单的制作
动手实践—模拟导航栏的实现
CSS3+DIV测试
项目4 CSS3新增动画特效
任务4.1变形效果
任务4.2 过渡效果
任务4.3 animation动画效果
CSS3新增动画效果测试题
项目5 JavaScript
任务5.1 JavaScript基础
任务5.2程序控制结构和语句
任务5.3 JavaScript函数
动手实践—简易计算器的实现
JavaScript知识点测试
项目6 浏览器对象模型BOM
任务 6.1 Window对象
任务6.2 计时器
浏览器对象模型测试题
项目7 jQuery
任务7.1 jQuery基础
任务7.2 jQuery选择器
任务 7.3 jQuery动画
动手实践—图片轮播效果的实现
jQuery测试题
项目8 综合案例1— 广告横幅的实现
广告横幅的实现
项目9 综合案例2— 气泡悬浮效果的实现
气泡悬浮效果
项目10 综合信息网首页的实现
综合信息网站首页的实现
参加我们课程所需要预备知识很少,不论您目前是在校学生、自由职业者或是在企业上班,只要您对web前端感兴趣,熟悉基本的计算机操作,就可以加入我们的课程学习。
Q: 课程联系方式?
A : 课程邮箱是:luqiujin@nbcc.cn QQ:1654867944
Q:所需软件工具?
A:可以在网上搜索和下载,也可以在课程交流区中留言,课程团队将会通过邮件发送给您。