23 Октябрь 2009

<div> – основной инструмент блочной верстки. Работа с тегом.

Предлагаю вам, уважаемый читатель, познакомится с тегом <div>. Да так познакомится, чтобы никаких вопросов больше не возникало, о том, каким образом можно позиционировать, выравнивать, смещать, растягивать и сжимать этот блок.

Ведь тег <div> – это основной инструмент для позиционирования элементов сайта на странице и все его свойства и особенности нужно знать максимально подробно.

Информацию о теге я записал в формате видеоурока.

Тематика видеоурока:

  • Размеры блока div и контента, их соотношение.
  • Рассматриваю особенности позиционирования (position:absolute, position:fixed, position:relative).
  • Объясняю принципы построения плавающей модели.
  • Иллюстрирую необходимость использования свойства CSS clear:both.

Переходите к просмотру видео.

Первая часть видео на сервисе RuTube:

Вторая часть видео на сервисе RuTube:

Третья часть видео на сервисе RuTube:

Часть #1-1 на сервисе YouTube:

Часть #1-2 на сервисе YouTube:

Часть #2-1 на сервисе YouTube:

Часть #2-2 на сервисе YouTube:

Часть #3 на сервисе YouTube:

Из-за алгоритмов сжатия сервисов RuTube и YouTube серьезно падает качество записи. Если какие-то мелкие детали сложно рассмотреть, то, для этого случая, я залил видео в лучшем качестве на Deposit Files:

Как вы видите, я перешел на новый формат видеофайлов. Теперь вместо *.wmv я использую *.mp4, который весит заметно меньше.

Для воспроизведения данного формата у вас должен быть установлен соответствующий кодек. Если воспроизведения не происходит, то скачайте, например, K-Lite_Codec_Pack_520_Full. Я его уже скачал и загрузил себе на Deposit Files. Так что желающие могут дернуть его с Депозита (11.8 МБайт).

С уважением, Андрей Морковин.