Видео курс из четырнадцати уроков Андрея Морковина по div верстке сайта будет полезен не только для желающих перейти с устаревшей табличной верстки сайтов на блочную, но и для желающих понять принципы создания сайта.

Содержание видео курса
Урок 01 (09:03 минуты)
Как должен выглядеть хороший psd-макет сайта.
Как проанализировать качество макета.
Инструменты для верстки сайта: Photoshop и Dreamweaver.
Основы HTML и CSS.
Плагины для браузеров, которые облегчают труд верстальщика сайтов.
Урок 02 (05:21 минуты)
Знакомство с сервисом, который позволяет создавать HTML и CSS каркас верстки.
Урок 03 (09:39 минуты)
Подробное рассмотрение HTML-кода блочного сайта.
Урок 04 (09:35 минуты)
Разбор CSS-файла.
Свойства CSS-файла.
Синтаксис CSS.
Урок 05 (18:27 минуты)
Как изменять CSS-шаблон сайта.
Несколько приемов работы с Photoshop.
Урок 06 (15:09 минуты)
Как вырезать логотип из Photoshop-макета дизайна сайта.
Как сохранять логотип в правильный формат и вставлять в верстку.
Урок 07 (12:11 минуты)
Как добиться прозрачности фона изображения png-24 в IE6.
Урок 08 (16:22 минуты)
Абсолютное и относительное позиционирование div-блоков сайта.
Урок 09 (23:24 минуты)
Как разместить блок с горизонтальным меню и наполнить его ссылками.
Как при помощи CSS, поставим треугольные метки рядом с каждым пунктом меню.
Урок 10 (29:55 минуты)
Как сверстать вертикальное меню изменяющийся высоты.
Как пользоваться CSS-свойством z-index и другие хитрости.
Урок 11 (17:44 минуты)
Как объединить и вырезать изображения из слоев в Photoshop.
Урок 12 (11:01 минуты)
Как сверстать градиентную тень, которая видна слева и справа от сайта.
Как найти нужный слой в палитре слоев, правильно вырезать и сохранить требуемый фрагмент.
Урок 13 (33:43 минуты)
Формирование блока основного содержимого сайта.
Механизм наполнения контентом (визуальный редактор).
Урок 14 (22:00 минуты)
Как сверстать футер сайта.
Несколько наглядных советов по работе с Photoshop.

В видео уроках Андрей Морковин рассказывает об основных понятиях языка разметки гипертекста HTML и каскадных таблиц стилей CSS, а так же на примерах показывает основные моменты работы в программах Photoshop и Dreamweaver.

Скачать бесплатно:

Добавить в социальные закладки

• Blink
• del.ici.ous
• Digg
• Furl
• Google
• Simpy
• Spurl
• Y! MyWeb
• БобрДобр
• Мистер Вонг
• Yandex.Закладки
• Текст 2.0
• News2
• AddScoop
• RuSpace
• RUmarkz
• Memori
• Google Bookmarks
• Писали
• СМИ 2
• Моё Место
• 100 Закладок
• Ваау!
• Technorati
• RuCity
• LinkStore
• NewsLand
• Lopas
• Закладки - IN.UA
• Connotea
• Bibsonomy
• Trucking Bookmarks
• Communizm
• UCA
• Slashdot
• Magnolia
• Blogmarks
• Current
• Meneame
• Oknotizie
• Diigo
• Funp
• Hugg
• Dealspl.us
• N4G
• Mister Wong
• Faves
• Yigg
• Fresqui
• Care2
• Kirtsy
• Sphinn
• SaveThis.ru

(средний балл: 5,00 из 5)

 Loading ...