Скачать 145.66 Kb.
|
Министерство культуры Российской Федерации Алтайский филиал федерального государственного образовательного учреждения высшего профессионального образования «МОСКОВСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ КУЛЬТУРЫ И ИСКУССТВ» Кафедра прикладной информатики УЧЕБНО-МЕТОДИЧЕСКИЙ КОМПЛЕКС ДИСЦИПЛИНЫ Технологии создания корпоративных сайтов Специальность: 080801.65 – «Прикладная информатика (в менеджменте)» Барнаул 2010 СОДЕРЖАНИЕ ВВЕДЕНИЕ Учебный курс «Технологии создания корпоративных сайтов» призван заложить основы профессиональных знаний в области разработки и конструирования web-сайтов при помощи современной технологической базы. Курс основан на теории дизайна web-сайтов, концепциях информационной структуры, вопросах управления web- проектами и оценки эффективности их реализации и использования. Настоящий курс обусловлен глобальным развитием интернет- технологий, системами представления информации в Web, а также стремительно меняющимися методами представления и распространения информации в сети. Курс необходим студентам для получения квалификации специалистов, работающих в области web- индустрии, производства web-сайтов и web-порталов. Цель курса - развитие как творческого, так и логического мышления у студентов и приобретение знаний и навыков при разработке современных web-сайтов, а так же мультимедийных продуктов web-среды. В процессе обучения студенты рассматривают функциональные возможности ряда профессиональных программных продуктов для разработки web-сайтов, а также различные графические и мультимедийные стандарты. Вместе с тем рассматриваются основы процесса организации online-бизнеса и технологии построения web-сайтов электронной коммерции. Задачи курса заключаются в передаче студентам принципов создания web-сайтов и других аспектов их разработки, изучении основ языка разметки HTML, способов применения CSS. В курсе рассматриваются стандарты языка HTML 4, CSS1 и CSS2, их различия, аспекты совместимости с различными браузерами, а также возможность применения полученных навыков с уже готовыми программными решениями ведения online-бизнеса. Роль современных интернет-технологий во всем мире уже определена и эта сфера стремительно развивается, что обуславливает значимость данного курса для будущих выпускников МГУКИ. Процесс обучения состоит из двух частей. Первая часть заключается в освоении теоретической базы разработки web- проектов, вторая часть состоит в отработке практических заданий на основе теории. Выполнение заданий включает тестирование, изучение программных средств разработки web-приложений, таких как: DreamWeaver, FrontPage, HomeSite, ознакомление с современными серверными технологиями размещения информации в сети Интернет, а также с несколькими распространенными системами управления контентом web-сайтов. В качестве отчетности в конце учебного семестра предполагается создание собственного web-проекта. Форма контроля освоения студентами отдельных разделов курса- проверка готовности частей создаваемого web-проекта, а в конце курса-дифференцированный экзамен. Структура экзамена включает в себя теоретические вопросы по основным разделам учебной программы. Практическая работа, сделанная студентом в течение семестра, включает:
Общий объем курса - 72 часа. ТЕМАТИЧЕСКИЙ ПЛАН
СОДЕРЖАНИЕ КУРСА Тема 1. Основные понятия создания корпоративных сайтов Основные сведения о корпоративном сайте, отличия от других категорий сайтов. Язык разметки HTML. Эволюция языков разметки. Цели и задачи языка HTML. Что такое web-сервер, web-сайт, web- страница и чем они отличаются. Структура HTML-документа. Понятие элементов и атрибутов. Зачем нужна инструкция DOCTYPE>. Что такое тег? Типы тегов. Правила оформления HTML-документа. Основные элементы форматирования текста. Создание HTML-документа в программе «Блокнот». Использование таблиц. Макетирование web-страницы с помощью таблиц. Использование вложенных таблиц. Приемы использования таблиц на web-странице. Практическая работа №1. Создание структуры документа. Тема 2. Каскадные таблицы стилей (CSS) Основные цели и задачи каскадных таблиц стилей Cascading Style Sheets (CSS). Способы добавления стилей на web-страницу. Спецификации CSS Level 1 и Level 2: особенности, поддержка браузерами. CSS: основные понятия и определения. Грамматика языка стилей. Создание стилей и классов. Принципы каскадирования и принципы группировки. Применение стилей и классов к элементам документа HTML. Декоративные возможности CSS: формирование рамок и отступов. Использование псевдоклассов и псевдоэлементов. Позиционирование элементов на странице при помощи CSS. Управление моделью элемента (свойство display). Практическая работа №2. Разработка каскада стилей внутри HTML-документа. Тема 3. Использование стилей при создании сайта Создание и использование внешнего стилевого файла. Подключение к страницам сайта путем связывания и импорта. Современная верстка сайта при помощи CSS. Обзор подходов на примере сайтов с максимальным использованием возможностей CSS. Приемы макетирования web-страницы с использованием стилей. Практическая работа №3. Разработка и внедрение внешней стилевой библиотеки, и применение её к HTML-странице. Тема 4. Использование программы Dreamweaver для верстки шаблонов сайта Использование программы Dreamweaver для верстки шаблонов сайта. Интерфейс программы. Элементы Show code, code and design, design views. Панель Properties. Поиск и замена (Find and replace). Верстка шаблона дизайна сайта. Практическая работа №4. Верстка шаблона дизайна сайта. Тема 5. Информационная архитектура сайта Элементы информационной архитектуры. Распределение информации по разделам сайта с учетом информационной, логической и визуальной взаимосвязи между разделами. Основные компоненты web-страницы и способы их визуального представления на страницах сайта. Разработка простого макета страницы и линейной системы навигации. Использование шаблонов (templates) в DreamWeaver: создание шаблонов, применение к готовым страницам, модификация шаблонов. Практическая работа Ме5. Схематическое макетирование информационной структуры сайта, разработка линейной системы навигации для сайта. Тема 6. Макетирование. Эргономика WEB-сайта Эргономика сайта (web-usability). Факторы затрудняющие и облегчающие восприятие пользователем информации на сайте. Макетирование в WEB. Приемы макетирования. Создание фиксированных и адаптируемых страниц. Размещение информации на странице с учетом решаемых задач. Примеры удачных и неудачных решений. Система навигации на сайте. Принципы построения системы навигации. Разработка навигационных палитр. Тема 7. HTML-редакторы с графическим пользовательским интерфейсом (GUI) Graphical User Interface (графический пользовательский интерфейс)-редакторы. Типы GUI-редакторов для HTML. Функциональные возможности GUI-редактора. Создание web- страниц в GUI-редакторе. Текстовые редакторы HTML против GUI- редакторов. Тема 8. Создание динамических элементов в DreamWeaver DreamWeaver-программирование. Назначение палитр Behaviors и TimeLine. Управление параметрами элементов в DreamWeaver. Обработка событий. Типовые операции (модальные окна, открытие новых окон и управление ими), проверка данных формы, управление видимостью и содержанием слоев, проверка браузера. Сложные операции: создание раскрывающихся меню, анимация слоев, создание эффекта «rollover». Использование возможностей Macromedia Flash. Практическая работа Мб. Использование палитры Behaviors для внедрения активных действий Java-script в HTML страницы. Использование временной шкалы (TimeLine) для создания интерактивных, анимированных объектов в HTML странице. Тема 9. CMS (системы управления контентом и структурой сайта). Установка и администрирование Установка системы CMS. Настройка системы. Панель администратора. Настройка базы данных. Установка прав администратора. Изменения профилей пользователей. Изменение прав пользователей. Добавление разделов. Добавление блоков. Добавление новостей. Редактирование блоков. Практическая работа №7. Установка и настройка системы управлением сайтом Joomla. Создание разделов, отключение, включение и размещение информационных блоков, система управления пользователями. Управление контентом. Тема 10. Размещение сайта на сервере и поддержка сайта Описание метаинформации сайта с помощью элемента МЕТА. Вопросы хостинга. Настройка FTP-клиента. Вопросы поддержки сайта. Способы «раскрутки» сайта. Тема 11. Оценка и тестирование сайта Критерии оценок созданного сайта. Способы снижения визуального шума и повышения четкости подачи материала. Этапы стандартного тестирования сайта. Методика тестирования сайта на аудитории. Выработка предложений по редизайну и обоснование необходимости редизайна. КОНТРОЛЬНЫЕ ВОПРОСЫ К ЭКЗАМЕНУ
ТЕМЫ КУРСОВЫХ РАБОТ
ЛИТЕРАТУРА
Дополнительные источники в Интернете но теме курса
|