|
Для кого предназначен курс: курс предназначен для тех, кто владеет первичными навыками работы с компьютером и хочет изучить один из этапов создания сайта - верстка.
Учебная программа:
Раздел 1: Основы разработки web-ресурсов
1) Модели информационной архитектуры;
2) Основные принципы «юзабилити»;
3) Понятие web-интерфейса;
4) Основные элементы web-страницы и способы их компоновки;
5) Разработка структуры сайта и система навигации. Основные элементы и типы панели навигации (navigation bar);
6) Обзор форматов web-графики: форматы GIF, PNG, JPEG. Конвертирование форматов;
Раздел 2: Спецификация и создание действительных документов
1) HTML 4.0 и XHTML 1.1: идеология, применение и направление развития;
2) Консорциум W3C;
3) Определение действительности в HTML и XHTML;
4) Кодировка документа, определение ее вида;
5) Проверка на действительность документа;
Раздел 3: Глобальная структура и синтаксис документа
1) Структура документа;
2) Синтаксис документа: элементы, пустые и непустые (открытые и закрытые) элементы или теги;
3) Атрибуты и значения атрибутов элементов;
4) Элемнты html, head, body;
5) Чувствительность к регистру и заключение атрибутов в кавычки в языках разметки HTML 4.0 и XHTML 1.1;
Раздел 4: Верстка документа. Таблицы
1) Таблицы: назначение и элементы таблицы;
2) Атрибуты таблицы и выравнивание содержимого в таблице;
3) Фиксированные и динамические таблицы;
4) Практическая работа: примеры табличной верстки с использованием элементов, подготовленных в графическом редакторе.
Раздел 5: Работа с текстом и списками
1) Структурирование текста;
2) Абзацы и новые строки;
3) Заголовки;
4) Стили текста;
5) Выравнивание текста;
6) Списки: маркированные, нумерованные и списки определений;
7) Эффективная работа со списками: вложение списков и атрибуты списков;
8) Определение цвета, кегля, гарнитуры, интерлиньяжа текста;
9) Добавление горизонтальных линеек;
Раздел 6: Гипертекст и связывание
1) Якорный элемент: абсолютное и относительное связывание;
2) Связывание изображений;
3) Внутренние и почтовые ссылки;
4) Тег link: связывание документа с листом стилей. Использование тега link для навигации;
Раздел 7: Формы
1) Синтаксис форм: элементы и атрибуты форм, типы элементов управления;
2) Построение формы. Добавление поля ввода, флажков и переключателей;
3) Добавление на страницу раскрывающихся списков и окон списков;
4) Добавление текстовой области;
5) Добавление кнопок передачи и сброса данных формы;
6) Практика web-дизайна: использование атрибутов method, action и значения hidden;
7) События и поведения. Типовые операции;
Раздел 8: Слои
1) Определение и основные свойства;
2) Создание слоев: теги div и span;
3) Особенности разработки макетов для блочной верстки;
4) Использование свойства float: выравнивание слоев, изображений;
5) Практическая работа: верстка главной страницы сайта с использованием элемента div и атрубута float;
Раздел 9: Изображения, мультимедиа и встраивание объектов
1) Встраивание и оптимизация web-графики. Добавление изображения на страницу;
2) Использование атрибутов представления в документах Transitional: атрибуты «ширина» и «высота», рамка изображения, атрибуты alt, title;
3) Связывание изображений;
4) Аудио и видео в web: форматы встраиваемого видео и аудио;
5) Принципы потоковых мультимедиа;
6) Технология Flash;
7) Внедрение объектов с помощью тега object. Добавление аплетов;
8) Элемента applet;
9) Карты ссылок;
Раздел 10: Использование листов стилей в XHTML 1.1
1) Основы листов стилей: разделение представления и структуры;
2) Каскадирование и наследование;
3) Методы применения листов стилей: встроенные, внедренные стили и связанные листы стилей;
4) Синтаксис листов стилей. Селекторы.
5) Классы и группирование;
6) Применение стиля к стексту: определение семейства гарнитур шрифта, размера, цвета, начертания, наклона и интерлиньяжа;
7) Оформление списков;
8) Использование изображений для оформления фона страницы;
9) Позиционирование элементов web-страницы c помощью CSS. Способы позиционирования;
10) Абсолютное и относительное позиционирование;
11) Точное размещение блочных элементов HTML-разметки в окне браузера: размеры блока, абсолютные и относительные координаты;
12) Наложение и вложение слоев, свойство z-index;
13) Управление видимостью слоя и видимостью содержимого слоя;
14) Создание макета сайта с фиксированными и масштабируемыми колонками;
15) Оформление форм с использованием CSS-свойств;
16) Создание выпадающего меню (Pop-Up Menu);
17) Практическая работа: создание горизонтального и вертикального меню навигации на основе списка рубрик с использованием CSS-свойств, создание макетов фиксированного и масштабируемого дизайна с использованием различных схем позиционирования.
Для повышения Вашей конкурентоспособности на рынке труда мы предлагаем курсы Web-дизайн: web-графика и анимация, Web-программирование.
Преимущество покупки курса у нас:
1.Уникальный курс на рынке по длительности, стоимости и учебной программе: отдельный курс по web-верстке (без смешивания с остальными этапами создания сайта)
2.Преподаватель-практик, с многолетним опытом работы в области web-верстки
3.По окончании курса Вы сверстаете готовый дизайн-макет сайта (выдаст преподаватель), и это будет первым вкладом в Ваше портфолио.
Преподаватель:
Образование: высшее, БГТУ, специальность - издательское дело; БГТУ, Web-дизайн и компьютерная графика.
Опыт работы: более 2 лет. Профессиональное владение программами Adobe Photoshop, Adobe Dreamweaver, Corel Draw.
Количество часов: 40 у.ч. (1 час - 40 минут)
Стоимость: 600 000Br
Дополнительная информация:
1.Просим Вас более ответственно относится к выбору курса, т.к. Администрация Центра не несет ответственности за несовпадение личностных, психологических и природных способностей слушателей и выбранного курса. Внимательно ознакомьтесь с должностными обязанностями или пройдите тест на Профессиональную ориентацию.
2. Учебные программы большинства курсов рассчитаны на базовый уровень слушателей, т.е. на тех, кто начинает изучать программу "с нуля". Однако в группе могут находиться слушатели, уровень которых немного выше.
|
