Верстка сайта
Описание курса
Базовый курс HTML и CSS предназначен для введения и ознакомления с принципами работы Web-ориентированных технологий. Вы узнаете о порядке публикации документов в Web, ознакомитесь со структурой HTML-документа, научитесь создавать HTML-страницы с использованием элементов структуры HTML-документа. Также вам предстоит практическая работа с мультимедиа, средствами навигации, Divs-слоями и каскадными таблицами стилей CSS. По завершении базового курса вы будете готовы к переходу на основной курс обучения.
Требования к слушателям
- Владение ПК
Программа курса
- Введение в HTML
- Принципы работы Web-ориентированных технологий
- Архитектура «Клиент-сервер»
- Порядок публикации документа в Web
- Стандарт HTML. Структура HTML-документа
- Создание html-документа
- Создание гиперссылок
- Якоря
- Работа с текстом в HTML
- Основные теги работы с текстом
- Заголовки
- Абзацы
- Перенос строки
- Горизонтальные линии
- Жирный текст
- Курсив
- Подчеркивание
- Больший и меньший размеры
- Верхний и нижний индексы
- Цитаты
- Вставка спецсимволов
- Логические стили отображения символов
- Выделение текста
- Тег
- Особенности работы с тегом
- Работа с графикой
- Работа с цветом и цветовыми моделями
- Форматы изображений для WEB
- Работа с изображениями
- Встраивание изображений в HTML-документы
- Атрибуты изображений
- Позиционирование изображений
- Графические гиперссылки
- Работа с фоном
- Атрибуты фона
- Размер и варианты отображения фона
- Карты-изображения
- Тег
и его атрибуты
- Списки и таблицы
- Нумерованные списки
- Маркированные списки
- Вложенные списки
- Списки определений
- Понятие таблицы
- Основные составляющие таблицы
- Заглавные ячейки
- Пустые ячейки
- Вложенные таблицы
- Атрибуты таблиц
- Форматирование ячеек
- Объединение ячеек
- Использование фона в таблицах
- Табличная верстка: преимущества и недостатки
- CSS
- Понятие CSS
- Верстка с помощью CSS
- Подключение CSS
- Таблица связанных стилей
- Таблица глобальных стилей
- Внутренние стили
- Селекторы тегов
- Классы
- Идентификаторы
- Контекстные селекторы
- Соседние селекторы
- Дочерние селекторы
- Селекторы атрибутов
- Применение стилей для нескольких элементов
- Псевдоклассы и псевдоэлементы
- Наследование стилей
- Плюсы и минусы применения CSS
- Блочная верстка. Элемент div
- Элемент
- Преимущества блочной верстки
- Создание и наполнение
- Позиционирование элементов
- Свойства float и clear
- Вложенность слоев
- Внутренний и внешний отступы
- Настройка свойств padding и margin
- Формы и элементы форм. Метатеги
- Тег “f o r m “
- Тег “i n p u t”
- Элемент управления text
- Элемент управления password
- Элемент управления button
- Элемент управления textarea
- Элемент управления checkbox
- Элемент управления radiobutton
- Элемент управления select
- Элемент управления submit
- Элемент управления reset
- Группировка элементов формы
- Атрибуты элементов формы
- Понятие метатега
- Управляющие команды для браузера
- Информация о странице и ее авторе
- Метатеги для поисковых механизмов
- Подготовка дизайн-макета к верстке
- Разделение изображения на фрагменты
- Нарезка сайтов в Photoshop
- Оптимизация изображений для WEB
- Pixel perfect верстка
- Финальное занятие
- Сдача эказамена / проекта
После изучения курса вы сможете:
- Создавать структуру обыкновенной HTML-страницы
- Создавать текст на HTML-странице
- Размещать аудио, видео и изображения на HTML-странице
- Размещать ссылки на HTML-странице
- Размещать элементы HTML-страницы в определенном стиле
- Создавать Веб-формы
- Создавать страницы с помощью блоков
- Верстать макет сайта
- Где именно HTML-страница находится и как она передается в Интернет
- Как легко научиться писать HTML-страницу
- Кто именно придумал гипертекст и как
- Все основные элементы для написания текста на HTML-странице
- Как легко размещать аудио, видео, ссылки, таблицы, рисунки
- Что такое стиль HTML-страницы и как его применять для своих целей
- Как можно структурировать информацию на HTML-странице
- Что нужно для верстки макета и как это делать легко
Лекторы курса

