Л. А. Крукиер " " 2010 г. Учебная программа курса

Вид материалаУчебная программа курса

Содержание


Категория слушателей
Требования к уровню освоения содержания курса
Форма обучения
Режим занятий
Форма документа
Учебный план I модуля «HTML - кодер»
Всего часов
Тема 1.1. Стандарты и протоколы службы Web. Принципы работы службы WWW
Тема 1.2. Язык разметки HTML, каскадные таблицы стилей
Тема 1.4. Технологии работы с растровыми изображениями. Adobe Photoshop.
Тема 1.5. Разработка Web-узлов. Macromedia Dreamweaver
Тема 1.6. Размещение и раскрутка сайта
Учебный план II модуля «Web - дизайнер»
Всего часов
Информационные технологии в дизайне (Web - usability)
Технологии работы с растровыми изображениями. Adobe Photoshop CS3
Основы Macromedia Flash
Тема 2.1. Информационные технологии в дизайне (Web-usability)
Тема 2.2. Технологии работы с растровыми изображениями. Adobe Photoshop.
Настройка рабочего окна Adobe PhotoShop.
...
Полное содержание
Подобный материал:
"УТВЕРЖДАЮ"

Председатель Ученого совета

ЮГИНФО ЮФУ

_________________

проф. Л.А. Крукиер

"____" __________ 2010 г.


Учебная программа курса

"Школа WEB-мастеринга "


Ростов-на-Дону

2010

Пояснительная записка

Интернет все больше завоевывает информационный рынок, становясь не только средством общения, передачи информации, но и полноценной экономической и политической средой. Поэтому специалисты по Интернет-технологиям становятся все более востребованными в данной сфере. Создание примитивных сайтов не требует специальной квалификации от разработчика и необходимые для этого знания вполне могут быть получены самостоятельно любым человеком. Но коммерческое использование Интернет предъявляет совершенно иные требования к уровню предлагаемых продуктов, и повышение конкурентоспособности начинающего разработчика сайтов напрямую зависит от качества его образования и опыта работы. Наш курс предназначен для начинающих веб-дизайнеров и охватывает все вопросы, необходимые для начала успешной работы в данной сфере. Все занятия практикоориентированы, поэтому выпускник курсов получает не только систематизированные теоретические знания (в отличие от хаотичных, получаемых самообразованием), но и практический опыт профессиональной деятельности, подкрепленный трансляцией собственного опыта преподавателей.

Программа курса имеет "Школа WEB-мастеринга» содержит 3 самостоятельных модуля: «HTML - кодер», «Web - дизайнер», «Web - программист», и обеспечена учебно-методическими пособиями, презентационными материалами, практическими индивидуальными заданиями.

Цель курса: Предоставить слушателям необходимый инструментарий для успешного web-мастеринга, включая как основы Интернет-технологий, так и современные тенденции дизайна и программирования. Обеспечить конкурентоспособность выпускника курсов на рынке труда.



Категория слушателей: желательно высшее образование. Знание ПК.

Курс предназначен для пользователей, начинающих работу в области сайтостроения. Курс позволяет приобрести специальные знания и навыки, рассчитанные на будущих профессиональных создателей сайтов.

Требования к уровню освоения содержания курса


Слушатели курса должны знать и уметь:
  • Принципы работы Интернет-служб
  • язык разметки HTML
  • понимать основные стратегии построения сайтов, разбираться в современных тенденциях Web-usability
  • уметь пользоваться редакторами html-кода, оптимизировать процесс создания сайта
  • уметь оптимизировать графические форматы для публикации в Интернет
  • уметь создавать динамические графические объекты (анимированный gif, Flash-ролики)
  • создавать динамические сайты посредством технологий " onclick="return false">
  • владеть приемами мониторинга и увеличения посещаемости сайта


Форма обучения - очная, вечерняя.


Продолжительность курса: 145 ч.

Схема обучения выбирается сформированной группой

Срок обучения: по договоренности со слушателями 3 месяца

Режим занятий: по договоренности со слушателями 12 часов в неделю в вечернее время и в выходные дни.

Слушатели обеспечиваются учебным местом, оборудованием и учебными материалами в электронном виде, предусмотренными программой.

