К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
XHTML - Positional CSS for Layout · LearnSpace
Назад в каталог
courseraПрограммирование

XHTML - Positional CSS for Layout

Курс от EDUCBA
Средний≈ 8 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Design professional, responsive web layouts by mastering CSS float and positioning techniques with XHTML and CSS. In this course, you'll move beyond outdated layout methods by examining the limitations of frames, tables, and image-based designs before learning modern approaches to page structure. You'll apply CSS float properties to common HTML elements, build two-column and three-column layouts, and create responsive designs using fluid and Jello layout techniques. As you progress, you'll organize content with semantic HTML lists, develop interactive CSS navigation menus, and implement vertical, horizontal, and nested menu structures. Finally, you'll gain precise control over page composition using absolute, relative, and fixed positioning, along with z-index for effective layering and visual hierarchy. This course is ideal for learners who want to strengthen their web layout and CSS design skills using standards-based techniques. Through hands-on layout construction, you'll develop the ability to create structured, maintainable, and responsive web pages without relying on outdated layout practices or JavaScript. Whether you're improving your front-end development skills or building a stronger foundation in CSS layouts, this course provides a practical path to designing clean, professional web interfaces.

Навыки, которые вы освоите

Coursera не указала навыки для этого курса.

Программа курса

3 модулей · 42 учебных материалов

01CSS Float-Based Layout Foundations16 материалов

Understanding Traditional Layout Challenges

Drawbacks Of Traditional LayoutВидеоBinary Encoding And Flash Web PagesВидеоUnderstanding Traditional Layout ChallengesЗадание

Mastering Floats with Common HTML Elements

Float With The Block Level ElementВидео

Учитесь у экспертов

EDUCBA

Преподаватель курса

XHTML - Positional CSS for Layout
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 8 ч

3 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Корейский, Немецкий, Индонезийский, Испанский, Японский, Казахский

Часть программы вашего университета
Float Attribute With ImageВидео
Float With ParagraphВидео
Float With Paragraph ContinuesВидео
Mastering Floats with Common HTML ElementsЗадание

Complex Layouts Using Floats

Float With FormsВидеоCreating A 2 Column DesignВидеоTuning Up The BordersВидеоCreating A 3 Column DesignВидеоComplex Layouts Using FloatsЗаданиеDesigning Flexible Web Layouts with CSS FloatsDIALOGUECSS Float-Based Layout FoundationsЗаданиеModernizing Page Layouts with CSS FloatsDIALOGUE
02Advanced Layouts and Menu Structures14 материалов

Responsive and Jello Layout Techniques

Using Min-Height AttributeВидеоJello LayoutВидеоExamples Jello LayoutВидеоExtra ExamplesВидеоResponsive and Jello Layout TechniquesЗадание

Building Lists and Navigation Menus

Vertical ListВидеоHorizontal ListsВидеоNested ListsВидеоHover EffectВидеоBuilding Lists and Navigation MenusЗадание

Real-World Menu Creation with CSS

Creating Menus with CSSВидеоExamples of Creating Menus with CSSВидеоReal-World Menu Creation with CSSЗаданиеAdvanced Layouts and Menu StructuresЗадание
03CSS Positioning Masterclass12 материалов

Absolute Positioning and Layering

Absolute PositioningВидеоWorking and Managing with Z-indexВидеоPage Layout with Absolute PositioningВидеоExamples Page Layout with Absolute PositioningВидеоAbsolute Positioning and LayeringЗадание

Fixed, Relative & Advanced Positioning

Fixed PositionВидеоRelative PositionВидеоExtra Examples for Using Alternative PositioningВидеоExtra Examples for Using Alternative Positioning ContinueВидеоFixed, Relative & Advanced PositioningЗаданиеCSS Positioning MasterclassЗаданиеReplacing Legacy Layouts with Float-Based ColumnsDIALOGUE