Видеокурс по созданию сайта | Задачи курса "Из глубин CSS-дизайна" | Предназначение HTML.

Видеокурс

Из глубин CSS-дизайна

Задачи курса:

  1. Развить навыки структурирования документа посредством div-блоков.
  2. Развить навыки создания гибкой HTML-разметки, позволяющей менять дизайн сайта посредством таблицы стилей.
  3. Развить навыки оформления сайтов посредством CSS .

Длительность курса: 5 часов 4 минуты.

Комментарии к видеоурокам

Урок #1. Предназначение HTML
42 минуты

На уроке рассматриваются вопросы:

  1. Пример негибкой табличной разметки с лишним оформительским кодом.
  2. Примеры сайтов зарубежных дизайнеров, созданных на основе разметки Дейва Ши.
  3. Создание абсолютных и относительных ссылок.
  4. Создание маркированных и нумерованных списков.
  5. Структурирование документа посредством div-блоков.
  6. Предназначение HTML — содержание и структура документа.
Урок #2. Дизайн #1
98 минут
Как выйти за пределы прямоугольника?

Мы привыкли лицезреть на экранах компьютеров прямоугольники в прямоугольниках. Если сайт сверстан посредством таблиц, то ничего другого и не остается. Но блочная верстка позволяет создавать более оригинальные макеты.

Если блок с особо значимой информацией вывести немного за пределы прямоугольника, то он будет смотреться эффектнее.

За основу берется HTML-разметка, созданная на уроке # 1.

На уроке рассматриваются вопросы:

  1. Основа CSS-технологии — применение отступов и полей.
  2. Создание классов для элементов для увеличения гибкости HTML-разметки.
  3. Отличие класса от уникального имени id: элемент с классом может повторяться, с id — нет.
  4. Применение абсолютного позиционирования — размещение блока в любом месте страницы.
  5. Секрет размещения блока в одном месте независимо от разрешения экрана компьютера.
  6. Создание горизонтального меню из списка.
  7. Вставка изображения в шапку документа header.

Комментарии к урокам раздела: 1-2 | 3-4 | 5-6

Видеокурс
Реклама