[HTML academy] Создание веб-интерфейсов с помощью HTML и CSS (2015)

[Moderator]

«Удалено по просьбе правообладателя» P.S. Курс доступен в премиум чате. ​ Автор: HTML academy Название: Создание веб-интерфейсов с помощью HTML и CSS Профессиональные навыки Старт карьеры Повышение эффективности Качественный сайт своими руками Спойлер: Описание 1 раздел: вводный Создан скелет проекта: структура папок и файлы-заготовки Вводная лекция про роль и место верстальщика в мире веб-технологий: устройство веба, TCP/IP, DNS, HTTP, URL-aдреса; регистрация домена, выбор хостинга, настройка веб-сервера; взаимодействие с другими специалистами. Из лекции вы узнаете, что на самом деле происходит, когда вы: вводите в браузере адрес сайта и открываете страницу; регистрируете домен; заказываете хостинг; переносите сайт с хостинга на хостинг. Во второй части вебинара поговорим про основы HTML/CSS и вёрстки: Базовый синтаксис HTML и CSS. Инструменты вёрстки: редакторы кода, инспекторы, полезные веб-сервисы. Немного о браузерах, браузерных движках и различиях между ними. Практика 2 раздел: разметка Готова базовая HTML-разметка страниц проекта Cтруктура простейшего HTML-документа, базовые теги, подключение внешних ресурсов (стилей и скриптов). Важнейшие теги для разметки содержания: текстовые теги, ссылки, изображения, контейнеры. CSS-селекторы. Наследование, каскадность и приоритеты в CSS. Практика 3 раздел: фотошоп, графика, стили текста Подготовлена графика макета, готово оформление текстовых элементов Фотошоп для верстальщика. Типовые задачи, которые выполняет верстальщик в фотошопе, и как это делать эффективно. Форматы изображений в веб. Работа с фонами. Оформление текстов с помощью CSS. Практика 4 раздел: сетки Готовы сетки страниц проекта Блочная модель документа и поток документа. Тонкости блочной модели. Как управлять потоком документа? Приёмы построения сеток. Практика 5 раздел: декоративные элементы и мелкие детали Завершённая вёрстка главной страницы проекта Позиционирование. Использование псевдоэлементов. Приёмы создания декоративных элементов. Создание и использование спрайтов. Практика 6 раздел: оформление контента Завершённая вёрстка внутренней страницы проекта Таблицы и приёмы оформления таблиц. Формы и приёмы оформления форм. Оформление сложных элементов контента: списки, подписи к изображениям, сноски, галереи, списки товаров и т.д. Практика 7 раздел: введение в JavaScript Оживим некоторые блоки вёрстки с помощью JavaScript Введение JavaScript, написание простейших скриптов с помощью фреймворка VanillaJS Практика 8 раздел: прогрессивное улучшение Полностью завершённая, оптимизированная и «доведённая до блеска» вёрстка проекта Прогрессивное улучшение. Критерии качества вёрстки, как отличить мастера от новичка. Базовая оптимизация. Подготовка к защите выпускного проекта. Практика Оптимизируем подготовленные проекты.