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

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






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

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

HTML Academy: Создание веб-интерфейсов с помощью HTML и CSS (2015) Видеокурс

Видеоуроки





Разместил: irchun

1-06-2015, 22:45

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





HTML Academy: Создание веб-интерфейсов с помощью HTML и CSS (2015) Видеокурс


Первый в России полностью онлайновый технологический курс профессионального уровня, построенный на базе нашей собственной платформы. Наша задача — сделать из любого новичка полноценного и востребованного специалиста начального уровня, готового работать в веб-индустрии.

Информация о курсе:
Название: Создание веб-интерфейсов с помощью HTML и CSS
Год выпуска: 2015
Автор: HTML Academy
Язык: русский
Жанр: обучающее видео

✔ Что вы получите от обучения:

Профессиональные навыки
› Полученные навыки позволят вам эффективного решать типовые профессиональные задачи HTML-верстальщика. Вы научитесь создавать современные веб-интерфейсы, работать с живым кодом, использовать новейшие технологии.

Старт карьеры
› Полученный уровень подготовки позволит с лёгкостью начать работать HTML-верстальщиком или другим интернет-специалистом (прототипировщиком, интернет-маркетологом, контент-менеджером, SEO-специалистом).
Повышение эффективности
› Если вы уже работаете в смежной IT-области: менеджером проектов, интернет-маркетологом, веб-дизайнером, то полученные навыки позволят вам существенно повысить свою эффективность. Например, вы сможете быстрее и точнее оценивать сложность задач, самостоятельно создавать посадочные страницы и так далее.

Качественный сайт своими руками
› В процессе обучения вы создадите свой сайт, выполненный в соответствии со всеми профессиональными стандартами. После чего вы разместите его в интернете.

✔ Программа интенсива:

В течение интенсива ученики с нуля сверстают как минимум два макета. Учебный макет будет общим для всех, над ним вы будете работать вместе с преподавателем на вебинарах.

Помимо учебного макета будет два варианта более сложных личных макетов. Над личными макетами вы будете работать и самостоятельно, и в паре с персональным наставником.

✔ 1 раздел: вводный

Вводная лекция про роль и место верстальщика в мире веб-технологий:
› устройство веба, TCP/IP, DNS, HTTP, URL-aдреса;
› регистрация домена, выбор хостинга, настройка веб-сервера;
› взаимодействие с другими специалистами.
Из лекции вы узнаете, что на самом деле происходит, когда вы:
› вводите в браузере адрес сайта и открываете страницу;
› регистрируете домен;
› заказываете хостинг;
› переносите сайт с хостинга на хостинг.

Во второй части вебинара поговорим про основы HTML/CSS и вёрстки:
› Базовый синтаксис HTML и CSS.
› Инструменты вёрстки: редакторы кода, инспекторы, полезные веб-сервисы.
› Немного о браузерах, браузерных движках и различиях между ними.
Практика: Выберем редактор, создадим скелеты учебного и личного проектов, создадим простейшие файлы-заготовки страниц и стилей.
Результат: Создан скелет проекта: структура папок и файлы-заготовки.

✔ 2 раздел: разметка
Cтруктура простейшего HTML-документа, базовые теги, подключение внешних ресурсов (стилей и скриптов).

Важнейшие теги для разметки содержания: текстовые теги, ссылки, изображения, контейнеры.

CSS-селекторы.

Наследование, каскадность и приоритеты в CSS.
Практика: Создадим HTML-разметку нескольких разнотипных интерфейсов. Попрактикуемся использовать подходящие теги, задавать имена классов, оценивать сложность разметки. Создадим HTML-разметку учебного и личного проектов.
Результат: Готова базовая HTML-разметка страниц проекта.

✔ 3 раздел: фотошоп, графика, стили текста
Фотошоп для верстальщика. Типовые задачи, которые выполняет верстальщик в фотошопе, и как это делать эффективно.

Форматы изображений в веб.

Работа с фонами.

