«Web-мастер» Программа Курс рассчитан на 100 часов

Программа «Web-мастер»
Курс рассчитан на 100 часов
Преподаватель – Приходько О.В.
Мастер-класс «Web-дизайн» предназначен для обучения навыкам самостоятельного создания достаточно
сложных веб-сайтов. Мастер класс охватывает все стадии разработки веб-сайтов: от первоначальных набросков
в графическом редакторе до конечного программирования и размещения готового сайта в сети Интернет. Курс
подразумевает достаточно большой объем самостоятельной практической работы и подкреплен большим
количеством примеров современных веб-сайтов с их соответствующим анализом.
Полученные в процессе обучения знания должны расширять уровень компьютерной грамотности в области
веб-дизайна, способствовать развитию эстетического вкуса и также могут быть полезны при выполнении
любой дизайнерской работы.
Предварительно желательно иметь знания по курсу «Компьютерная графика», в частности обладать навыками
работы с программой «Adobe Photoshop», а также владеть основами навигации в сети Internet.
Цель курса:
Дать знания об основных принципах создания веб-сайтов, удовлетворяющих современным стандартам
всемирной сети Internet.
Задачи курса:
-
Познакомить со спецификой веб-дизайна;
Обучить основам языка программирования HTML 4.0 для самостоятельного создания веб-сайтов;
Познакомить с каскадными таблицами стилей CSS-2, являющимися современным стандартом WWW;
Научить слушателей использовать современные программные продукты в процессе создания сайтов.
Содержание курса
Введение (3 часа)
Типы сайтов. Личные страницы. В мире .org – некоммерческие сайты. Корпоративные сайты.
Сайты дизайнерских компаний. Контент-сайты.
Устройство
сайта. Топология сайта. Древовидные (иерархические) и линейные
(последовательные) структуры сайтов. Распределение материала. Фреймы и окна. Преимущества и
недостатки фреймов. Первая страница. Сплэш-страница.
1. Язык разметки HTML 4.0 (25 часов)
1.1. Разработка веб-страниц. Размышления о будущем сайте. Макет сайта на бумаге.
Photoshop как инструмент создания макетов страниц.
1.2. Средства HTML. Текстовые редакторы, редакторы HTML, Визуальные редакторы
WYSIWYG.
1.3. Основы HTML. Правила построения HTML-документов. Списки. Графические изображения в
HTML.
1.4. Приемы создания макетов HTML. Таблицы. Фреймы. Карты изображений.
1.5. Работа с HTML и связанными файлами. Сохранение файлов. Принципы выбора
названий файлов. Перемещение файлов с помощью FTP.
2. Таблицы стилей CSS-2 (20 часов)
2.1.
2.2.
2.3.
2.4.
2.5.
Методы применения и синтаксис таблицы стилей.
Встроенный стиль.
Внедренный стиль.
Связанные таблицы стилей.
Основные свойства и значения.
3. Работа с программой ImageReady. (15 часов)
3.1. Оптимизация графических файлов.
3.2. Разбиение изображений.
3.3. Эффект перекатывания (Roll-over).
3.4 Gif-анимация. Изготовление рекламных баннеров.
4. Дизайн веб-сайтов (12 часов)
4.1. Формат страницы. Ограничения формата в веб-дизайне. Различное разрешение мониторов.
Видимая часть страницы для PC, Macintosh и WebTV. Горизонтально прокручиваемые страницы.
Академический дизайн. «Резиновый» дизайн. Жесткий табличный дизайн.
4.2. Заглавия и заголовки. Заглавие. Роль заглавия в поисковых машинах. Дизайн заголовков.
Интеграция заголовков в дизайн композиции. Примеры. Разделители заголовков и текстовых
выделений. Тег <HR>. Баннеры. Интеграция баннера в композицию.
4.3. Навигация. Общий обзор. Разновидности средств навигации – список текстовых ссылок,
панель с кнопками, выпадающее меню. Семантика навигационных систем. Дизайн навигационных
систем сайта. Графические средства оформления кнопок. Приемы выравнивания кнопок с надписями
неодинаковой длины. Символы и метафоры в навигационной панели. Динамическая навигация.
Эффект rollover. Раскрываемые оглавления. Выпадающие меню.
4.4. Блоки текста. Кегль. Шрифт. Коренные шрифты для Web. Технология встраивания шрифтов.
Цвет текста и фона в HTML. Ссылки. Другие параметры набора текста. Графические вставки текста.
Правила набора текстов.
4.5. Позиционирование. Таблицы и распорки. Наложение элементов – неповторяющиеся
фоновые изображения.
5. Веб-графика (9 часов)
5.1. Техника (2 часа). Палитра и диффузия. Безопасная палитра Web. Цветовые границы. Антиалиасинг. Оптимизация графики. Форматы JPEG и GIF. Возможность масштабирования графики в
HTML – атрибуты height и width.
5.2. Функции (2 часа). Категории графики в Internet. Выставочная графика. Фоны. Одномерные
фоны. Неповторяющиеся фоны. Логотипы.
5.3. Приемы (2 часа). Трехмерность. Скульптурная и барельефная разновидности трехмерных
изображений. Искажение фотографических и рисованных изображений. Нетекстурирующие эффекты.
Текстурирующие эффекты. Эффект размытия.
6. Функциональность веб-сайтов (4 часов)
6.1.
6.2.
6.3.
6.4.
Основные ошибки при создании веб-сайтов
Совместимость браузеров
Современные стандарты создания веб-сайтов
Артистический и технический подход к созданию веб-сайтов
7. Основы языка сценариев Java-Script (12 часов)
7.1.
7.2.
7.3.
7.4.
Синтаксис языка
Размещение операторов языка на странице
Функции
Практические примеры
Литература:
1.
2.
3.
4.
5.
Кирсанов Д. Веб-дизайн: книга Дмитрия Кирсанова. – СПб: Символ-Плюс, 1999 – 376 с.: цв. ил.
Нильсен Я. Веб-дизайн: книга Якоба Нильсена – Пер. с англ. – СПб: Символ-Плюс, 2001 – 512 с.: цв. ил
Матросов А., Сергеев А. HTML 4.0 в подлиннике. – СПб.:БХВ-Петербург, 2001. – 672 с.: ил.
Хоумер А., Улмен К. Dynamic HTML: справочник – СПб.: Издательство «Питер», 2000. – 512 с.: ил.
Стразницкас М. Эффективная работа с Photoshop 5 – СПб: Издательство «Питер», 1999. – 704 с.: ил.