hi,小慕
Web前端技术
第6次开课
开课时间: 2023年03月01日 ~ 2023年06月30日
学时安排: 3
当前开课已结束 已有 365 人参加
老师已关闭该学期,无法查看
课程详情
课程评价(182)
spContent=本课程在“有趣、有效、只学有用的”原则基础上,培养热爱网站前端开发事业,德、智、体、美、劳全面发展,学有专长,具有良好的科学素养和熟练地掌握一定的WEB前端技术,具有良好的社会公德和职业道德;具有良好的艺术修养和较强的审美能力。热爱本职工作,具有艰苦创业、甘于奉献的敬业精神。能够胜任各类IT企业及相关的计算机应用领域中从事WEB页面制作,WEB前端开发工程师,WEB交互开发工程师,WEB前端设计,手持设备网站前端开发等工作者。本课程重视WEB前端技术理论基础和专业技术基础知识的学习;强化WEB前端开发的实践能力和团队协作意识的锻炼;通过案例教学和项目实践培养学生的动手与自学能力。使得学生能够在有限的课时内“专业”和“深入”地学习与WEB前端技术相关知识,更好地满足企业对用人的专业技能和专业素质的要求。
本课程在“有趣、有效、只学有用的”原则基础上,培养热爱网站前端开发事业,德、智、体、美、劳全面发展,学有专长,具有良好的科学素养和熟练地掌握一定的WEB前端技术,具有良好的社会公德和职业道德;具有良好的艺术修养和较强的审美能力。热爱本职工作,具有艰苦创业、甘于奉献的敬业精神。能够胜任各类IT企业及相关的计算机应用领域中从事WEB页面制作,WEB前端开发工程师,WEB交互开发工程师,WEB前端设计,手持设备网站前端开发等工作者。本课程重视WEB前端技术理论基础和专业技术基础知识的学习;强化WEB前端开发的实践能力和团队协作意识的锻炼;通过案例教学和项目实践培养学生的动手与自学能力。使得学生能够在有限的课时内“专业”和“深入”地学习与WEB前端技术相关知识,更好地满足企业对用人的专业技能和专业素质的要求。
—— 课程团队
课程概述

本课程面向职业岗位采用基于任务的方式,以项目开发为主线,循序渐进的阐述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:可以在网上搜索和下载,也可以在课程交流区中留言,课程团队将会通过邮件发送给您。  

宁波城市职业技术学院
1 位授课老师
卢秋锦

卢秋锦

副教授

推荐课程

下载
下载

下载App