Обучающее видео

Азы сайтостроения для начинающих (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 ГБ):

Hennady 07/08/13 Просмотров: 2273
0