Нетология - скачать курс HTML-верстка: с нуля до первого макета • Netology • Университет интернет профессий
Скидка на первый заказа -10%! Промокод X10.
Скидка на первый заказа -10%! Промокод X10.

Курс «HTML-верстка: с нуля до первого макета»

Курс «HTML-верстка: с нуля до первого макета»

Вы освоите инструменты HTML-верстки и научитесь разрабатывать сайты с нуля

Автор
Формат
Видео
Размер
8,5 Гб
Год
2016
Длительность
25 часов 40 минут
Продажник
999 руб.
11 900 руб.
Экономия: 10 901 руб.
Доступ сразу после оплаты
Безопасный платеж
Описание

Программа курса:

1. Введение

1.1 Базовая HTML-разметка

Клиент-серверные взаимодействия, история HTML. Инструменты разработчика. Работа с FTP клиентом. Структура страницы. Cинтаксис HTML. Понятие тега. Атрибуты.

1.2 Знакомство с CSS

Знакомство с CSS. Базовые принципы CSS. Основы синтаксисом. Подлючением CSS к HTML документу.

2. Основы HTML-разметки

2.1 Блочные и инлайновые элементы

Блочные элементы. Инлайновые элементы. CSS свойство display и управление поведением элемента при отрисовке свойство float и «плавающие» элементы. Другие виды поведения элементов.

2.2 Семантическая разметка документа

Основные теги для работы с текстом, оформление списков, работа со ссылками и изображениями, работа с таблицы, контейнеры (div).

2.3 Управление блоками в потоке

Основные способы поведения элемента в документе, display: none, display: inline, display: block, display: inline-block, display: list-item, table*, когда и как применять теми или иный способы.

2.4 Позиционирование блоков

«Плавающие» элементы и свойство float. Позиционирование. Блоков. static. Relative. Absolute. Fixed. Когда и как применять те или иный способы позиционирования.

3. Знакомство с CSS

3.1 CSS селекторы

Cелекторы тегов,идентификаторы и классы. Контекстные селекторы. Cоседи. Дети. Псевдокласс. Наследование и каскад. Приоритеты

3.2 Стили текста и оформления

Единицы измерения (размер, цвет). Шрифт: цвет, размер, межстрочное расстояние и т.д. Фон: цвет, изображение. Маркеры списка. Рамка. Обводка.

3.3 Стили позиционирования, отступы и размеры блоков

Размер блока. Поля (padding). Отступ (margin). Положение на странице. Алгоритм расчета ширины и высоты элементы.

4. Вёрстка сайта

4.1 Сетки

Построение сетки с использованием float. Построение сетки с использование display: inline-block. Плюсы и минусы каждого из подходов, и когда какой применять. Практика применения позиционирования. Отступы. Решение типовых задач, блок фиксированной ширины по центру. Подвал который всегда внизу. Фиксированная шапка. Две колонки фиксированной ширины. Три колонки фиксированной ширины. 4 и более колонок фиксированной ширины и в %. Выносные элементы (уши).

4.2 Процесс верстки сайта

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

4.3 Профессиональное оформление кода

Критерии оценки вёрстки (качественная, некачественная), соглашения по оформлению кода в HTML, CSS, JavaScript, принцип именования переменных, классов, методов. Специфика работы профессионалов.

4.4 Возможности JavaScript

Что такое JavaScript. Область применяется JavaScript. Взаимодействие JavaScript с HTML документом. Демонстрация примеров.

5. Детальное приближения результата верстки к макету

5.1 Работа с Adobe Photoshop, вёрстка в точном соответствии с макетом

Типовые задачи, которые выполняет верстальщик в Photoshop, работа со слоями. Нарезка, сохранение фрагментов. Единицы измерения в верстке и в макете. Замер расстояний и цветов в Photoshop.

5.2 Особенности подготовки изображений для верстки

Форматы изображений. Приемы оптимизации. Настройка полезных макросов в PS.

Отзывы
Оплата

Оплата

Цены, указанные на сайте, являются окончательными и не требуют доплат. Все налоги включены в стоимость товара. Если у вас возникают проблемы с оплатой, то можете написать в чат на сайте, и мы оперативно решим проблему.


Оформление заказа

После выбора товара нажмите кнопку В корзину — товар добавится в вашу корзину.

Далее, если вы закончили выбирать товар, нажмите кнопку ваша корзина.

На странице ваша корзина будут перечислены все выбранные вами товары.

В колонке Действия над каждым товаром можно произвести следующие действия: либо удалить товар из корзины, либо отложить товар в Избранное.

Также можно ввести Промокод скидки в соответствующее поле (В нашем магазине довольно часто проходят распродажи, поэтому рекомендуем подписаться на наши новости)


Оформление и подтверждение заказа

После ввода необходимой информации для оформления заказа вам нужно нажать кнопку Оформить заказ.

Если вы хотите оплатить свой заказ банковской картой, то выбрать способ оплаты Visa/Mastercard и ввести данные. 

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

Ссылка для скачивания вашего материала будет выслана на ваш e-mail, указанный при оформлении заказа, а также появится в Личном кабинете в разделе Мои тренинги, где у вас будет постоянный доступ к материалам.

Внимание! Неправильно указанный адрес электронной почты может привести к дополнительной задержке! Пожалуйста, внимательно проверяйте ваши персональные данные при регистрации и оформлении заказа.


«Нетология» — это университет по подготовке и дополнительному обучению специалистов в области интернет-маркетинга, управления проектами, дизайна, проектирования интерфейсов и веб-разработки. 


В рамках нашей онлайн-платформы студенты получают ценные практические знания от лучших экспертов Рунета, выполняют практические задания на отработку полученных навыков, общаются с экспертами и единомышленниками.