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