Оформление текстов с помощью CSS.
Практика: В Фотошопе произведём замеры размеров и отступов, определим параметры шрифтов, а также нарежем изображения. Используем полученные данные для создания CSS-стилей. Зададим фоны для крупных блоков, стили для текстовых элементов: заголовков, абзацев, ссылок и т.д.
Результат: Подготовлена графика макета, готово оформление текстовых элементов

✔ 4 раздел: сетки
Блочная модель документа и поток документа.

Тонкости блочной модели.

Как управлять потоком документа?

Приёмы построения сеток.
Практика: Создадим несколько разнотипных сеток, например: «шапка/две колонки/подвал», «шапка/три колонки/подвал» и более сложные. Создадим сетки главной и внутренней страниц учебного и личного проектов.
Результат: Готовы сетки страниц проекта

✔ 5 раздел: декоративные элементы и мелкие детали
Позиционирование.

Использование псевдоэлементов.

Приёмы создания декоративных элементов.

Создание и использование спрайтов.
Практика: Используя различные приёмы из лекции, дооформим мелкие декоративные элементы главной страницы.
Результат: Завершённая вёрстка главной страницы проекта.

✔ 6 раздел: оформление контента
Таблицы и приёмы оформления таблиц.

Формы и приёмы оформления форм.

Оформление сложных элементов контента: списки, подписи к изображениям, сноски, галереи, списки товаров и т.д.
Практика: Оформим блоки содержания на типовой внутренней странице учебного макета. Создадим несколько таблиц и форм, и оформим их с помощью CSS. Затем создадим и оформим несколько сложных контентных элементов.
Результат: Завершённая вёрстка внутренней страницы проекта

✔ 7 раздел: введение в javascript
Введение javascript, написание простейших скриптов с помощью фреймворка VanillaJS
Практика: Для свёрстанных проектов добавим: динамическое открытие формы, интерактивную карту.
Результат: Оживим некоторые блоки вёрстки с помощью javascript

✔ 8 раздел: прогрессивное улучшение
Прогрессивное улучшение.

Критерии качества вёрстки, как отличить мастера от новичка.

Базовая оптимизация.

Подготовка к защите выпускного проекта.
Практика: Рассмотрим свёрстанные проекты с точки зрения критериев качества и прогрессивного улучшения, затем внесём правки и улучшим их. Оптимизируем подготовленные проекты.
Результат: Полностью завершённая, оптимизированная и «доведённая до блеска» вёрстка проекта.


HTML Academy: Создание веб-интерфейсов с помощью HTML и CSS (2015) Видеокурс HTML Academy: Создание веб-интерфейсов с помощью HTML и CSS (2015) Видеокурс HTML Academy: Создание веб-интерфейсов с помощью HTML и CSS (2015) Видеокурс HTML Academy: Создание веб-интерфейсов с помощью HTML и CSS (2015) Видеокурс


Информация о файле:
Формат: MP4
Видео: ~753-1170 Kbps, 25.0 fps, 1152x720-1728x1080
Аудио: AAC; 96 Kbps, 44 Hz
Продолжительность: 19:00:58
Размер архива: 7,46 Gb


Скачать HTML Academy: Создание веб-интерфейсов с помощью HTML и CSS (2015) Видеокурс










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

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

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

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

Фитискин Д., Дмитриев Е., Демидовский Д. HTМL версткa: с нуля до первого макета (2015) Видеокурс Фитискин Д., Дмитриев Е., Демидовский Д. HTМL версткa: с нуля до первого макета (2015) Видеокурс
Авторы программы обучения предлагают пройти видеокурс по изучению HTML-верстке. Пройдя его Вы узнаете: Как писать профессиональный HTML- и СSS-код, а также подбирать модульные сетки для макета. Как пользоваться базовыми инструментами Adobe Photoshop

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

Разработка приложений для ОС Android (2014) Видеокурс Разработка приложений для ОС Android (2014) Видеокурс
Базовый курс для изучения разработки приложений для OS Android в среде Eclipse. В курсе рассмотрены базовые элементы приложения, коды различных программ, которые наглядно покажут, как работать с теми или иными компонентами и ресурсами. По ходу курса

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

Уроки верстки для начинающих качественный сайт на 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, основы построения сайтов для сети Интернет. Вы получите необходимые навыки для




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





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

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

Книги




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