Форма документасертификат для сотрудников без высшего образования, удостоверение государственного образца о краткосрочном повышении квалификации для слушателей с высшим образованием.

Учебный план I модуля «HTML - кодер»


п/п

Наименование разделов, дисциплин и тем

Всего часов

В том числе:

Формы контроля

Лекции

Практика

«HTML - кодер» 40 часов

Контрольное задание


Стандарты и протоколы службы Web. Принципы работы службы WWW

4

2

2





Язык разметки HTML, каскадные таблицы стилей

10




10

Инд. задание


Основы Adobe PhotoShop

4




4

Инд. задание


Разработка Web-узлов. Macromedia Dreamweaver

14

1

13

Инд. задание


Введение в CMS Drupal

2

1

1

Инд. задание


Размещение и раскрутка сайта

4

2

2

Инд. задание


Аттестация

2




2

Контрольное

задание

ИТОГО:

40

6

34



Тема 1.1. Стандарты и протоколы службы Web. Принципы работы службы WWW


Подключение к Интернет. Способы подключения, поставщики услуг Интернет (провайдеры). Сравнение способов подключения к Интернет. Взаимодействие компьютеров в сети Интернет, сетевые протоколы. Принципы работы протокола TCP/IP. Доменная система имен. Структура доменов, формирование доменного имени узла, разрешение доменного имени. Архитектура «Клиент-Сервер», принципы работы, функции клиента и сервера. Служба WWW. Понятие гипертекста, принцип гипертекста. Адресация ресурсов в Интернет, назначение и структура URL адреса. Документ по умолчанию. Понятие Web-сайта, размещение сайта на сервере. Относительная и абсолютная адресация. Применение различных видов адресации при создании гиперссылок.

Тема 1.2. Язык разметки HTML, каскадные таблицы стилей


Гипертекстовый документ, содержимое и структура. Объявления типов документов. Основные объекты языка HTML: элементы, атрибуты элементов и их значения, комментарии. Структура HTML-документа. Назначение и содержимое секций заголовка и тела HTML-документа. Разметка представления и содержания. Создание и настройка гиперссылок. Создание якорей (именованных областей) на странице. Назначение и использование таблиц в HTML. Табличная верстка. Резиновый, фиксированный и гибридный дизайн страницы. Применение различных видов табличной верстки. Создание и использование каскадных таблиц стилей CSS.

Тема 1.4. Технологии работы с растровыми изображениями. Adobe Photoshop.


Требования к иллюстрациям в Internet. Обзор форматов иллюстраций JPEG, GIF, PNG, SWF. Редактирование в Adobe PhotoShop. Изменение основных параметров изображений. Обрезка изображений. Сохранение изображений разного качества. Сохранение для Web. Обзор способов выделения областей изображения. Особенности работы с многослойным изображением. Текстовые слои. Работа со сканером и доработка изображения в Photoshop.

Тема 1.5. Разработка Web-узлов. Macromedia Dreamweaver


Этапы разработки WEB-сайта. Уменьшение затрат ресурсов и сроков создания WEB-сайта. Основные формулировки в техническом задании на разработку сайта. Возможности современных программ, используемых для создания WEB-страниц. Обзор программ Macromedia DreamWeaver, HomeSite и Microsoft FrontPage. Основные возможности программы DreamWeaver.

Элементы информационной архитектуры. Распределение информации по разделам сайта с учетом информационной, логической и визуальной взаимосвязи между разделами. Основные компоненты WEB-страницы и способы их визуального представления на страницах сайта. Создание локального сайта, его настройка. Управление сайтом в окне Site. Разработка простого макета страницы и линейной системы навигации. Использование шаблонов (templates) в DreamWeaver: создание шаблонов, применение к готовым страницам, модификация шаблонов.

Тема 1.6. Размещение и раскрутка сайта


