Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

网站开发技术

Rizhao Polytechnic via XuetangX

Go to class Write review

Scrimba

Free courses from frontend to fullstack and AI

CodeSignal

Introduction to Programming with Python

Overview

Coursera Flash Sale

40% Off Coursera Plus for 3 Months!

课程融合最新大模型辅助编程技术，按照课程标准与国家职业教学标准对接、与国家职业技能标准融通，教学内容与岗位工作融通，教学过程与Web前端开发过程融通，评价标准与企业质量标准对接、与技能大赛评分标准对接，以企业真实的前端设计案例为基础，系统构建5个项目和13个典型工作任务，项目间技术关联，形成完整的知识架构系统，技术全面覆盖Web前端设计师岗位工作需求。

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

Tags

china

Reviews

Start your review of 网站开发技术