Web设计与应用
Web设计与应用
少于1000 人选课
更新日期:2025/05/16
开课时间2025/02/21 - 2025/05/28
课程周期14 周
开课状态开课中
每周学时-
课程简介

【省级一流线上课程——Web设计与应用 简介】

沉舟侧畔千帆过,Web技术伴随互联网的发展而历久弥新。从PC到移动端,从个人播客空间到大型电子商务站点,Web无处不在。Web综合技术应用特征明显,与行业领域结合度深,艺术设计与技术实现相融合,视觉形象表现突出,富有时代气息。上述特征,往往令学习者心向往之,但又经常望而却步、临渊羡鱼。

Web设计与应用课程,从零起点出发,以实例化的教学方式,从基本到前沿,引领学习者洞悉表示层、探索业务逻辑层、连通数据层。在熟练掌握HTML、CSS、JavaScript传统前端技术的同时,接触敏捷框架Bootstrap,了解Spring MVC,与现代Web开发主流技术亲密接触。

本课程秉承模块化教学内容设计理念,分设“走进Web世界”、“美的解构——HTML”、“渲染的艺术——CSS”、“舞台背后的故事——JavaScript”、“终极的对话——BOM与DOM”、“敏捷的框架——Bootstrap”、“动态站点开发——Spring MVC”等七个模块,彼此独立而又递进呼应,适合不同学习需求的学习者进行其所关注领域知识的撷取。纵览全课,使学生掌握网页设计与网站开发的基本技术,熟悉信息的加工、发布、管理、维护的流程,能够掌握动态网站开发的一种主流技术,以适应信息时代的发展,支撑未来网络环境下的学习及工作,是本课程开设的初心。


课程大纲
第1章 Web技术概述
第1节 走进Web世界
第2节 Web架构
第3节 Web标准
第4节 织梦平台下的Web站点创建与管理
第1章小测验
第2章 美的解构——HTML
第1节 认识HTML
第2节 笔墨春秋-HTML的文本标记
第3节 阡陌点染-HTML超链接及图片
第4节 棋布星罗——HTML的表单与布局
第5节 织梦平台下的页面设计
第6节 溢彩流光——HTML多媒体
第7节 懂你的——HTML5语义化标签
第8节 显式之美——HTML5语义化布局
第9节 妙笔丹青——HTML5Canvas画布
第10节 智慧交互——HTML5表单进阶
第11节 通往未来——HTML5新特性
第12节实例演示:站点首页设计及发布
第2章小测验
第3章 渲染的艺术——CSS
设色妙法——CSS基础
丹青引——CSS选择器及页面引入
晕染之道——CSS选择器
点笔染翰——CSS的优先级
流水行云——CSS的定位
织梦平台下CSS的常规实现
CSS与网页的色彩风格
工笔之境——CSS的盒模型
第9节 佳境天成——CSS3的过渡渐变与变形
幻彩表达——CSS3动画
新UI设计——CSS3弹性盒布局
织梦平台下CSS3综合渲染实例
结构与样式的精美实现专题案例
第3章小测验
第4章 舞台背后的故事——JavaScript
JavaScript基础—初识JavaScript语言
JavaScript基础—语法基础与流程控制
JavaScript基础—函数
JavaScript基础—对象
JavaScript基础—事件
JavaScript应用——环境检测
JavaScript应用——表单验证
JavaScript应用——页面特效
兵器库——Jquery探秘
Jquery Ajax
第4章小测验
第5章 脚本与前端终极的对话——BOM与DOM
BOM模型简介
Windows对象及应用
Location对象及应用
History对象及应用
Timing事件
DOM树——以新视角认识HTML
DOM HTML
DOM CSS
DOM事件
DOM节点
第5章小测验
第6章 敏捷的前端框架——Bootstrap
认识Bootstrap
Bootstrap响应式布局(一)
Bootstrap响应式布局(二)
Bootstrap常用样式——表单
Bootstrap常用样式——导航栏
Bootstrap常用样式——轮播插件
Bootstrap综合应用案例
第6章小测验
第7章 动态站点开发利器——Spring MVC
Spring MVC之Java语言简介
开发环境介绍
动态网站的原理和开发技术
Spring MVC编程模型
Spring MVC编程及实践
后台数据库技术
第7章小测验