Учебно-методический комплекс дисциплины интернет технологии Специальность

Вид материалаУчебно-методический комплекс

Содержание


Использование графики в HTML документе. Способы хранения изображений. Используемые графические форматы. Создание анимированных G
Использование таблиц для структурирования данных в HTML документе. Возможности форматирования таблиц. Вложенные таблицы.
Понятие фрейма. Области применения фреймов. Плавающие фреймы. Недостатки использования фреймовой структуры.
Карты-изображения. Область использования. Варианты реализации карт-изображений. Достоинства и недостатки.
Раздел V. Обзор программного обеспечения, используемого для создания и работы с Web-документами
Macromedia Dreamweaver. Интерфейс пользователя. Панель объектов. Панель свойств объекта.
Конрольные вопросы по курсу
Примерные темы курсовых работ
Список рекомендуемых источников
Подобный материал:
1   2   3
Раздел III. Основы HTML

Тема 13. Общие сведения о структуре HTML документа. Понятие тега. Спецификации HTML. Поддержка тегов различными браузерами.

Общие сведения об истории возникновения и развития HTML. Базовые понятия, необходимые для понимания структуры языка. Отличия последней принятой спецификации от более ранних. Работа с HTML документами.

Язык разметки гипертекста. Отличие от языков программирования. История возникновения и развития. Программы для просмотра Web-страниц - браузеры. Наиболее распространенные браузеры. "Война браузеров." Спецификации HTML. Отличие HTML 4.0 от предшествующих спецификаций. Структура HTML документа. Тег как элементарная единица HTML. Теги- контейнеры. Методы реализации и организации ссылок между документами. Проблема однозначного отображения HTML документа различными браузерами.

Практическая работа "Создание простейшего HTML документа с помощью текстового редактора "Блокнот"".

Тема 14. Использование графики в HTML документе. Способы хранения изображений. Используемые графические форматы. Создание анимированных GIF-файлов.

Основные вопросы, касающиеся использования графических изображений при создании HTML документа. Представление о структуре и особенностях основных графических форматов, используемых в Internet. Области их использования. Способы хранения изображений в HTML документе.

Способы хранения изображения в HTML документе. Векторные и

растровые графические форматы, используемые в Internet. Форматы JPG и GIF.

Причины использования этих форматов. Возможность использования других

форматов на примере BMP и PCX. Формат GIF (Graphics Interchange Format).

Основные модификации, возможности, достоинства и недостатки. Хранение

12

данных с чередованием строк. Создание анимированных GIF файлов. Формат JPG (JPEG (Joint Photographic Experts Group)). Область использования, достоинства и недостатки. Прогрессивная схема хранения данных.

Фоновые и встраиваемые изображения. Использование фоновых изображений. Встраивание изображения в HTML документ (параметры выравнивания, размер выводимого изображения, рамки и отступы). Использование альтернативного текста. Использование изображения в качестве ссылки.

Практическая работа "Использование встраиваемых и фоновых изображений".

Тема 15. Использование таблиц для структурирования данных в HTML документе. Возможности форматирования таблиц. Вложенные таблицы.

Табличный метод структурирования данных в HTML документе. Основные параметры таблиц, методы размещения данных в таблице. Сложная табличная структура документа как возможное решение задачи структурирования данных и дизайна Web-страницы. Проблемы, возникающие при сложной табличной структуре документа, методы их решения.

Таблицы как удобная основа для структурирования данных в HTML документе. Основные теги и параметры, описывающие таблицу. Использование заголовка таблицы. Структура таблицы. Параметры границ и фона таблицы. Задание размеров и параметров выравнивания таблицы. Форматирование данных внутри таблицы. Сложное форматирование таблиц. Параметры COLSPAN и ROWSPAN.

Вложенные таблицы. Область использования вложенных таблиц. Проблемы, возникающие при использовании вложенных таблиц.

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

Практическая работа "Создание сложной табличной структуры HTML документа".

Тема 16. Понятие фрейма. Области применения фреймов. Плавающие фреймы. Недостатки использования фреймовой структуры.