Хостинг и вопросы выбора хостинговой компании. Регистрация доменного имени в разных зонах. Аспекты выбора имени сайта. Настройка удаленного сайта в Dreamweaver MX. Передача файлов на удаленный сервер. Количественные и качественные характеристики современной аудитории Интернет. Способы идентификации посетителей сайта. Серверные программы статистики. Счетчики посещаемости сайта. Популярные отчеты об аудитории сайта. Виды рекламных носителей и рекламных площадок в Интернет. Ценовые модели размещения рекламы. Баннерные стандарты. Баннерные сети. Оценка эффективности баннерной рекламы. Реклама с помощью поисковых систем и каталогов. Текстовые и ссылочные критерии релевантности. Выбор ключевых слов. Запрет индексации страниц/папок (файл robots.txt). Составление «паспорта» сайта. Выбор раздела для регистрации.

Учебный план II модуля «Web - дизайнер»


п/п

Наименование разделов, дисциплин и тем

Всего часов

В том числе:

Формы контроля

Лекции

Практика

«Web - дизайнер» 50 часов




2.1.

Информационные технологии в дизайне (Web - usability)


4

1

3

Контрольные вопросы

2.2.

Технологии работы с растровыми изображениями. Adobe Photoshop CS3


18




18

Инд. задание

2.3.

Основы векторной графики. CorelDraw

12




12

Инд. задание

2.4.

Основы Macromedia Flash


14




14

Инд. задание

2.5.

Аттестация

2




2

Выпускная работа

ИТОГО:

50

1

49



Тема 2.1. Информационные технологии в дизайне (Web-usability)


Эргономика сайта (web-usability). Факторы, которые затрудняют и факторы, которые облегчают восприятие пользователем информации на сайте. Макетирование в WEB. Приемы макетирования. Создание фиксированных и адаптируемых страниц. Размещение информации на странице с учетом решаемых задач. Примеры удачных и неудачных решений. Система навигации на сайте. Принципы построения системы навигации. Создание навигационных палитр. Практическая работа. Создание сайта с двухуровневой системой навигации. Создание адаптируемого макета

Тема 2.2. Технологии работы с растровыми изображениями. Adobe Photoshop.


Требования к иллюстрациям в Internet. Обзор форматов иллюстраций JPEG, GIF, PNG, SWF. Сохранение для web.

Настройка рабочего окна Adobe PhotoShop.

Особенности меню. Рабочее поле. Организация панели инструментов. Панель свойств. Панели - вспомогательные окна. Просмотр изображения в разном масштабе.

Выделение областей.

Проблема выделения областей в растровых программах. Использование различных инструментов выделения: Область, Лассо, Волшебная палочка. Перемещение и изменение границы выделения. Преобразования над выделенной областью. Кадрирование изображения.

Режимы для работы с выделенными областями: стандартный и режим быстрой маски. Сохранение выделенных областей для повторного использования в каналах.

Основы работы со слоями.

Особенности работы с многослойным изображением. Создание коллажей с помощью слоев. Операции над слоями: добавление, удаление, перемещение, масштабирование, вращение, зеркальное отражение. Объединение слоев в наборы “Layer Set”. Текстовые слои. Векторные слои. Спецэффекты на слоях.

Рисование и раскрашивание.

Выбор основного и фонового цветов. Инструменты свободного рисования. Использование кистей, аэрографа, карандаша, ластика. Создание градиентных переходов и узоров. Применение фильтров для имитации различных техник рисования.

Тоновая коррекция.

Понятие тонового диапазона изображения. График распределения яркостей пикселей (гистограмма). Гистограмма светлого, темного и тусклого изображений. Основная задача и команды тоновой коррекции.

Цветовая коррекция.

Взаимосвязь цветов в изображении. Принцип цветовой коррекции. Команды цветовой коррекции.

Ретуширование фотографий.

Методы устранения дефектов с фотографий. Осветление и затемнение фрагментов изображений вручную. Повышение резкости изображения.

Работа с контурами.

Назначение контуров. Элементы контуров. Редактирование контуров. Обводка контура. Преобразование контура в границу выделения.

Использование режимы наложения пикселей. Совмещение данных на слоях. Фиксирование слоев и их параметров.

Понятие маски, ее использование.

Использование слоев-масок. Создание, удаление, редактирование и связывание слоя-маски. Выключение и выключение слоя-маски. Отображение альфа-канала слоя-маски.

Работа с каналами.

Понятие цветового канала. Палитра Каналы. Выбор канала. Создание и использование альфа-каналов.

Редактирование отдельного альфа-канала. Сохранение документа с альфа-каналами. Загрузка сохраненной в качестве маски выделенной области.

