"Интенсив по профессиональной верстке сайтов" - это полностью вебинар, в котором вы под руководством персонального наставника учитесь верстать сложные макеты.
Информация о вебинаре Название: Интенсив по профессиональной верстке сайтов
Автор: Александр Першин, Николай Громов
Год выхода: 2014
Жанр: Вебинар
Содержание 1 раздел: вводный Теория Вводная лекция про роль и место верстальщика в мире веб-технологий: -устройство веба, TCP/IP, DNS, HTTP, URL-aдреса;
-регистрация домена, выбор хостинга, настройка веб-сервера;
-взаимодействие с другими специалистами.
Из лекции вы узнаете, что на самом деле происходит, когда вы: -вводите в браузере адрес сайта и открываете страницу;
-регистриуете домен;
-заказываете хостинг;
-переносите сайт с хостинга на хостинг.
Во второй части вебинара поговорим про основы HTML/CSS и вёрстки: -Базовый синтаксис HTML и CSS.
-Инструменты вёрстки: редакторы кода, инспекторы, полезные веб-сервисы.
-Немного о браузерах, браузерных движках и различиях между ними.
Практика -Выберем редактор, создадим скелеты учебного и личного проектов, создадим простейшие файлы-заготовки страниц и стилей.
2 раздел: разметка Теория -Cтруктрура простейшего HTML-документа, базовые тэги, подключение внешних ресурсов (стилей и скриптов).
-Важнейшие тэги для разметки содержания: текстовые тэги, ссылки, изображения, контейнеры.
-CSS-селекторы.
-Наследование, каскадность и приоритеты в CSS.
Практика -Создадим HTML-разметку нескольких разнотиповых интерфейсов. Попрактикуемся использовать подходящие тэги, задавать имена классов, оценивать сложность разметки.
-Создадим HTML-разметку учебного и личного проектов.
3 раздел: сетки Теория -Блочная модель документа и поток документа.
-Как управлять потоком документа?
-Приёмы построения сеток.
Практика -Создадим несколько разнотиповых модульных сеток, например: «хедер/две колонки/футер», «хедер/три колонки/футер» и более сложные.
-Создадим сетки главной и внутренней страниц учебного и личного проектов.
4 раздел: фотошоп, графика, стили текста Теория -Фотошоп для верстальщика. Типовые задачи, которые выполняет верстальщик в фотошопе, и как это делать эффективно.
-Форматы изображений в веб.
-Работа с фонами.
-Оформление текстов с помощью CSS.
Практика -В Фотошопе произведем замеры размеров и отступов, определим параметры шрифтов, а также нарежем изображения.
-Используем полученные данные для создания CSS-стилей. Зададим размеры, отступы и фоны для крупных блоков, зададим стили для текстовых элементов: заголовков, абзацев, ссылок и т.д.
5 раздел: декоративные элементы и мелкие детали Теория -Тонкости блочной модели.
-Позиционирование.
-Приёмы создания декоративных элементов.
-Создание и использование спрайтов.
Практика -Проработаем все мелкие детали учебного проекта. Для этого в Фотошопе произведем замеры и подготовим изображения, в том числе и спрайты.
-Затем, используя различные приёмы из лекции, дооформим мелкие декоративыне элементы главной страницы.
6 раздел: оформление контента Теория -Таблицы и приёмы оформления таблиц.
-Формы и приёмы оформления форм.
-Оформление сложных элементов контента: списки, подписи к изображениям, сноски, галереи, списки товаров и т.д.
Практика -Оформим блоки содержания на типовой внутренней странице учебного макета.
-Создадим несколько таблиц и форм, и оформим их с помощью CSS. Затем создадим и оформим несколько сложных контентных элементов.
7 раздел: полировка и оптимизация Теория -Критерии качества вёрстки, как отличить мастера от новичка.
-Приёмы и подходы к улучшению вёрстки, лучшие практики (normalize.css, прогрессивное улучшение и другие).
-Новые возможности HTML5+CSS3 и их правильное применение.
Практика -Рассмотрим свёрстанные проекты с точки зрения критериев качества и прогрессивного улучшения, затем внесём правки и улучшим их.
-Усовершенствуем проекты с помощью HTML5+CSS3.
Выпущено: Россия
Продолжительность: 13:18:53
Файл Формат: MP4, PDF, (+ макеты)
Видео: AVC, 1152x720/1280x720/1186x720, 25.000 fps, 618 Kbps
Аудио: AAC LC, 44.1 KHz, 192 Kbps
Размер файла: 5.48 Gb
Скачать Интенсив по профессиональной верстке сайтов (2014) Вебинар