|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/html-css-full/
课程评论：没有评论
**HTML 与 CSS：从零开始的完整网页布局课程** 本课程将带您深入学习 HTML 和 CSS 的全部知识，并通过实践项目，从零开始构建多个登陆页面和网站组件。无论您是刚刚踏入网页开发领域，希望创建自己的网站或完整的应用程序，还是已经是一名网页开发者，希望梳理和巩固您的布局知识，学习 Flexbox 和 Grid 等高级布局技术，本课程都将是您的理想选择。 **课程内容亮点：** * **HTML5 基础与语义化布局：** 掌握 HTML5 的核心概念，学习如何使用语义化标签构建结构清晰、易于理解的网页。 * **可访问性与屏幕阅读器：** 了解网页可访问性的重要性，学习如何确保您的网站能够被所有用户（包括使用屏幕阅读器的用户）无障碍访问。 * **表单与表格的实践：** 熟练掌握 HTML 表单和表格的创建与使用，实现数据输入和信息展示。 * **CSS 基础与 Figma 设计：** 学习 CSS 的基本语法和常用属性，并结合 Figma 进行设计辅助，将视觉设计转化为实际的网页布局。 * **伪类与伪元素：** 深入理解 CSS 伪类和伪元素的强大功能，为网页元素添加交互性和视觉效果。 * **样式层叠与特异性：** 掌握 CSS 级联和特异性的原理，有效管理和控制样式应用。 * **文档流与盒子模型：** 深入理解文档流和盒子模型，精确控制元素的布局和尺寸。 * **单位与颜色：** 学习各种 CSS 单位的用法，以及颜色在网页设计中的灵活应用。 * **动画效果：** 为您的网页增添动态美感，学习创建各种 CSS 动画。 * **响应式布局：** 掌握如何创建适应不同屏幕尺寸的响应式网页，提供跨设备一致的用户体验。 * **CSS Flexbox 与 Grid 布局：** 重点学习 Flexbox 和 Grid 两种强大的 CSS 布局模块，实现灵活且高效的页面布局。 **学习方式：** 课程包含理论讲解和 Live-code 演示，我们将一起编写代码，深入剖析 HTML 和 CSS 的工作原理。每个模块结束后，您将通过测试巩固所学知识。本课程高度注重实践，提供大量练习机会，帮助您熟练掌握各项技能。 **课程成果：** 完成本课程后，您将具备构建几乎任何复杂度的网页页面的知识和技能。 **先修知识：** 无需任何网页开发经验。本课程是学习 JavaScript 和 React、Angular、Vue 等前端框架的坚实基础。
В этом курсе мы изучим всё об HTML и CSS и сверстаем несколько посадочных страниц и отдельных компонент сайта. Он подойдёт тем, кто только хочет погрузиться в веб разработку и создавать свои сайты или полноценные приложения. HTML и CSS является базой перед переходом к JavaScript и фреймворкам типа React, Angular или Vue, поэтому от вас не потребуется вообще никаких знаний. Так же он подойдёт тем, кто уже пишет веб приложения, но хочет структурировать свои знания по вёрстке и почерпнуть техники работы с flex и grid. Все эти знания мы применим на вёрстке реальной страницы сайта PurpleSchool, сравнивая различные подходы к вёрстке.В курсе мы детально изучим:Основы HTML5 и семантическую вёрсткуДоступность и работу Screen ReaderРаботу с формами и таблицамиОсновы CSS и работу в FigmaПсевдоклассы и элементыКаскад и специфичность стилейРаботу потока документа и блочную модельРазличные единицы измерения и особенности работы с цветомАнимациюАдаптивную вёрсткуCSS FlexboxCSS GridЛекции содержат как теоретическую часть, так и live-code, где мы вместе будем писать код, разбираю особенности работы HTML и CSS. В конце каждого модуля вас ожидает тест, который позволит укрепить ваши знания. Этот курс направлен на практику, потому в курсе сделан упор на большое число упражнений, которые позволит закрепить знания.В результате курса вы получите знания и навыки для вёрстки страниц практически любой сложности.
