Web设计与应用
Web设计与应用
少于1000 人选课
更新日期:2026/04/01
开课时间2026/02/27 - 2026/08/31
课程周期27 周
开课状态开课中
每周学时-
课程简介

这门课会讲什么?

1.万物互联的时代,信息、计算、决策……都以可视化的方式呈现在人们面前,网页和网站成为基于互联网应用上的基本架构,Web的开发需求与日俱增。

2.Web设计是技术实现与艺术设计有机的结合体。表示层的信息呈现、逻辑层的程序设计、数据层的信息组织,需要学习者在学习过程中理清脉络、循序渐进。


3.昆明理工大学《Web设计与应用》教学团队,基于多年Web开发与应用经验,引领同学们从零起点入门,结合精彩案例,轻松步入Web这一异彩纷呈的世界。


你将收获什么?

1.以WEB的三层技术构架为主线,分别介绍WEB的呈现技术(HTML\CSS\Script)、业务逻辑实现技术、数据存取技术,帮助学习者一站式贯穿Web设计的技术路线。

2.运用专题式开展教学,理论讲解与实用工具、实用技术、主流应用相结合,引导学习者体现设计中的软件工程思想。

3.课程注重知识的更新,让学习者在庞大的WEB技术体系中习得主流的、实用的技术。

适合什么人学习?

计算机相关专业/平面/动画/工学等专业学生以及对程序应用设计感兴趣的社会学者

课程大纲

课程章节

  • Web技术概述
  • 美的解构——HTML
  • 渲染的艺术——CSS
  • 舞台背后的故事——JavaScript
  • 脚本与前端终极的对话——BOM与DOM
  • 敏捷的前端框架——Bootstrap
  • 动态站点开发利器——Spring MVC

Web技术概述

1.1 走入web世界

1.2 web架构

1.3 web标准

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

美的解构——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 实例演示:站点首页设计及发布

渲染的艺术——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 css3弹性盒布局

3.14 页面渲染综合实例

3.15 制作导航栏

3.16 CSS滑动门制作导航

3.17 交互效果的下拉列表

3.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

脚本与前端终极的对话——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节点

敏捷的前端框架——Bootstrap

6.1 认识Bootstrap

6.2 Bootstrap响应式布局(一)

6.3 Bootstrap响应式布局(二)

6.4 Bootstrap常用样式——表单

6.5 Bootstrap常用样式——导航栏

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

6.7 Bootstrap综合应用案例

动态站点开发利器——Spring MVC

7.1 Spring MVC之Java语言简介

7.2 开发环境介绍

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

7.4 Spring MVC编程模型

7.5 Spring MVC编程及实践

7.6 后台数据库技术

App 下载
关注我们