[Академия вёрстки] Базовый НТМL, CSS (Артем Исламов)

С нуля за 5 недель научим верстать адаптивные сайты и сформируем первые работы в портфолио под руководством опытного наставника! Что тебя ждет на курсе: - 5 недель ежедневной работы в Sublime Text 3 и Photoshop; - 30 подробнейших видеуроков по основам работы с HTML и CSS: от настройки рабочего пространства до готового сайта в портфолио; - Обратная связь по каждому домашнему заданию с комментариями от куратора; - Полноценная выпускная работа, которая станет первой для вашего будущего портфолио; Курс тебе подойдет, если ты: - Полный ноль и ничего не знаешь о коде; - Только начал разбираться в HTML, CSS самостоятельно; - Создавал сайты на Adobe Muse или конструкторах и хочешь научиться писать чистый код; - Уже ушел далеко, но чувствуешь пробелы в базе. Спойлер: Программа: Базовый HTML и CSS 01. Установка софта и настройка рабочего места верстальщика. - Установка редактора кода (На примере Sublime text 3) - Установка необходимых плагинов для ускорения вёрстки - Установка графического редактора (Adobe Photoshop) - Программа для быстрой смены раскладки клавиатуры (Punto Switcher) 02. Этапы создания сайта и работа в команде. - 6 этапов создания сайтов - Как совместной вести работу (Trello и другие Task менеджеры) - Установка графического редактора (Adobe Photoshop) - Обзор программ и сервисов для создания прототипов - Создаем и выгружаем свой прототип 03. Работа с дизайн-макетом. - Почему дизайн сайта должны делать не Вы? - Требования к дизайн-макету перед версткой (Правильная ширина холста и контента, разбивка по слоям и папкам, исходники шрифтов и графики, соблюдение сетки в 12 колонок (bootstrap) отрисованные эффекты при наведении) - Работа с дизайн-макетом для верстальщика (Создание документа, быстрые клавиши для удобной работы, работа по слоям и папкам, работа со смарт-объектами и векторной графикой, шрифты и начертания в макете, как правильно вырезать графику (SVG, PNG, JPEG), как векторизировать иконки, как правильно подобрать формат для графики, ускорение процесса, пишем свой первый макрос) 04. Подготовка проекта к верстке. - Директория (папка) с сайтом - Папки внутри главной директории - Установка node.js - Автообновление страницы (LiveReload и Browser-sync) 05. Знакомство с html - Что такое html разметка и как писать код правильно? - Теги в html. Виды тегов (Парные, не парные) - "Голова" документа - скрытая часть. Служебные теги - "Тело" документа - видимая часть - Атрибуты тегов (обязательные, общие и тд) - HTML5 теги (header, nav, section, article, footer и др) - Где посмотреть список всех тегов. Справочники html 06. Текстовые теги HTML - Как писать текст в html - Теги заголовков и абзацев - Теги марикрованных и нумерованных списков - Преображения текста (подчеркнутый, зачеркнутый текст) 07. Работа со ссылками в html - Для чего нужны ссылки и что они могут - Методы доступа по ссылке - Абсолютный и относительный путь - Якорные ссылки, что такое якорь - Что можно завернуть в ссылку - Ссылки на телефон, скайп и почту - Атрибуты ссылок 08. Изобр...