Возможность реализации фреймовой структуры HTML документа. Правила и методы построения фреймовой структуры, способы ее реализации. Основные достоинства и недостатки фреймов, проблемы, возникающие при использовании фреймовой структуры.

Представление о фреймовой структуре документа. Понятие фрейма. Сферы применения фреймов. Оправданность фреймовой структуры. Правила описания фреймов. Абсолютные и относительные размеры фреймов. Особенности описания фреймовой структуры. Взаимодействие между фреймами. Плавающие фреймы. Достоинства и недостатки фреймовой структуры. Проблемы индексирования Web-страниц, использующих фреймовую структуру поисковыми системами. Альтернативные решения.

Практическая работа "Создание HTML документа с фреймовой структурой".

Тема 17. Карты-изображения. Область использования. Варианты реализации карт-изображений. Достоинства и недостатки.

Карты-изображения как один из способов организации навигации по сайту. Виды карт-изображений, область использования, достоинства и недостатки. Использование карт-изображений в совокупности с альтернативными средствами навигации.

Организация ссылок с помощью карт-изображений. Преимущества и недостатки карт-изображений. Конфигурация карты-изображения. Клиентский и серверный варианты реализации карты-изображения. Основные параметры карт-изображений. Альтернативные средства навигации.

Практическая работа "Создание карт-изображений ".

Раздел IV. Динамический HTML

Тема 18. Каскадные таблицы стилей. Модель форматирования. Применение таблиц стилей.

Элементы DHTML. Представление о каскадных таблицах стилей (CSS), технологии определения и присоединения стилей к HTML документу. Способы связывания каскадных таблиц стилей с HTML документом. Использование таблиц стилей для форматирования шрифтов, цвета и фона документа.

Компоненты динамического HTML (DHTML). Каскадные таблицы стилей. Понятия селектора и определения. Свойство и значение определения. Способы связывания таблицы стилей с HTML документом. Наследование свойств элементом Web-страницы. Использование селекторов. Представление о модели форматирования таблиц стилей. Блоковые и встроенные элементы. Свойства форматирования элементов. Свойства форматирования шрифтов, цвета и фона документа.

Практическая работа "Создание и использование CSS".

Практическая работа "Особенности работы с блоковыми и встроенными элементами ".

Тема 19. Создание интерактивных Web-документов. Язык сценариев Java Script. Java и Java-апплеты. Области применения, достоинства и недостатки.

Создание динамически изменяемых HTML-документов. Представление об объектной модели документа. Примеры создания динамически изменяемых элементов управления с использованием языка сценариев Java Script. Общие сведения о платформе Java, области ее применения, достоинства и недостатки. Обзор альтернативных технологий.

Представление об объектной модели документа (DOM). Язык сценариев Java Script. Иерархия объектов. Динамическое изменение документа. Обработка событий. Создание раскрывающихся списков. Движущиеся элементы.

Объектно-ориентированный интерпретируемый язык программирования Java. Java-приложения и Java-апплеты. Область использования, достоинства и недостатки. Альтернативные технологии.

Практическая работа "Разработка объектной модели HTML документа".

Практическая работа "Создание динамических HTML документов. Примеры использования языка сценариев Java Script".

Раздел V. Обзор программного обеспечения, используемого для создания и работы с Web-документами

Тема 20. Обзор программных продуктов для создания Web-страниц и подготовки графики. Сравнительная характеристика, достоинства и недостатки.

Обзор программных продуктов для подготовки графики к публикации в Web. Сравнительная характеристика наиболее распространенных программных продуктов для работы с векторной и растровой графикой. Возможность их комбинирования между собой. Программы для создания анимированных GIF- изображений. Возможность создания HTML-документов в текстовом редакторе MS Word.

Программы для работы с векторной графикой (Corel Draw, Adobe Illustrator, Macromedia Flash, Macromedia Free Hand, Corel Xara, Corel Rave и др.). Сравнительная характеристика. Достоинства и недостатки. Собственные форматы файлов. Совместимость.

Программы для работы с растровой графикой (Microsoft Paint, Microsoft Photo Editor, Corel Photopaint, Adobe Photoshop, Adobe ImageReady). Возможности. Сравнительная характеристика. Достоинства и недостатки. Собственные форматы файлов. Совместимость.

