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

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

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

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

Содержание:

Часть 1 - HTML

1. Создание HTML-документа
2. Структура HTML-документа
3. Создание простой статьи
4. Атрибуты тегов
5. Как вставить картинку в HTML
6. HTML-ссылка
7. HTML-таблица
8. Списки в HTML
9. Каскадные таблицы стилей
10. Основы HTML-верстки. Часть 1
11. Основы HTML-верстки. Часть 2
12. Удобные настройки в Notepad++
13. Дополнительные материалы

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

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

Часть 3 - Photoshop

1. Как нарисовать макет для сайта в Photoshop
2. Создание макета для сайта в Photoshop. Текстура
3. Создание логотипа и контактов
4. Рисуем горизонтальное меню
5. Горизонтального меню в стиле Apple
6. Рисуем вертикальное меню
7. Рисуем контентную часть и подвал
8. Создание кнопок для сайта в Photoshop
9. Настройка панелей в Photoshop
10. Размер блока при нарезке макета с помощью панели Info
11. Дополнительные материалы (исходники)

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

 

Скачать обучающий видеокурс с шаблонами (2,3 ГБ):