Интенсив по профессиональной верстке сайтов. Вебинар (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.
Главная страница
Обратная связь
Карта сайта
Форум
Правила сайта
Программы • Coфт
Музыка MP3 • Flac
Фильмы • Видео
Клипы • Ролики
Игры на ПК
Обои для рабочего стола
Cкринсейверы
Юмор • Приколы
Книги • Чтиво
Все для мобилы
Аудиокниги
Разное
Журналы
Видеоуроки
Все для Photoshop
Ты здесь: -й день
