Электронная библиотека

ЭЛЕКТРОННАЯ БИБЛИОТЕКА






Добро пожаловать на сайт электронной библиотеки!
Здесь можно найти произведения русских и зарубежных авторов.
Скачать множество книг и журналов различных жанров и направлений.
Большой выбор художественной, бизнес, учебной и технической литературы.
Все представленные здесь книги и журналы имеют подробное описание и обложку.
Наша библиотека регулярно пополняется только новыми и интересными материалами!

«Подробнее о сайте»            «Правила сайта»            «Написать нам»            «Статьи»

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

Видеоуроки





Разместил: colt

24-07-2014, 19:07

Просмотров: 519





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


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









Похожие публикации

Профессия Верстальщик. Обучение (2015) Видеокурс Профессия Верстальщик. Обучение (2015) Видеокурс
На сегодняшний день фокус веб-разработки все больше переходит от бэкенда к фронтэнду, появляются новые фантастические возможности в этой области (HTML5, CSS3, JS) и, как следствие, профессия фронтэнд-разработчика (в прошлом верстальщика) становятся

Юрий Ключевский. Обучение профессия верстальщика (2015) Видеокурс Юрий Ключевский. Обучение профессия верстальщика (2015) Видеокурс
Вы сможете верстать страницы для десктопа и мобильных устройств, узнаете как работать с чужим кодом и правильно публиковать сайты в сети, соберете портфолио из 2-3 сайтов.

Алексей Меркулов. Оформление проектов в AutoCAD по ГОСТ (2014) Видеокурс Алексей Меркулов. Оформление проектов в AutoCAD по ГОСТ (2014) Видеокурс
Этот курс позволит Вам не тратить впустую время на рутинные операции при оформлении и печати чертежей проекта. Вы сможете сэкономить как минимум по 30 минут с каждого часа. Также Ваши проекты будут выглядеть аккуратно и стандатризировано.

HTML Academy: Создание веб-интерфейсов с помощью HTML и CSS (2015) Видеокурс HTML Academy: Создание веб-интерфейсов с помощью HTML и CSS (2015) Видеокурс
Первый в России полностью онлайновый технологический курс профессионального уровня, построенный на базе нашей собственной платформы. Наша задача — сделать из любого новичка полноценного и востребованного специалиста начального уровня, готового

Школа современных технологий. Web-Junior (2015) Видеокурс Школа современных технологий. Web-Junior (2015) Видеокурс
Ежегодный месячный онлайн курс по созданию сайтов от "Школы современных технологий". Сегодня ты только мечтаешь о том, чтобы начать создавать сайты, а совсем скоро уже можешь обучаться у нас.

Уроки верстки для начинающих качественный сайт на HTML5 и CSS3 (2014) Видеокурс Уроки верстки для начинающих качественный сайт на HTML5 и CSS3 (2014) Видеокурс
Вашему вниманию предлагаем курс по верстке состоящий из двух разделов – «Уроки HTML» и «Вёрстка в примерах». В первой части учебника основное внимание направлено на грамотное написание html-кода, изучение основных тегов, и проверку html-документа на

HTML и CSS. Уровень 1. Создание сайтов по стандартам W3C на HTML 5 и СSS 3 (2014) Видеокурс HTML и CSS. Уровень 1. Создание сайтов по стандартам W3C на HTML 5 и СSS 3 (2014) Видеокурс
HTML и CSS - основные языки разметки и стилей, с помощью которых разрабатываются веб-страницы. На курсе Вы изучите основы языка разметки HTML, способы применения CSS, основы построения сайтов для сети Интернет. Вы получите необходимые навыки для

Большая книга CSS3. 3-е издание Большая книга CSS3. 3-е издание
Большая книга CSS3 - C помощью технологии CSS3 (каскадные таблицы стилей) можно создавать уникальные, современные оформления веб-сайтов. Но даже самый опытный веб-разработчик может не знать всех приемов применения CSS3. Прочитав в этой книге




Отзывы и Комментарии





Добавление комментария

Ваше Имя:
Ваш 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

Книги




Союз образовательных сайтов