静态网页设计项目实训-咸宁职业技术学院

静态网页设计项目实训

《静态网页设计实训》是计算机应用技术专业的一门专业核心课程，也是一门教、学、做一体化的综合技术专业课程。该课程对培养学生的网站建设岗位的职业能力起到支撑作用。在课程学习过程中培养学生的网站设计能力及网站开发能力，学生具备将客户需求归纳整理成文档的能力，具备使用平面设计、动画设计、网站编辑等软件工具的能力。通过本课程的学习，学生能按照正规的设计流程制作出客户满意的页面，为其职业发展提供坚实的技术基础。

课程属性：专业核心课

所属专业：计算机应用技术

院系：信息工程学院

学时安排：54

开课时间：2025-03-13 00:00:00-2025-06-30 00:00:00

2开课期数

0知识点

0技能点

6教学资源

3选课人数

开始学习收藏课程

课程大纲
课程概述
教学团队
知识图谱
能力图谱
AI工具台

第1章 HTM5新特性与CSS3新增选择器

1.1 HTML5新特性

1.2 CSS3新特性

1.3 HTML5语义化结构标签

1.4 CSS选择器

ppt
第2章 css3新特性及弹性布局

2.1 CSS背景设置

2.2 CSS阴影和渐变

2.3 CSS3 过渡（CSS3 transitions）

2.4 CSS3 变形（CSS3 transform）

2.5 CSS3 动画（CSS3 animations）

flex布局

ppt
第3章响应式Web设计

3.1 视口介绍

3.2 媒体查询

3.3 百分比布局

3.4 响应式栅格系统

3.5 弹性盒布局

3.6 综合案例

ppt
第4章响应式设计神器——Bootstrap

4.1 Bootstrap简介

4.2 Bootstra下载和环境安装

4.3 布局容器

4.4 导航栏（navbar）

4.5 按钮

4.6 栅格系统

4.7 响应式工具
第4章综合案例

案例1

案例2

案例3