Преподаватель
Описание курса
На основном курсе HTML 5.0 и CSS3 вы сможете углубить свои знания и умения в работе с Web-ориентированными документами. Мы познакомим вас с элементами HTML 5.0, определением кодировки и языка, проверкой и изменением структуры документа. Вы поработаете с текстом и фонами в CSS3, шрифтом и текстом в каскадных таблицах стилей. Кроме того, мы обучим вас работе с языком программирования Java Script, в ходе чего вы узнаете об арифметических, логических и условных операторах, поработаете с циклами, массивами данных и функциями. Также вам будут доступны основы Canvas. После прохождения основного курса ваши навыки углубятся до уровня, требуемого работодателями.
Требования к слушателям
- Владение ПК
- Знание HTML, CSS
- Знание JavaScript (уровень JavaScript Advanced)
Программа курса
- Вводные данные
- Элементы HTML 5.0
- Тест на проверку освоения материала
- Создание HTML-страницы с использованием элементов структуры HTML 5.0.
- CSS3. Работа с текстом и фонами
- Тест на проверку понимания
- Практическая работа с текстом и фонами в каскадных таблицах стилей
- CSS3. Работа с контейнерами
- Тест на проверку понимания
- Практическая работа с контейнерами в каскадных таблицах стилей.
- CSS3. Селекторы
- Тест на проверку понимания
- Практическая работа с контейнерами в каскадных таблицах стилей.
- Тест на проверку понимания
- Практическая работа с JavaScript
- HTML5. Подгружаемое и генерируемое содержимое. Семантическая раз метка.
- Тест на проверку понимания
- Практическая работа с разметкой
- HTML5. Хранения данных на стороне клиента
- Тест на проверку понимания
- Практическая работа с хранилищами данных.
- HTML5. Основы Canvas
- Тест на проверку понимания.
- Практическая работа с Canvas.
- Финальный тест. Сдача готового портфолио
Лекторы курса

Преподаватель
Курс читается 2 раза в неделю начало с 18:30*
Курс читается 2 раза в неделю начало с 18:30*
Описание курса
Курс о расширяемом языке разметки XML это 5 уроков, которые полностью рассматривают основы этого метаязыка. Вовремя прохождения курса Вы сможете выучить семантические конструкции XML языка, также языки трансформации и визуализации XML-документов XSL & XSLT, язык схем – DTD & XML Scheme, главные инструкции языка, основные атрибуты, элементы, объекты.
Программа курса расчитана на слушателей, которые желают участвовать в разработке корпоративных решений используя XML или тех, кто хочет получить базовые знания о XML.
По окончании курса, Вы будете понимать основы XML, как создать валидный, правильно сформированный документ, а также создать DTD схемы и XSLT документы. XML представляет собой сложный инструмент, но с помощью нашего курса Вы начнете Ваш путь к полному пониманию его.
Требования к слушателям
- Владение ПК
- Навыки работы с IDE
- Знание основ HTML
Программа курса
- Основы XML
- Что такое XML?
- Преимущества XML
- XML на практике
- Управление контентом
- Web Services, RDF / RSS-каналы
- XML-документы
- Элементы
- Атрибуты
- CDATA
- Пробелы
- Правила синтаксиса XML
- Специальные символы
- Создание простого XML-файла
- DTD
- Создание DTD
- Элемент
- Документ
- Другие элементы
- Выбор элементов
- Пустые элементы
- Смешанное содержимое
- Объявление Атрибута
- Проверка возможности XML-документа с DTD
- XML-схемы
- Причины перехода от DTD к XML-схемы
- Основные преимущества XML-схемы
- Простые XML-схемы
- Проверка документов по XML схеме
- Проверка документов по XML схеме
- Основы XSLT, XPath часть 1
- Расширяемый язык таблиц стилей
- xsl:template
- xsl:template
- xsl:text
- xsl:element
- xsl:element
- XPath и оси выборки, предикаты, типы данных и функции XPath
- Основы XSLT, XPath часть 2
- Циклы в XSLT
- Циклы в XSLT
- Условия с XSLT
- xsl:apply-templates
- xsl:call-template
- Группировки в XSLT
После изучения курса вы сможете:
- Создавать правильную и валидные XML документы
- Использовать DTD, XSLT, XML Scheme, и прочие технологии
- Применять полученные знания на практике при работе с XML