Описание курса

Базовый курс 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.
• Финальный тест. Сдача готового портфолио

Описание курса

Курс о расширяемом языке разметки 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