Web设计与应用
Web设计与应用
3万+ 人选课
更新日期:2026/04/03
开课时间2026/01/21 - 2026/07/20
课程周期26 周
开课状态开课中
每周学时-
课程简介
互联网,推动着人类文明迈向新的巅峰。通过本课程的学习及实践,你将从Web世界的浏览者、使用者成长为Web的建设者和贡献者。在Web学习之路上,我们会进入一方既陌生又熟悉的世界,透过浏览器,透过沉浸在我们周围的网页,探知陌生而诱人的架构及原理,感受见微知著的力量!昆明理工大学《Web设计与应用》教学团队期待与你携手,在未来已来的互联网文明大潮中,擎起Web的风帆!
课程大纲

在线教程

章节简介教学计划
Web技术概述
登录后可预览视频
走入web世界
潘晟旻
web架构
潘晟旻
web标准
潘晟旻
织梦平台下的Web站点创建与管理
潘晟旻
美的解构——HTML
认识HTML
田春瑾
笔墨春秋——HTML的文本标记
田春瑾
阡陌点染——HTML超链接及图片
田春瑾
棋布星罗——HTML表单与布局
田春瑾
织梦平台下的页面设计
田春瑾
溢彩流光——HTML多媒体
陈榕
懂你的——HTML5语义化标签
陈榕
显式之美——HTML5语义化布局
陈榕
妙笔丹青——HTML5Canvas画布
陈榕
智慧交互——HTML5表单进阶
陈榕
通往未来——HTML5新特性
陈榕
实例演示:站点首页设计及发布
陈榕
渲染的艺术——CSS
设色妙法——CSS基础
郭玲
丹青引——CSS选择器及页面引入
郭玲
晕染之道——CSS的层叠与继承
郭玲
点笔染翰——CSS的优先级
郭玲
行云流水——CSS的定位
郭玲
织梦平台下CSS的常规实现
郭玲
CSS与网页的色彩风格
郭玲
工笔之境——CSS的盒模型
CSS的盒子模型
方娇莉
盒模型下的样式表达
方娇莉
佳境天成——CSS3的过渡渐变与变形
CSS3渐变和过渡
方娇莉
CSS3变形
方娇莉
幻彩表达——CSS3动画
方娇莉
新UI设计——CSS3弹性盒布局
方娇莉
织梦平台下CSS3综合渲染实例
方娇莉
结构与样式的精美实现专题案例
制作导航栏
张春红
CSS滑动门制作导航
张春红
交互效果的下拉列表
张春红
页面交互
张春红
舞台背后的故事——JavaScript
JavaScript基础—初识javascript语言
普运伟
JavaScript基础—语法基础与流程控制
普运伟
JavaScript基础—函数
普运伟
JavaScript基础—对象
普运伟
JavaScript基础—事件
普运伟
JavaScript应用——环境检测
王凌
JavaScript应用——表单验证
王凌
JavaScript应用——页面特效
王凌
兵器库——jquery探秘
王凌
jquery Ajax
王凌
脚本与前端终极的对话——BOM与DOM
BOM模型简介
耿植林
Windows对象及应用
耿植林
location对象及应用
耿植林
history对象及应用
耿植林
Timing事件
耿植林
DOM树——以新视角认识HTML
黎志
DOM HTML
黎志
DOM CSS
黎志
DOM事件
黎志
DOM节点
黎志
敏捷的前端框架——Bootstrap
认识Bootstrap
姜迪
Bootstrap响应式布局(一)
姜迪
Bootstrap响应式布局(二)
姜迪
Bootstrap常用样式——表单
姜迪
Bootstrap常用样式——导航栏
姜迪
Bootstrap常用样式——轮播插件
姜迪
Bootstrap综合应用案例
姜迪
动态站点开发利器——Spring MVC
Spring MVC之Java语言简介
刘领兵
开发环境介绍
刘领兵
动态网站的原理和开发技术
刘领兵
Spring MVC编程模型
刘领兵
Spring MVC编程及实践
刘领兵
后台数据库技术
刘领兵
  • 第一章Web技术概述

    概述讲解Web技术

  • 1.1走入web世界

    web世界简介

  • 1.2web架构

    web架构介绍

  • 1.3web标准

    web标准介绍

  • 1.4织梦平台下的Web站点创建与管理

    dw的站点创建及管理介绍

  • 第二章美的解构——HTML

    多维度解构HTML

  • 2.1认识HTML

    认识HTML

  • 2.2笔墨春秋——HTML的文本标记

    HTML的文本控制标记介绍

  • 2.3阡陌点染——HTML超链接及图片

    超链接与图像标记介绍

  • 2.4棋布星罗——HTML表单与布局

    HTML表单介绍

  • 2.5织梦平台下的页面设计

    DW下的网页设计介绍

  • 2.6溢彩流光——HTML多媒体

    HTML5多媒体介绍

  • 2.7懂你的——HTML5语义化标签

    HTML5语义化标签介绍

  • 2.8显式之美——HTML5语义化布局

    html5语义化布局介绍

  • 2.9妙笔丹青——HTML5Canvas画布

    html5的canvas画布介绍

  • 2.10智慧交互——HTML5表单进阶

    html5表单进阶介绍

  • 2.11通往未来——HTML5新特性

    HTML5的新特性总结

  • 2.12实例演示:站点首页设计及发布

    实例演示:站点首页设计及发布

  • 第三章渲染的艺术——CSS

    完整学习CSS

  • 3.1设色妙法——CSS基础

    介绍CSS基础

  • 3.2丹青引——CSS选择器及页面引入

    介绍CSS页面引入

  • 3.3晕染之道——CSS的层叠与继承

    介绍CSS选择器

  • 3.4点笔染翰——CSS的优先级

    介绍CSS的层叠与继承

  • 3.5行云流水——CSS的定位

    介绍CSS的定位和布局

  • 3.6织梦平台下CSS的常规实现

    实例演示:CSS常见样式的DW实现

  • 3.7CSS与网页的色彩风格

    网页的色彩与风格介绍

  • 3.8工笔之境——CSS的盒模型

    CSS的盒模型介绍及样式表达

  • 3.9佳境天成——CSS3的过渡渐变与变形

    CSS的盒模型

  • 3.10幻彩表达——CSS3动画

    css3动画介绍

  • 3.11新UI设计——CSS3弹性盒布局

    css3弹性盒布局介绍

  • 3.12织梦平台下CSS3综合渲染实例

    综合实例“儿童摄影网”介绍页面渲染

  • 3.13结构与样式的精美实现专题案例

    制作导航栏、页面交互等专题案例介绍

  • 第四章舞台背后的故事——JavaScript

    JavaScript基础学习与应用

  • 4.1JavaScript基础—初识javascript语言

    初识javascript语言

  • 4.2JavaScript基础—语法基础与流程控制

    认识javascript基础—语法基础与流程控制

  • 4.3JavaScript基础—函数

    认识javascript基础—函数

  • 4.4JavaScript基础—对象

    认识javascript基础—对象

  • 4.5JavaScript基础—事件

    认识javascript基础—事件

  • 4.6JavaScript应用——环境检测

    介绍javascript应用——环境检测

  • 4.7JavaScript应用——表单验证

    介绍javascript应用——表单验证

  • 4.8JavaScript应用——页面特效

    介绍javascript应用——页面特效-1

  • 4.9兵器库——jquery探秘

    jquery探秘

  • 4.10jquery Ajax

    认识jquery Ajax

  • 第五章脚本与前端终极的对话——BOM与DOM

    BOM与DOM的简介与学习

  • 5.1BOM模型简介

    bom模型简介

  • 5.2Windows对象及应用

    介绍windows对象及应用

  • 5.3location对象及应用

    介绍location对象及应用

  • 5.4history对象及应用

    介绍history对象及应用

  • 5.5Timing事件

    介绍Timing事件

  • 5.6DOM树——以新视角认识HTML

    DOM简介

  • 5.7DOM HTML

    介绍DOM HTML

  • 5.8DOM CSS

    介绍DOM CSS

  • 5.9DOM事件

    介绍dom事件

  • 5.10DOM节点

    介绍dom节点

  • 第六章敏捷的前端框架——Bootstrap

    Bootstrap的响应式布局、常用样式与应用

  • 6.1认识Bootstrap

    认识bootstrap

  • 6.2Bootstrap响应式布局(一)

    介绍bootstrap响应式布局(一)

  • 6.3Bootstrap响应式布局(二)

    介绍bootstrap响应式布局(二)

  • 6.4Bootstrap常用样式——表单

    介绍bootstrap常用样式——表单

  • 6.5Bootstrap常用样式——导航栏

    介绍bootstrap——导航栏

  • 6.6Bootstrap常用样式——轮播插件

    介绍bootstrap——轮播插件

  • 6.7Bootstrap综合应用案例

    bootstrap综合应用案例介绍

  • 第七章动态站点开发利器——Spring MVC

    动态站点的开发利器——Spring MVC的编辑与实践

  • 7.1Spring MVC之Java语言简介

    MVC之Java语言简介

  • 7.2开发环境介绍

    Web开发环境介绍

  • 7.3动态网站的原理和开发技术

    动态网站的原理和开发技术介绍

  • 7.4Spring MVC编程模型

    spring Mvc编程模型介绍

  • 7.5 Spring MVC编程及实践

    spring Mvc开发实践介绍

  • 7.6后台数据库技术

    后台数据库技术介绍

  • 开始学习
  • 第一章  作业测试
    第一章 Web技术概述

    1.1 走入web世界

    1.2 web架构

    1.3 web标准

    1.4 织梦平台下的Web站点创建与管理

    视频数4
  • 第二章  作业测试
    第二章 美的解构——HTML

    2.1 认识HTML

    2.2 笔墨春秋——HTML的文本标记

    2.3 阡陌点染——HTML超链接及图片

    2.4 棋布星罗——HTML表单与布局

    2.5 织梦平台下的页面设计

    2.6 溢彩流光——HTML多媒体

    2.7 懂你的——HTML5语义化标签

    2.8 显式之美——HTML5语义化布局

    2.9 妙笔丹青——HTML5Canvas画布

    2.10 智慧交互——HTML5表单进阶

    2.11 通往未来——HTML5新特性

    2.12 实例演示:站点首页设计及发布

    视频数12
  • 第三章  作业测试
    第三章 渲染的艺术——CSS

    3.1 设色妙法——CSS基础

    3.2 丹青引——CSS选择器及页面引入

    3.3 晕染之道——CSS的层叠与继承

    3.4 点笔染翰——CSS的优先级

    3.5 行云流水——CSS的定位

    3.6 织梦平台下CSS的常规实现

    3.7 CSS与网页的色彩风格

    3.8 工笔之境——CSS的盒模型

    3.9 佳境天成——CSS3的过渡渐变与变形

    3.10 幻彩表达——CSS3动画

    3.11 新UI设计——CSS3弹性盒布局

    3.12 织梦平台下CSS3综合渲染实例

    3.13 结构与样式的精美实现专题案例

    视频数18
  • 第四章  作业测试
    第四章 舞台背后的故事——JavaScript

    4.1 JavaScript基础—初识javascript语言

    4.2 JavaScript基础—语法基础与流程控制

    4.3 JavaScript基础—函数

    4.4 JavaScript基础—对象

    4.5 JavaScript基础—事件

    4.6 JavaScript应用——环境检测

    4.7 JavaScript应用——表单验证

    4.8 JavaScript应用——页面特效

    4.9 兵器库——jquery探秘

    4.10 jquery Ajax

    视频数10
  • 第五章  作业测试
    第五章 脚本与前端终极的对话——BOM与DOM

    5.1 BOM模型简介

    5.2 Windows对象及应用

    5.3 location对象及应用

    5.4 history对象及应用

    5.5 Timing事件

    5.6 DOM树——以新视角认识HTML

    5.7 DOM HTML

    5.8 DOM CSS

    5.9 DOM事件

    5.10 DOM节点

    视频数10
  • 第六章  作业测试
    第六章 敏捷的前端框架——Bootstrap

    6.1 认识Bootstrap

    6.2 Bootstrap响应式布局(一)

    6.3 Bootstrap响应式布局(二)

    6.4 Bootstrap常用样式——表单

    6.5 Bootstrap常用样式——导航栏

    6.6 Bootstrap常用样式——轮播插件

    6.7 Bootstrap综合应用案例

    视频数7
  • 第七章  作业测试
    第七章 动态站点开发利器——Spring MVC

    7.1 Spring MVC之Java语言简介

    7.2 开发环境介绍

    7.3 动态网站的原理和开发技术

    7.4 Spring MVC编程模型

    7.5 Spring MVC编程及实践

    7.6 后台数据库技术

    视频数6
  • 期末考试
App 下载
关注我们