中级
提供者 : Cliff Brozo
7 章节 · 24 课时 · 2h 20m
语言：阿拉伯语, 德语, 英语, 西班牙语, 法语, 葡萄牙语, 简体中文
课程描述
层叠样式表（CSS）可为网页添加颜色、样式和动画，同时允许设计人员将格式与内容分开。
本中级课程基于CSS的基础知识上，教您如何使网站更加漂亮。由于移动设备现在约占所有网页流量的一半，因此对于网页设计人员来说，了解如何创建可自动调整以适应用户设备大小的响应式网页至关重要。在本课程中，您将学习如何使用CSS标题和导航栏创建菜单。我们还将探索辅助功能、内容窗口和页脚。本课程的其余部分将集中于响应式设计技术，包括视口、网格视图、容器、样式表单和图像库。在本课程结束时，您将能够创建漂亮的网页，在所有设备上完美呈现自己。
学习目标：
- 样式条款和辅助功能
- 使用网格视图创建页面
- 探索独特的导航栏
- 使用关键帧控制动画
- 创建令人难忘的表单
- 使用媒体查询
您将学到的内容
- 为文章和旁注设置样式以构建页面内容结构
- 使用 CSS 网格视图构建响应式页面布局
- 创建独特的导航栏、菜单、页眉和页脚
- 使用关键帧控制动画效果
- 设计令人印象深刻的样式化表单
- 应用媒体查询和视口设置，实现跨设备响应式设计
关键要点
- CSS 为网页添加颜色、样式和动画效果，同时将格式与内容分离。
- 本中级课程在 CSS 基础知识之上进一步深入，让网站焕发生机。
- 由于移动设备占据约一半的网络流量，网页设计师需要创建能够根据用户设备尺寸自动调整的响应式页面。
- 课程涵盖页面布局元素，包括菜单、导航栏、旁注、内容窗口和页脚。
- 响应式设计主题包括视口、网格视图、容器、表单样式和图片库，确保页面在所有设备上均能完美呈现。
常见问题
本课程适合哪些人学习？
这是一门中级课程，适合已掌握 CSS 基础知识、希望学习如何让网站焕发生机并实现跨设备响应式效果的网页设计师。
完成本课程后我能掌握哪些技能？
课程结束后，您将能够创建在所有设备上完美呈现的精美网页，包括为文章和旁注设置样式、构建网格布局、创建导航栏和表单，以及使用关键帧控制动画效果。
课程涵盖哪些响应式设计技术？
课程涵盖的响应式设计技术包括：视口、网格视图、容器、表单样式、图片库和媒体查询。
学习本课程需要哪些前置知识？
本课程以 CSS 基础知识为起点，因此适合已具备 CSS 基本概念的学习者。
课程各章节讲授哪些内容？
各章节内容涵盖：课程介绍、页面布局、响应式设计、网格设计、菜单、动画、表单和图片库，最后以总结收尾。
