Данный видеокурс познакомит Вас с азами современной верстки сайтов Автор курса расскажет вам об основах сайтостроения и аспектах веб дизайна. Из курса Вы узнаете как создавать HTML-документ, как прописывать в нем теги, создавать различные элементы при помощи этих тегов, как оформлять страницу при помощи каскадных таблиц стилей, и как эти стили подключать к HTML-документу, что такое блочная верстка, как сделать фиксированный и резиновый макет.
Так же в курсе рассмотрены различные примеры для создания типичной веб-страницы, состоящей из шапки, колонок и подвала. Изучив этот виделкурс - Вы научитетесь оздавать классы CSS для тегов и познакомитесь с новыми тегами, создавать макет для сайта в Photoshop и многое другое. И совершенно не важно сколько Вам лет, и не нужно быть дизайнером или художником, чтобы с помощью приведённого курса научиться создавать завораживающие дизайны сайтов. А, что-бы Вам было легче воплотить это в реальный проект, то на этот случай в курсе присутствуют исходники (шаблонов) материалов рассмотренных в курсе тем, и несколько готовых шаблонов сайтов
Информация о видекурсе Название: Азы сайтостроения для начинающих. Обучающий Видеокурс + Шаблоны Год выхода: 2012 Автор: Оксана Турова Жанр: Обучающий Общая продолжительность: 07:02:47 Язык: Русский
Содержание:
Часть 1 - HTML 01. Создание HTML-документа 02. Структура HTML-документа 03. Создание простой статьи 04. Атрибуты тегов 05. Как вставить картинку в HTML 06. HTML ссылка 07. HTML таблица 08. Списки в HTML 09. Каскадные таблицы стилей 10. Основы HTML верстки. Часть 1 11. Основы HTML верстки. Часть 2 12. Удобные настройки в Notepad++ 13. Дополнительные материалы
Часть 2 - Вёрстка сайта 00. Классы в CSS 01. Фиксированный макет c одной колонкой 02. Шапка и подвал. Как прибить подвал к низу страницы 03. Создание контента 04. Фиксированный макет с двумя колонками 05. Фиксированный макет с тремя колонками 06. Резиновый макет сайта 07. Из PSD в HTML. Часть 1 08. Из PSD в HTML. Часть 2 - Верстка шапки. 09. Из PSD в HTML. Часть 3 - Верстка горизонтального меню 10. Из PSD в HTML. Часть 4 - Верстка вертикального меню 11. Из PSD в HTML. Часть 5 - Создание контентной части 12. Из PSD в HTML. Часть 5 - Верстка подвала 13. Использование LESS CSS 14. Подсветка LESS CSS кода в Notepad++ 15. Дополнительные материалы (исходники)
Часть 3 - Photoshop 01. Как нарисовать макет для сайта в Photoshop 02. Создание макета для сайта в Photoshop. Текстура 03. Создание логотипа и контактов 04. Рисуем горизонтальное меню 05. Горизонтального меню в стиле Apple 06. Рисуем вертикальное меню 07. Рисуем контентную часть и подвал 08. Создание кнопок для сайта в Photoshop 09. Настройка панелей в Photoshop 10. Размер блока при нарезке макета с помощью панели Info 11. Дополнительные материалы (исходники)
Скриншоты:
Совет: при изучении HTML и CSS старайтесь записывать весь код вручную. Так вы быстрее запомните и освоите структуру, правила, названия тегов и многое другое.
Скриншоты шаблонов:
Файл Формат: MP4 Качество видео: PCRec Видео: AVC, 1280x720, ~611 Kbps, 15.000 fps Аудио: AAC, 44.1 KHz, stereo, 128 Kbps Доп. материалы (исходники): Присутствуют Размер: 2,3 GB (+3% на восстановление)