Программы для создания анимированных GIF-файлов. Adobe Image

Ready, Ulead Gif Animator. Создание рекламных баннеров.

16

Возможность создания HTML-документов в MS Word. Достоинства и недостатки.

Практическая работа "Создание анимированного баннера с помощью Adobe Photoshop и Adobe ImageReady".

Тема 21. Визуальные средства Web-верстки. Сравнительная характеристика, достоинства и недостатки. Необходимость использования визуальных средств при разработке дизайна сайта.

Программные продукты для визуальной Web-верстки и проектирования сайтов - MS Front Page, Netscape Composer и Macromedia Dreamweaver. Сравнительная характеристика, их возможности, достоинства и недостатки.

Визуальные средства Web-верстки и проектирования сайтов. MS Front Page. Возможности. Достоинства и недостатки. Особенности HTML кода, создаваемого с помощью MS Front Page.

Netscape Composer. Возможности. Достоинства и недостатки.

Macromedia Dreamweaver. Сравнительная характеристика. Возможности. Достоинства и недостатки.

Необходимость использования визуальных средств для разработки дизайна сайта.

Практическая работа "Сравнительная характеристика визуальных средств проектирования сайта".

Тема 22. Macromedia Dreamweaver. Интерфейс пользователя. Панель объектов. Панель свойств объекта.

Основные возможности Macromedia Dreamweaver для создания динамических и статических HTML документов.

Основные элементы интерфейса. Настройка интерфейса. Панель объектов. Панель свойств. Настройка параметров страницы.

Создание статических HTML документов. Режим правки кода, режим дизайна, смешанный режим. Работа над сайтом. Создание сайта. Добавление и

удаление элементов сайта. Публикация сайта. Возможность создания

динамического сайта с помощью Macromedia Dreamweaver.

Практическая работа "Macromedia Dreamweaver. Освоение пользовательского интерфейса".

Раздел VI. Правила и основные этапы разработки сайта

Концептуальная модель проектирования сайта. Основные этапы разработки сайта. Основные принципы и методы интернет-маркетинга.

Концептуальное проектирование сайта. Определение целевой аудитории, анализ, сбор и документирование требований пользователей, выработка способов их реализаций. Сценарии пользователей.

Последовательность разработки сайта. Состав рабочей группы и обязанности каждого ее участника. Техническое задание заказчика. Разработка структуры сайта. Работа над дизайном проекта. Программирование сайта. Работа над наполнением сайта. Тестирование сайта. Публикация сайта. Выбор хостинга. Покупка домена. Отладка ftp. Заключительное тестирование.

Интернет-маркетинг. Регистрация в поисковых системах. Технологии продвижения сайта. Поддержка сайта. Презентация сайта.

Практическая работа "Разработка концептуальной модели сайта".

Тема 24. Эргономичность сайта. Критерии подготовки графики для сайта.

Эргономичность как базовый принцип построения сайта. Основные критерии эргономичности сайта. Правила подготовки графики для сайта с точки зрения его эргономичности.

Психологические аспекты разработки сайта. Эффективность сайта. Продуктивность сайта. Понятие удобства сайта. Субъективность понятия удобства. Критерии удобства сайта (дизайн, навигационная модель, структура, функциональные элементы, скорость загрузки).

Особенности Web-палитры. Разработка цветовой модели сайта. Проблема несовпадения цветов. Графические элементы интерфейса. Требования к объему графики на сайте.

Практическая работа "Разработка цветовой модели сайта".

Тема 25. Виды сайтов. Требования, предъявляемые к сайту в зависимости от его направленности. Стандартные элементы навигации. Представления о композиции сайта.

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

Виды сайтов. Сайт-визитка. Сайт-представительство. Каталог. Электронный магазин. Промо-сайт. Информационный сайт. Корпоративное представительство. Портал. Особенности построения сайтов различных видов.

Стандартные элементы навигации по сайту. Основные требования. Заголовок сайта. Меню и списки. Использование изобразительных средств для композиционного решения сайта.

Практическая работа "Разработка графических элементов интерфейса сайта".

