Курсы

Internet и Web-технологии

HTML и основы дизайна web-сайтов. Уровень I.


Продолжительность: 26 ч    Тренер: Плохотников Роман    Дата проведения: 22.05.2017 - 07.06.2017    

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

«HTML и основы дизайна web-сайтов. Уровень I.» является основополагающим курсом в длинном ряду дисциплин, изучение которых необходимо для получения квалификации «Разработчик web-сайтов».
HTML является основным языком описания web-документов.
Язык CSS и основы JScript а также некоторые другие "продвинутые" темы рассматриваются в курсе «Продвинутый DHTML. Уровень II.»

Входные требования: Базовая компьютерная подготовка, Пользователь Интернет, рекомендуется Adobe Photoshop

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

Введение и основные понятия
• Понятие о гипертексте и разметке
• История развития web-технологий, от начала времён до сегодняшних дней: истоки Интернет, технологии представления информации, классификация и задачи различных web-технологий, версии языков разметки, средства просмотра и создания web-документов
Основы HTML
• Синтаксические конструкции языка
• Структура документа
• Основные теги
• Теги физического и логического форматирования
• Разбивка строк и сохранение пробелов
• Спецсимволы
• Разбор атрибутов и их значений на примере тегов HR и BODY
• Разметка текста, выравнивание, заголовки, шрифты, цвет
• "Фирменные" теги
• Практическая работа: форматирование текстового документа
Графика в Web
• Вставка изображений
• Форматы изображений
• Атрибуты тега IMG
• Фоновые изображения
• Цветовые модели, глубина цвета, подбор сочетания цветов, прозрачность, векторная и растровая графика, рекомендованные размеры и объёмы изображений, автоматизация обработки изображений в Adobe Photoshop
• Анимированные изображения: покадровая и твининговая анимация в Adobe ImageReady и Adobe Flash
• Практическая работа: создание анимированных роликов, подготовка графических материалов для фотогалерей
Гиперссылки
• Создание гиперссылок
• Внешние, внутрисистемные и внутристраничные ссылки, абсолютный и относительный URL, протоколы URI
• Атрибут TARGET
• Цветовые решения
• Навигация в web
• Практическая работа: создание документа с различными гиперссылками
Карты-изображения
• Карты CSIM
• Слайсы
• Rollover-эффекты
• Программы для вёрстки карт, слайсов и ролловеров
• Практическая работа: создание слайсов, карты, ролловера
Списки
• Нумерованные и маркированные списки
• Вложенные списки
• Нестандартные маркеры, имитация списков
• Списки определений
Таблицы
• Структура таблиц
• Фиксированные и резиновые размеры
• Объединение ячеек
• Дизайн таблиц
• Практическая работа: создание различных табличных макетов для главных страниц
Формы
• Текстовое, парольное, скрытое, файловое поля, типовые атрибуты
• Чекбоксы и радиокнопки
• Текстовая область
• Списки выбора
• Кнопки submit, reset, button, image
• Дополнительные теги форм
• Практическая работа: создание интерфейса формы заказов/анкеты
Фреймы
• Концепция фреймовой организации интерфейса, её преимущества и недостатки
• Структура фреймов
• Дизайн фреймов
• IFRAME
• Навигация по фреймсодержащему документу
• Практическая работа: создание системы меню для фотогалереи
Дополнительные темы или тест или практика