Видеокурс по созданию сайта | Задачи курса "Из глубин CSS-дизайна" | Предназначение HTML.
Видеокурс
Из глубин CSS-дизайна
Задачи курса:
- Развить навыки структурирования документа посредством div-блоков.
- Развить навыки создания гибкой HTML-разметки, позволяющей менять дизайн сайта посредством таблицы стилей.
- Развить навыки оформления сайтов посредством CSS .
Длительность курса: 5 часов 4 минуты.
Комментарии к видеоурокам
Урок #1. Предназначение HTML
42 минуты
На уроке рассматриваются вопросы:
- Пример негибкой табличной разметки с лишним оформительским кодом.
- Примеры сайтов зарубежных дизайнеров, созданных на основе разметки Дейва Ши.
- Создание абсолютных и относительных ссылок.
- Создание маркированных и нумерованных списков.
- Структурирование документа посредством div-блоков.
- Предназначение HTML — содержание и структура документа.
Урок #2. Дизайн #1
98 минут
Как выйти за пределы прямоугольника?
Мы привыкли лицезреть на экранах компьютеров прямоугольники в прямоугольниках. Если сайт сверстан посредством таблиц, то ничего другого и не остается. Но блочная верстка позволяет создавать более оригинальные макеты.
Если блок с особо значимой информацией вывести немного за пределы прямоугольника, то он будет смотреться эффектнее.
За основу берется HTML-разметка, созданная на уроке # 1.
На уроке рассматриваются вопросы:
- Основа CSS-технологии — применение отступов и полей.
- Создание классов для элементов для увеличения гибкости HTML-разметки.
- Отличие класса от уникального имени id: элемент с классом может повторяться, с id — нет.
- Применение абсолютного позиционирования — размещение блока в любом месте страницы.
- Секрет размещения блока в одном месте независимо от разрешения экрана компьютера.
- Создание горизонтального меню из списка.
- Вставка изображения в шапку документа header.
Комментарии к урокам раздела: 1-2 | 3-4 | 5-6
- Видеокурс
- Реклама