Интенсив по профессиональной верстке сайтов (2014) Вебинар

"Интенсив по профессиональной верстке сайтов" - это полностью вебинар, в котором вы под руководством персонального наставника учитесь верстать сложные макеты.

Информация о вебинаре
Название: Интенсив по профессиональной верстке сайтов
Автор: Александр Першин, Николай Громов
Год выхода: 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

0

Tweet

Похожие новости: