» » Интенсив по профессиональной верстке сайтов (2014) Вебинар
Популярное
    Интенсив по профессиональной верстке сайтов (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

    Другие новости по теме:

      Научитесь рисовать любые сайты в Фотошопе с нуля! (2014) Видеокурс SEO-Интенсив. О SEO по-жёсткому.(2014) II Видеотренинг Интенсив по дизайну лендингов (2014) Мастер-класс HTML PRO. Профессиональная вёрстка (2014) Вебинар Веб-дизайн для новичков. Интенсив 3.0 (2014) Интенсив по тех.дизайну (2014) Видеокурс Тренинг по профессиональной обработке фотографий 2.0 (2014) HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3. Видеокурс (2014) Joomla! Ваш первый сайт. Видеокурс (2014) HTML5 и CSS3 с Нуля до Гуру (2014) Видеокурс Как сделать свой сайт и даже немного на нем заработать. Александр Кузьменко (2014) Видеокурс Фоточтение. Онлайн интенсив - книга за 2 часа (2013) Вебинар
    Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
    Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

    Добавить комментарий

    Имя :*
    E-Mail:
    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent
    Вопрос:
    Два плюс 8=
    Ответ:*