本课程是软件学院各专业的专业基础课程,重在培养学生根据实际需求利用HTML和CSS技术进行小型静态网站的设计与开发能力。本课程综合HTML语言、CSS样式技术,通过“教、学、做”理论与实践一体化教学,使学生掌握HTML知识,能熟练编写静态网页代码;掌握CSS样式,能熟练使用CSS美化页面;了解并会使用HTML5及CSS3的一些新特性;会在页面中使用一些JS特效;同时具有前端新知识、新技能的学习能力和创新创业能力。
先修课程为《计算机应用基础》、《UI界面设计》等课程,后继课程是《HTML5+CSS3网页设计》、《JavaScript程序设计》、《响应式网页设计》、《Web应用程序开发》等。
课程紧扣“高、新、融”强内涵,聚力复合型技术技能人才培养,服务学习者终生学习。遵循易学易教、活学活用、理实一体、校企“双元”合作等为原则,是一门基于“1+X”证书、立足岗位需求、注重综合能力提升、立体化项目式的课证融通课程,是学生掌握Web前端职业技能、步入工作岗位的实用课程。
其主要特色与创新点如下:
(1)高:高水平合作,支撑课程建设迈向高质量。
(2)新:四随,推动课程建设内容与形式更新常态化。
§ 课程设计随动学生的高质量发展。课程设计随动学生需求,社会和学生要什么、教师就教什么。注重技术技能积累,实现与1+X “Web前端开发”证书的课证融通,提高就业竞争力和可持续发展能力。
§ 课程内容随动行企技术与典型案例。教学内容以满足最新行企岗位需求核心技术为原则,对接Web前端工程师职业标准和岗位能力要求,融入典型企业的最新典型案例。
§ 课程载体随动信息技术应用与发展。教学载体基于Web前端技术,呈现形式新颖,运用信息化技术手段,配备数字化资源,体现教学做协调统一。
§ 课程思政紧随立德树人根本任务。课程一以贯之立德树人,强化价值引领,弘扬社会主义核心价值观,将工匠精神、创新精神、网络强国等融入教学的各环节。
(3)融:五融,推动课程体系建设更完善。
§ 课程应用融进人才培养体系。课程按照技术技能人才成长规律,通过对网站各模块的模仿与操作,逐步提高学习的复杂度,提升学生独立分析问题、解决问题的能力,培养学生具备前端工程师所需的技术素质和岗位素养。
§ 课程建设融通教师团队发展。以课程建设为纽带,校企团队深度融合,促进教师实践能力不断上升,完成“双师型”团队构建。团队教学、科研能力不断上升,师生在各类专业竞赛中不断获得全国特等奖、一等奖在内的优异成绩。
§ 教学内容融汇技术技能主链。教学内容融入行企最新共性技术,强化承上启下、内提外延的作用,达成中职生提优、高职生强技、应用本科生创新的技术链效应。
§ 教学项目融入真实工作情境。课程以合作企业真实项目为载体,融入产业前沿技术和企业产品质量要求,真实反应工作情境,提高技术技能人才培养的有效性。
§ 课程教法融合混合教学模式。课程既基于项目教学设计,又坚持以学习者为中心的理念,从学生的视角进行开发、教学,在知识传递上尽可能多的采用现代数字技术帮助学生理解,便于其自主学习、泛在学习、线下线上结合学习。
通过本课程的学习,掌握网站建设的整体流程,会综合运用PS、HBuilder、 Sublime等工具制作网页,学会DIV+CSS标准布局,CSS3样式设置,能够完成符合主题的静态网站制作。为1+X Web前端开发考证打下坚实的基础。
教学内容包括HTML和CSS基础、DIV+CSS标准布局、CSS3样式美化、多媒体应用、JavaScript基本应用、网站测试与维护、网站文档书写等。
计算机应用基础、UI界面设计
一、教材选用
教材选用团队自编的“十四五”职业教育国家规划教材《网站设计与网页制作立体化项目教程》(第4版),电子工业出版社。
二、参考资料
W3C学习网站: https://www.w3school.com.cn/
菜鸟教程:https://www.runoob.com/
线上课程有64课时,线下48教学课时,部分学习章节需要学生自学完成。