КОНРОЛЬНЫЕ ВОПРОСЫ ПО КУРСУ
  1. Сети Ethernet, Intranet, Internet. Иерархия сетей.
  2. Топология локальных сетей, модели развития.
  3. Одноранговые и многоранговые сети. Представление о клиент-серверной архитектуре.
  4. История возникновения, предпосылки и основные этапы развития Internet.
  5. Аббревиатуры "WWW", "URL", "HTTP", "FTP", "HTML". Расшифровка и перевод на русский язык.
  6. Технологии HTML и XML. Сравнительная характеристика, достоинства и недостатки.
  7. Технологии PHP, CGI, ASP. Сравнительная характеристика, достоинства и недостатки.
  8. Технологии Java и Java Script. Различия, сравнительная характеристика, достоинства и недостатки.
  9. Технология Flash. История возникновения, основные этапы развития.
  10. Область использования технологии Flash. Достоинства и недостатки. Форматы файлов.
  11. Обзор программных продуктов, использующих технологию Flash. Macromedia Flash, Macromedia Director Shockwave Studio, Corel Rave.
  12. Понятия "кадр", "сцена", "фильм" в Macromedia Flash. Свойства кадров. Понятие "ключевого" кадра.
  13. Виды анимации в Macromedia Flash. Возможность импорта анимации из других форматов.
  14. Возможности комбинирования различных видов анимации в Macromedia Flash между собой. Создание многоуровневой анимации.
  15. Принципы структурирования Flash-фильма. Использование объектов.
  16. Виды слоев в Macromedia Flash и особенности их использования.
  17. Объектная организация Flash-фильма. Использование библиотек объектов.
  18. Свойства динамического и статического текстовых полей в Macromedia Flash.
  19. Особенности работы с текстом в Macromedia Flash. Особенности анимации текста.
  20. Создание кнопки в Macromedia Flash. Свойства кнопки. Компоненты кнопки.
  21. Создание невидимой кнопки. Хаотичная анимация в Macromedia Flash.
  22. Сравнительная характеристика Flash и GIF-анимации. Критерии использования. Достоинства и недостатки.
  23. HTML. Расшифровка аббревиатуры. Краткий обзор существующих спецификаций. Область использования. История возникновения и развития.
  24. Понятие "тега". Структура HTML документа. Виды тегов.
  25. "Война браузеров". Причины возникновения. Последствия.
  26. Способы хранения изображений в HTML документе.
  27. Форматы JPG и GIF. Сравнительная характеристика, достоинства и недостатки. Области использования.
  28. Возможность использования в Web графических изображений формата BMP и PCX.
  29. Особенности использования таблиц для структурирования данных в HTML документе. Достоинства и недостатки табличной структуры документа. Использование вложенных таблиц.
  30. Фреймовая структура HTML документа. Сферы применения. Достоинства и недостатки.
  31. Понятие "плавающего" фрейма. Карты-изображения. Виды карт-изображений. Область использования, особенности организации ссылок, достоинства и недостатки.
  32. Динамический HTML. Структура и компоненты DHTML.
  33. Каскадные таблицы стилей. Модель форматирования CSS. Блоковые и встроенные элементы. Способы связывания CSS с HTML документом. Представление об объектной модели документа.
  34. Векторная и растровая графика. Особенности хранения информации об изображении. Сравнительная характеристика, достоинства и недостатки.
  35. Обзор программных продуктов для работы с векторной графикой (Corel DRAW, Adobe Illustrator, Macromedia Flash, Macromedia FreeHand, Corel Xara, Corel Rave). Сравнительная характеристика, достоинства и недостатки.
  36. Обзор программных продуктов для работы с растровой графикой (MS Paint, MS Photo Editor, Corel Photopaint, Adobe Photoshop, Adobe ImageReady). Сравнительная характеристика, достоинства и недостатки.
  37. Обзор визуальных средств проектирования HTML документов.
  38. Macromedia Dreamweaver, MS Front Page, Netscape Composer. Сравнительная характеристика, достоинства и недостатки.
  39. Необходимость использования визуальных средств проектирования для разработки дизайна сайта.
  40. Виды сайтов. Краткая характеристика.
  41. Особенности построения сайтов различных видов.
  42. Варианты реализации навигации по сайту. Необходимые требования, стандартные элементы.
  43. Изобразительные средства композиции. Понятие СВКЦ. Особенности использования изобразительных средств для композиционного решения сайта.
  44. Психологические аспекты разработки сайта. Представление об эргономичности сайта.
  45. Критерии эргономичности сайта. Эффективность и продуктивность сайта. Критерии "удобства" сайта.
  46. Цвет в Internet. Особенности Web-палитры. Разработка цветовой модели сайта.
  1. ребования к объему графики на сайте.
  2. Концептуальное проектирование сайта.
  3. Последовательность разработки сайта. Состав рабочей группы, обязанности каждого участника.
  4. Стандартные методы раскрутки и продвижения сайта. Презентация сайта.


