课程融合最新大模型辅助编程技术,按照课程标准与国家职业教学标准对接、与国家职业技能标准融通,教学内容与岗位工作融通,教学过程与Web前端开发过程融通,评价标准与企业质量标准对接、与技能大赛评分标准对接,以企业真实的前端设计案例为基础,系统构建5个项目和13个典型工作任务,项目间技术关联,形成完整的知识架构系统,技术全面覆盖Web前端设计师岗位工作需求。
Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Syllabus
- 项目1 企业网站图文内容编辑
- 任务1 HBuilder编辑器的使用
- 任务2 网页图文编辑
- 任务3 拓展任务
- 任务4 阶段案例
- 任务5 讨论环节
- 项目2 企业网站布局与外观优化
- 任务1 企业网站外观设计及优化
- 任务2 企业网站布局实现
- 任务3 企业网站多媒体应用
- 任务4 HTML5代码优化
- 任务5 拓展任务
- 任务6 阶段案例
- 任务7 讨论环节
- 项目3 企业网站交互效果实现
- 任务1使用JavaScript处理网页事件
- 任务2 网页表单的设计与css样式
- 任务3 使用JavaScript实现表单页的验证
- 任务4 拓展任务
- 任务5 讨论环节
- 期中考试
- 项目4 企业网站复杂交互效果实现
- 任务1 学会在网页中使用jQuery
- 任务2 使用swiper实现网页轮播
- 任务3 使用SuperSlide实现网页交互效果
- 任务4 项目实战:企业网站复杂交互效果实现
- 任务5 阶段案例
- 任务6 讨论环节
- 项目5 企业网站建设规划与管理
- 任务1 企业网站整体规划设计
- 任务2 企业网站部署与维护
- 任务3 拓展训练
- 任务4 讨论环节
- 拓展项目 网站综合制作实例
- 1、项目创建与整体布局
- 2、页面布局及样式实现
- 3、JavaScript动态效果实现
- 4、讨论环节
- 期末考试
- 附件1 课程术语中英文对照表
- 1、HTML5术语中英文对照表
- 2、JavaScript术语中英文对照表
- 3、常用工具查询表
- 附件2 HBuilder参考资料
- 附件3 课程相关资料
- 1、课程相关证书(X证书)
- 2、课程获奖证书
- 3、参考模板代码
- 4、优秀作品展示
- 5、面试题
- 6、课程学习资料
- 附件4 课程概述
- 附件5 课程标准
- 附件6 教案
- 附件7 网站开发技术(第一课)
- 附件8 大模型辅助开发及提示词工程
- 1 提示词
- 2 DeepSeek
- 3 豆包
- 4 Trae
- 5 cursor
- 附件9 期末项目实训
- 1 实训报告模板
- 2 期末实训项目
- 3 上交材料及要求
Taught by
Zhang Xiaonuo , Ancui Yuan, Gongqiang Wang, Nina Han, Xiaona Mao, Qingpeng Nie, and Wenlong Zhang