Азы сайтостроения для начинающих + шаблоны(2012)

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

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

Не важно сколько Вам лет, не нужно быть дизайнером или художником, чтобы с помощью предлагаемого Soft-wins.net курса научиться создавать сайты с завораживающим дизайном. Чтобы легче воплотить свои знания в реальный проект, в архиве присутствуют исходники материалов рассмотренных в курсе тем и несколько готовых шаблонов сайтов.

Информация о видекурсе
Название: Азы сайтостроения для начинающих. Обучающий Видеокурс + Шаблоны
Год выхода: 2012
Автор: Оксана Турова
Жанр: Обучающий
Общая продолжительность: 07:02:47
Язык: Русский

Содержание видеокурса:
Часть 1 - HTML

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

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

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

Часть 3 - Photoshop

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

Видео: MP4, AVC, 1280x720, ~611 Kbps, 15.000 fps
Аудио: AAC, 44.1 KHz, stereo, 128 Kbps
Общая продолжительность: 07:02:47
Размер: 2.3Gb