ПРИМЕРНЫЕ ТЕМЫ КУРСОВЫХ РАБОТ
    1. Изобразительные средства композиции. Правила построения композиции. Уравновешенная и неуравновешенная композиция. Правило золотого сечения как основа построения композиции.
    2. Графические форматы, используемые в Internet. История их возникновения, существующие спецификации, возможности. Достоинства и недостатки.
    3. Internet как средство рекламы.
    4. Использование анимации в Internet. Форматы анимированных файлов. Программы для создания анимированных файлов.
    5. Методы поиска информации в Internet. Поисковые системы (aport.ru, rambler.ru, yandex.ru, altavista.com google.com). Способы индексирования документов поисковыми системами.
    6. История и предпосылки развития Internet. Понятие домена (1-го, 2-го, 3- го уровней). Национальные и интернациональные домены. Возможность использования русскоязычных доменов.
    7. Векторные редакторы (Corel Draw и Adobe Illustrator). Возможности. Сравнительная характеристика. Достоинства и недостатки. Собственные форматы файлов. Совместимость. Недокументированные возможности.
    8. Растровые редакторы (Corel Photopaint и Adobe Photoshop). Возможности. Сравнительная характеристика. Достоинства и недостатки. Собственные форматы файлов. Совместимость. Недокументированные возможности.
    9. Концептуальное проектирование сайта. Определение целевой аудитории, анализ, сбор и документирование требований пользователей, выработка способов их реализации. Сценарии пользователей.
    10. Что такое Adobe ImageReady? Adobe ImageReady + Adobe Photoshop - мощное средство подготовки растровой графики для публикации в Internet.
    11. Использование слоев при создании Web-страницы. Области применения, достоинства и недостатки.
    12. Последовательность разработки сайта. Состав рабочей группы и обязанности каждого ее участника.
    13. Раскрутка и продвижение сайта. Поддержка сайта. Презентация сайта.
    14. Психологические аспекты разработки сайта.
    15. Эргономичность как базовый принцип построения сайта. Основные критерии эргономичности сайта. Правила подготовки графики для сайта с точки зрения его эргономичности.
    16. Виды сайтов. Сайт-визитка. Сайт-представительство. Каталог. Электронный магазин. Промо-сайт. Информационный сайт. Корпоративное представительство. Портал. Особенности построения сайтов различных видов.
    17. Обзор программных продуктов для визуальной Web-верстки и проектирования сайтов. Необходимость использования визуальных средств при разработке дизайна сайта.
    18. Представление об объектной модели документа (DOM).
    19. Карты-изображения как один из способов организации навигации по сайту. Виды карт-изображений, область использования, достоинства и недостатки.

СПИСОК РЕКОМЕНДУЕМЫХ ИСТОЧНИКОВ
    1. Литература
      1. Грибов Д.Е. Macromedia Flash 4. Интерактивная веб-анимация. - М.: ДМК, 2000. - 672 с. - (Серия "Для дизайнеров").
      2. Колисниченко Д.Н. Самоучитель PHP 4/5. - СПб.: Наука и техника, 2004. - 576 с.
      3. Матросов А.В., Сергеев А.О., Чаунин М.П. HTML 4.0. - СПб.: БХВ- Петербург, 2001. - 672 с.
      4. Питц-Моултис Н., Кирк Ч. XML.:Пер. с англ.- СПб.: БХВ-Петербург, 2001.- 736с.
      5. Харрел В., Стьюард У. Секреты Corel DRAW 8.: Пер. с англ. - Киев; М.; СПб.: "Диалектика", 1998. - 528 с.



