Видеокурс познакомит Вас с азами современной верстки сайтов. Автор курса расскажет вам об основах сайтостроения и аспектах веб дизайна. Из курса Вы узнаете как создавать HTML-документ, как прописывать в нем теги, создавать различные элементы при помощи этих тегов, как оформлять страницу при помощи каскадных таблиц стилей, и как эти стили подключать к HTML-документу, что такое блочная верстка, как сделать фиксированный и резиновый макет....

В курсе рассмотрены различные примеры для создания типичной веб-страницы, состоящей из шапки, колонок и подвала. Изучив этот видеокурс - Вы научитесь создавать классы CSS для тегов и познакомитесь с новыми тегами, создавать макет для сайта в Photoshop и многое другое.

И совершенно не важно сколько Вам лет, и не нужно быть дизайнером или художником, чтобы с помощью приведённого курса научиться создавать завораживающие дизайны сайтов. А, что-бы Вам было легче воплотить это в реальный проект, то на этот случай в курсе присутствуют исходники (шаблонов) материалов рассмотренных в курсе тем, и несколько готовых шаблонов сайтов.

Программа курса:
Часть 1 - HTML

• Создание HTML-документа
• Структура HTML-документа
• Создание простой статьи
• Атрибуты тегов
• Как вставить картинку в HTML
• HTML ссылка
• HTML таблица
• Списки в HTML
• Каскадные таблицы стилей
• Основы HTML верстки.
• Удобные настройки в Notepad++
• Дополнительные материалы

Часть 2 - Вёрстка сайта

• Классы в CSS
• Фиксированный макет c одной колонкой
• Шапка и подвал. Как прибить подвал к низу страницы
• Создание контента
• Фиксированный макет с двумя колонками
• Фиксированный макет с тремя колонками
• Резиновый макет сайта
• Из PSD в HTML
· Верстка шапки.
· Верстка горизонтального меню
· Верстка вертикального меню
· Создание контентной части
· Верстка подвала
• Использование LESS CSS
• Подсветка LESS CSS кода в Notepad++
• Дополнительные материалы (исходники)

Часть 3 - Photoshop

• Как нарисовать макет для сайта в Photoshop
• Создание макета для сайта в Photoshop. Текстура
• Создание логотипа и контактов
• Рисуем горизонтальное меню
• Горизонтального меню в стиле Apple
• Рисуем вертикальное меню
• Рисуем контентную часть и подвал
• Создание кнопок для сайта в Photoshop
• Настройка панелей в Photoshop
• Размер блока при нарезке макета с помощью панели Info
• Дополнительные материалы (исходники)

Качество: WebDL
Формат: MP4
Видео кодек: AVC
Аудио кодек: AAC
Видео: AVC, 1280x720, ~611 Kbps, 15.000 fps
Аудио: AAC, 44.1 KHz, stereo, 128 Kbps



Год выпуска: 2012
Страна: Россия
Тематика: Вёрстка сайта
Тип материала: Обучающее видео
Продолжительность: 07:02:47
Автор: Оксана Турова
Язык: Русский
Размер: 2.23 Gb