Авторы программы обучения предлагают пройти видеокурс по изучению HTML-верстке. Пройдя его Вы узнаете: Как писать профессиональный HTML- и СSS-код, а также подбирать модульные сетки для макета. Как пользоваться базовыми инструментами Adobe Photoshop и обрабатывать изображения. Как создавать javascript-файлы и работать с библиотекой jQuery.
1. Введение
Основы клиент-серверного взаимодействия
*клиент-серверные взаимодействия,
*история HTML,
*инструменты разработчика.
Базовая HTML-разметка
*структура страницы,
*синтаксис HTML,
*понятие тега.
Знакомство с CSS
*базовые принципы CSS,
*синтаксис CSS,
*подключение CSS.
2. Основы HTML-разметки
Основные теги для разметки контента
*теги для работы с текстом,
*как работать с ссылками и изображениями,
*как представлять таблицы в HTML-верстке,
*что такое контейнеры (
).
Выбор сетки сайта
*примеры типовых сеток с демонстрацией приемов применения,
*табличная и блочная верстка,
*резиновая и адаптивная сетка.
Позиционирование блоков
*подробнее о взаимодействии блоков между собой,
*position, float, block/inline-block и другие,
*знакомство с нестандартными решениями.
3. Приближение результата верстки к макету
Работа с Photoshop
*обзор типовых задач, которые выполняет верстальщик в Photoshop,
*работа со слоями,
*нарезка, сохранение фрагментов.
Особенности подготовки изображений для верстки
*форматы изображений,
*приемы оптимизации,
*настройка полезных макросов в PS.
Верстка в точном соответствии с макетом
*форматирование текста с помощью CSS,
*единицы измерения в верстке и макете,
*замер расстояний и цветов в Photoshop,
*приоритеты и наследование в CSS.
Профессиональное оформление кода
*критерии оценки верстки (качественная, некачественная),
*специфика работы профессионалов,
*кроссбраузерность.
4. javascript
Возможности javascript
*взаимодействии JS с HTML и CSS,
*наиболее популярные случаи применения javascript.
Основы работы с библиотекой jQuery
*когда стоит применять jQuery,
*в чем его сильные и слабые стороны,
*как обращаться к элементам на странице,
*наиболее часто используемые возможности jQuery,
*подключение плагинов.