Дополнительная литература


        1. Бугаев А., Гуриев В. Недизайн // Компьютерра. - 2003. - № 20. -С. 25 - 29.
        2. Гиглавый Д., Гурский Д., Стрельченко Ю. Веб-дизайн: анимация. Чем плох Flash? // Компьютерра. - 2003. - № 20. -С. 30 - 35.
        3. Головач В. 5 правил хорошего интерфейса // Publish. - 2000. - № 6. -С. 73 - 79.
        4. Григоренко Г. Интернет - кухня // Компьютерра. - 2000. - № 31. -С. 24

33.
    1. Драница А. Единица и сто нулей // Компьютерра. - 2002. - № 16. -С. 42

43.
  1. Егоров М. IMAP4 вместо POP3 // Hardn Soft. - 1999. - № 12. -С. 52 - 54.
  2. Кащавцев С. Цветовая температура // Компьютерра. - 1999. - № 16. -С. 27 - 29.
  3. Колчин К. Калибровка: эсперанто для принтера // Компьютерра. - 1999.

№ 41. -С. 29 - 31.
  1. Левенчук А. Сайтисфакция // Компьютерра. - 2000. - № 31. -С. 22 - 24.
  2. Орлов А. Полезные приемы Web-дизайна // Подводная лодка. - 2000. - № 7. -С. 89 - 92.
  3. Ляхов Д. О пользе альтернативы // Компьютерра. - 2002. - № 34. -С. 34 - 35.
  4. Пашков С. Снова о кодировках кириллицы // Компьютерра. - 1998. - № 7. -С. 49.
  5. Попов М. Что происходит с Netscape? // Компьютерра. - 1998. - № 6. - С. 20 - 21.
  6. Росич Ю. Танцы с "Гуглом" и "Яндексом" // Планета Интернет. - 2004. - № 2. -С. 21 - 25.
  7. Сегалович И. Найдется все // Компьютерра. - 2002. - № 42. -С. 40 - 44.
  8. Сизикова Ю. Слоистые странички // Мир Internet. - 1999. - № 1. -С. 62 - 64.
  9. Симаненков Д. Проблемы полезности Интернета с точки зрения рядового пользователя // Компьютерра. - 1998. - № 13. -С. 43 - 45.
  10. Сжатие и оптимизация изображений для Web // Компьюарт. - 2000. - № 10. -С. 76 - 84.
  11. Тираспольский Л., Новиков В. К вопросу жанра виртуальной конференции // Компьютерра. - 2000. - № 33. -С. 42 - 46.
  12. Черкашин П. 10 основных ошибок в управлении Web-проектами // Мир Internet. - 1999. - № 1. -С. 26 - 30.
  13. Черкашин П. Имидж компании в Интернете - что это такое? // Мир Internet. - 1999. - № 1. -С. 32 - 35.
  14. Чижов А. Как устроен Интернет // Upgrade. - 2000. - № 4. -С. 30 - 31.
  15. Шашлов А., Чуркин А. Что такое цвет // Компьютерра. - 1999. - № 16. - С. 24 - 26.
  16. Шашлов А., Чуркин А. Метрология цвета // Компьютерра. - 1999. - № 16. -С. 30 - 32.
  17. Шашлов А., Чуркин А. Цветовоспроизведение // Компьютерра. - 1999. - № 17. -С. 20 - 24.
  18. Шашлов А., Чуркин А. Метрология цвета - II // Компьютерра. - 1999. - № 17. -С. 25 - 27.



  1. Шипилов Д. Dynamic HTML // Подводная лодка. - 2000. - № 7. -С. 117

123.
  1. Ширяев А. Web-дизайн для всех. Часть 3. Свое имя в сети. // Harden Soft.1998. - № 10. -С. 48 - 51.

Internet-ресурсы:

ссылка скрыта

ссылка скрыта

ссылка скрыта

ссылка скрыта

ссылка скрыта

ссылка скрыта

ссылка скрыта

ссылка скрыта

ссылка скрыта

ссылка скрыта