Войти на сайт   Зарегистрироваться

Авторизация

Логин:Пароль:
в сети 2784-й день
расширенный поиск
2015, 2016, Chillout, Clipart, Dance, Deep House, design, Downtempo, Graphic, House, Lounge, MP3, Photo, photoshop, Pop, Portable, Stock, Trance, аудиокнига, бесплатно, видео, видеокурс, Графика, дизайн, документальный, игры, история, клип, Клипарт, книга, книги, обои, обучающее видео, поп, программы, сборник, система, скачать, Скачать видеоурок, софт, фантастика, фильм, фото, фотошоп   → показать все теги
0

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


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


Автор: colt

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

Уроки верстки для начинающих качественный сайт на HTML5 и CSS3 (2014)
Уроки верстки для начинающих качественный сайт на HTML5 и CSS3 (2014)
Вашему вниманию предлагаем курс по верстке состоящий из двух разделов – «Уроки HTML» и «Вёрстка в примерах». В первой части учебника основное внимание направлено на грамотное написание html-кода,...
HTML и CSS. Основы создания сайтов (2012)
HTML и CSS. Основы создания сайтов (2012)
Курс HTML и CSS. Основы создания сайтов — это первая ступень в обучении профессии “Веб-разработчик”, так как без знания этих языков невозможно изучать веб-программирование. Поэтому данный курс...
HTML и CSS. Уровень 1. Создание сайтов по стандартам W3C на HTML 5 и СSS 3  ...
HTML и CSS. Уровень 1. Создание сайтов по стандартам W3C на HTML 5 и СSS 3 ...
HTML и CSS - основные языки разметки и стилей, с помощью которых разрабатываются веб-страницы. На курсе Вы изучите основы языка разметки HTML, способы применения CSS, основы построения сайтов для...
  Имя:                 Email:  

Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Результат сложения Четырех и Шести