Динамическая графика. Способы создания и параметры GIF- анимации.

Оптимизация под web.

Экспортирование изображений в формате для Web -страниц.

«Нарезка» изображений на фрагменты: User-slices (Пользовательские Фрагменты), Layer-based Slices (Фрагменты Слоя), Auto-slices (Авто-фрагменты), Subslices (Подфрагменты) –

Создание фоновых иллюстраций.

Техника создания бесшовных узоров.

Тема 2.3. Основы векторной графики. CorelDraw.


Рабочее окно программы CorelDraw.

Особенности меню. Рабочий лист. Организация панели инструментов. Панель свойств. Палитра цветов. Строка состояния.

Основы работы с объектами.

Рисование линий, прямоугольников, квадратов, эллипсов, окружностей, дуг, секторов, многоугольников и звезд. Выделение объектов. Операции над объектами: перемещение, копирование, удаление, зеркальное отражение, вращение, масштабирование. Изменение масштаба просмотра при прорисовке мелких деталей. Особенности создания иллюстраций на компьютере.

Закраска рисунков.

Однородная, градиентная, узорчатая и текстурная заливки. Формирование собственной палитры цветов. Использование встроенных палитр.

Вспомогательные режимы работы.

Инструменты для точного рисования и расположения объектов относительно друг друга: линейки, направляющие, сетка. Режимы вывода объектов на экран: каркасный, нормальный, улучшенный.
Создание рисунков из кривых

Особенности рисования кривых. Важнейшие элементы кривых: узлы и траектории. Редактирование формы кривой. Рекомендации по созданию рисунков из кривых.

Методы упорядочения и объединения объектов.

Изменение порядка расположения объектов. Выравнивание объектов на рабочем листе и относительно друг друга. Методы объединения объектов: группирование, комбинирование, сваривание. Исключение одного объекта из другого.

Эффект объема.

Метод выдавливания для получения объемных изображений. Перспективные и изометрические изображения. Закраска, вращение, подсветка объемных изображений.

Перспектива.

Создание технических рисунков. Создание выпуклых и вогнутых объектов. Получение художественных эффектов.

Работа с текстом.

Особенности простого и фигурного текста. Оформление текста. Размещение текста вдоль траектории. Создание рельефного текста. Масштабирование, поворот и перемещение отдельных букв текста. Изменение формы символов текста.

Тема 2.4. Основы Macromedia Flash


Знакомство с редактором Flash MX. Рисование. Работа с цветом, группами, текстом, растровой графикой. Различные способы трансформирования объектов.  Импорт из других приложений.  Создание анимации. Использование образцов (symbol) и экземпляров (instance). Работа с библиотекой эталонов. Изменение свойств экземпляров. Методы создания анимации. Покадровая анимация. Работа с хронометрической линейкой. Понятие tween-анимации. Анимация формы. Установка меток. Анимация движения. Движение по маршруту. Маски. Слои. Сложная анимация.    Использование звука. Создание кнопок с анимацией. Обзор языка Action Script MX. Работа с редактором скрипта. Простейшие команды. Stop, Play, GetUrl. Создание элементов навигации.

Школа Web-мастеринга

3 модуль "Web-программист"





п/п

Наименование разделов, дисциплин и тем

Всего часов

В том числе:

Формы контроля

Лекции

Практика


«Web-программист» 55 часов




3.1.

Разработка динамических Web-узлов с использованием " onclick="return false">


15

1

14

Контрольные вопросы

3.2.

Современные XML технологии


10

1

9

Контрольные вопросы

3.3.

Настройка локального веб-сервера

4

1

3

Контрольные вопросы

3.4.

Web-программирование на PHP

18

4

14

Инд задания

3.5

Основы CMS Drupal

6




6

Контрольные вопросы

6.

Аттестация

2




2

Выпускная работа

ИТОГО:

55

7

48






Тема 3.1. Разработка динамических Web-узлов с использованием " onclick="return false">
Основные понятия о языке сценариев " onclick="return false">

Тема 3.2. Современные XML технологии


Введение в XML

Языки разметки (понятие разметки, языки обобщенной разметки: SGML, XML, HTML); Как выглядит XML-документ

Компоненты XML

Элементы. Атрибуты. Сущности. Описание типа документа

Подробное изучение компонентов XML

Работа с элементами XML (внимательное рассмотрение элементов, содержание элемента, специальные ключевые слова, атрибуты элементов)

Работа с атрибутами XML (Роль атрибутов в XML, терминология атрибутов, типы атрибутов: строковые, маркированные, перечисляемые)

Создание содержания в XML (Что такое содержание, различные типы содержания)

Работа с сущностями XML

Типы сущностей (внутренние, внешние, текстовые, двоичные, параметрические, предопределенные, символьные)

Сопряженные технологии: XPath, Xpointers

Обработка XML-документов и инструментальные средства XML

Основы обработки XML-документов. Редакторы. Процессоры и анализаторы.

XML и объектная модель документов

Управление стилями в XML: язык XSL

Инструментальные средства XML

Тема 3.3. Настойка локального веб-сервера


Основные сведения об администрировании web-сервера Internet Information Server. Интерфейсы web-сервера. Интерфейсы CGI и ISAPI. Настройка IIS 5.0 для работы с PHP 4.0. Основные сведения о web-сервере Apache. Особенности конфигурирования и создание виртуального web-сервера в Apache. Настройка Apache для работы с PHP как с подключаемым модулем и как с CGI-приложением. Установка и настройка PHP.

Тема 3.4. Web-программирование на PHP


Основы PHP

PHP программы. Комментарии. Переменные PHP. Константы. Типы данных в РНР. Преобразование типов. Операторы

Операторы языка PHP

If... else. Switch. Операторы цикла. While. Do While. For

Строковые функции

Htmlspecialchars. Поиск в тексте. Функции strlen(), chr() и ord(). Trim-функции

Форматный вывод. Преобразование кодировки. Работа с бинарными данными. Работа с блоками текста. Объединение/ разделение строк. Сравнение строк. Работа с URL. Преобразование регистра

Массивы

Инициализация массивов. Цикл foreach. Многомерные массивы. Сортировка массивов. Работа с курсором массива. Функция array_walk()

Функции

Определения и вызовы функций. Область видимости переменных. Время жизни переменной. Что такое рекурсия

Работа с файлами

Открытие файлов. Отображение файлов. Закрытие файлов. Чтение и запись. Копирование, удаление. Атрибуты файлов. Перемещение по файлам. Работа с каталогами. Методы PUT и POST

Регулярные выражения

Групповой символ. Ветви. Исключающее выражение. Квалификаторы. Границы. Подвыражения. Начало и конец строки. Спец символы. Классы символов. Функции для работы . Perl-совместимые выражения

Сессии и cookies в PHP

Сессии в PHP. Cookies

Работа с FTP

Основные возможности. Другие возможности

Проверка данных

Проверка корректности данных. Проверка на пустоту поля. Проверка допустимости вводимых данных. Удаление HTML - тегов и обратных слешей

Гостевая книга (вариант с файлами)

PHP и MySQL

Реляционные базы данных. Индексы. Первичные ключи. Нормализация базы данных

Работа с сервером MySQL. Язык SQL. Команды языка SQL

Гостевая книга (вариант с базой данных)


XML и PHP

Принципы использования XML-технологий. Использование PHP совместно с XML. Парсинг XML-файлов. Применение XSLT-предобразований. Что такое RSS и как его использовать.

Пример создания сайта-визитки с использованием XML


Тема 3.5. Основы CMS Drupal


Установка и локализация Cms Drupal: установка Drupal, локализация Drupal, создание материала (Story), создание страницы (Page), настройка тем оформления, выбор темы оформления, установка собственной темы оформления.


Подготовка выпускной работы под руководством консультанта

Общие требования к выпускной работе


Выпускная работа выполняется слушателем как зачётная практическая работа, подтверждающая освоение предусмотренных программой обучения теоретических знаний и практических умений.

Выпускная работа оформляется в форме WEB-сайта (модель, прототип сайта).

Содержание работы определяет слушатель.

Выпускные работы могут выполняться индивидуально.


Технические требования к выпускным работам, определяются начальным уровнем подготовки слушателей.


Модули учебной программы разработаны сотрудниками ЮГИНФО ЮФУ.