Разработка мультимедийного Web-сайта

Автор: Пользователь скрыл имя, 18 Апреля 2012 в 21:29, курсовая работа

Описание работы

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

Содержание

АНИЕ.................................................................................................4
ВВЕДЕНИЕ...................................................................................................................5
1 ТЕОРЕТИЧЕСКАЯ ЧАСТЬ..................................................................................6
1.1 Понятие сети Интернет. Классификация сервисов Интернет..................6
1.2 Преимущества и направления использования Интернет для бизнеса…………………………………………………………………………………..9
1.3 Понятие, цели и задачи Web-сайтов. Классификация Web-сайтов…………………………………………………………………………………..11
1.4 Этапы проектирования Web-сайтов……………………………………..12
1.5 Средства разработки приложений……………………………………….14
1.5.1 Средства разработки приложений…………………………………14
1.5.2 Программные продукты…………………………………………….15
1.5.3 Классификация средств разработки приложений…………...........16
1.5.4 Классификация приложений, использующих базы данных...........19
2 ПРАКТИЧЕСКАЯ ЧАСТЬ.................................................................................22
2.1 Постановка задачи.........................................................................................22
2.2 Обоснование выбора средства разработки Web-сайта…………………..22
2.3 Разработка структуры Web-сайта…………………………………………23
2.4 Выбор компоновки Web-страниц …………………………………...........25
2.5 Разработка контента и оформление Web-страниц………………............27
2.5.1 Структура и компоненты HTML-документа……………………….28
2.5.2 Теги для структурирования и форматирования текста…………….29
2.5.3 Теги для работы с графикой в HTML-документах………………...33
2.6 Разработка и настройка системы гиперссылок…………………………...34
2.7 Тестирование и продвижение Web-сайта………………………………..36
ЗАКЛЮЧЕНИЕ…………………………………………………………………….39
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ………………................41
ПРИЛОЖЕНИЕ А
ПРИЛОЖЕНИЕ В

Работа содержит 1 файл

Пояснительная записка_распечатать.docx

— 3.59 Мб (Скачать)

     Отметим, что, кроме перечисленных выше "универсальных" средств создания как приложений в архитектуре "клиент-сервер", так и бизнес-объектов для распределенных систем, на рынке средств разработки имеются и специализированные средства, предназначенные именно для создания бизнес-объектов (как правило, Web-приложений). Из средств разработки такого класса для платформы Windows наиболее популярен Microsoft Visual InterDev, первая версия которого появилась в 1998 году. Можно также упомянуть еще один интересный продукт, относящийся к той же категории средств разработки, - Borland IntraBuilder, появившийся двумя годами раньше, но почему-то, несмотря на растущую потребность в продуктах такого класса, не получивший дальнейшего развития. Средства разработки подобного класса, как правило, позволяют создавать приложения, динамически генерирующие HTML-код либо код на одном из скриптовых языков (VBScript или JavaScript), который передается Web-сервером в браузер пользователя в составе Web-страницы, и воспринимающие данные, введенные пользователем в HTML-форме и переданные браузером Web-серверу. 

     Заключение

     Жизненный цикл информационной системы не завершается  разработкой приложений. После создания их полагается тестировать, внедрять, обучать пользователей их применению, и наконец, эксплуатировать их в  течение ряда лет. В результате подобной эксплуатации накапливаются данные, которые, как правило, являются гораздо  более ценными, чем собственно приложения. Эти данные нередко представляют собой необходимый для принятия важных управленческих решений материал, поэтому важно уметь преобразовывать  их к виду, пригодному для подобной цели. Для этого существуют средства, относящиеся к категории Business Intelligence - генераторы отчетов, средства аналитической  обработки данных и поиска закономерностей. О них мы поговорим в следующей  статье данного цикла. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

2 Практическая часть   

2.1 Постановка задачи

Средствами Web-редактора  разработать мультимедийный Web-сайт по теме “Средства разработки приложений”.

      Web-сайт  должен состоять из набора  Web-страниц:

    • титульной (начальной) страницы;
    • не менее трех страниц основного содержания;
    • страницы Вопрос-ответ (список часто задаваемых вопросов по теме и кратких ответов на них)
    • страницы ссылок на литературные и электронные источники;
    • страницы с информацией об авторе.

     Для перехода между страницами сайта  предусмотреть систему гиперссылок (навигационную карту).

     Выделить  ключевые слова для сайта, записать метатеги в заголовочной части Web-страниц.

     Выполнить публикацию Web-сайта на локальном  или сетевом ресурсе.

     Выполнить тестирование Web-сайта в браузере Microsoft Internet Explorer.

     Предусмотреть мероприятия по привлечению посетителей Web-сайта. 

2.2 Обоснование выбора  средства разработки Web-сайта

      Web-страницы можно создавать вручную с помощью языка HTML (Hypertext Markup Language – язык разметки гипертекста), при этом ввод HTML-кода выполняется в любом текстовом редакторе или с помощью HTML-редакторов.

      Наиболее  известные редакторы Web-страниц:

    • Web Page Maker;
    • DTM Lome;
    • Artisteer;
    • Amaya;
    • NeonHTML;
    • Serif WebPlus;
    • HP Designer;
    • Dreamweaver.
 

      Для создания элементов страниц используются следующие инструментальные средства: графические редакторы для создания графических файлов, текстовые редакторы  для создания текстов, звуковые редакторы  для создания звуковых файлов.

      Чтобы сделать сайт эффективным, необходимо визуализировать поток информации и выбираемые пользователем пути. Другими словами, нужно посмотреть на сайт с точки зрения пользователя. Тщательно продумывается как внешний вид сайта, так и объем, и способ представления информации.

      Что касается меня, я выбрала создание Web-сайта с помощью такого программного продукта, как  Adobe Dreamweaver.

      Macromedia Dreamweaver (сейчас - Adobe Dreamweaver) - профессиональный редактор HTML для проектирования, написания кода и поддержки сайтов, web-страниц и приложений сети. Dreamweaver обеспечивает полезными инструментальными средствами, чтобы увеличить опыт создания web-страниц и сайтов.

      Визуальные  возможности редактирования в Dreamweaver позволяют быстро создавать страницы без того, чтобы писать код вручную. Возможно просматривать все элементы сайта или активы и быстро вставлять их из панели непосредственно в документ. Можно упрощать действия, создавая и редактируя изображения в Macromedia Fireworks или в другом графическом редакторе, затем импортируя их непосредственно в Dreamweaver или добавляя объекты Macromedia Flash.

      Dreamweaver также обеспечивает полнофункциональную среду написания кода, которая включает инструментальные средства редактирования кода (например, раскраска кода или проверка закрытия тегов) и справочная информация по HTML, CSS, JavaScript, язык разметки ColdFusion (CFML), Microsoft Active Server Pages (ASP) и страницы JavaServer (JSP).

      Технология Roundtrip HTML импортирует документы HTML без  переформатирования кода и возможно настроить Dreamweaver, чтобы он наводил порядок и переформатировал HTML, как этого хочет пользователь без того, чтобы повторно форматировать код.

      Dreamweaver также дает возможность строить динамические станицы, использующие сервер-технологии CFML, ASP.NET, ASP, JSP и PHP.

      Dreamweaver полностью настраиваемый. Использование Dreamweaver дает возможность создавать свои собственные объекты и команды, изменять "горячие" клавиши и даже писать код JavaScript, расширять возможности Dreamweaver новыми свойствами, инспекторами свойств и новыми отчетами о сайте. 

2.3 Разработка структуры  Web-сайта

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

       Простота  и удобство навигации является одним  из важных факторов, определяющих посещаемость Web-сайта. Пользователи должны быстро и легко перейти на любую страницу Web-сайта, в том числе и на начальную. Навигационная схема Web-сайта зависит от его структуры и определяет то, как пользователь будет по нему перемещаться и получать доступ к информации, которая в нём представлена.

     Информационная  структура сайта представлена следующими страницами:

  • Главная;
  • Об авторе;
  • Информация;
  • Вопрос-ответ;
  • Литература.

    Существуют  следующие структуры Web-сайтов:

  • линейная (страницы Web-документа следуют строго одна за другой, имеется возможность возврата на один уровень назад);
  • нелинейная (существует возможность перехода от страницы к странице независимо от иерархии);
  • иерархическая (существует заглавная страница, возможность перехода по дереву ссылок, выделяются основные разделы);
  • комбинированная (создана на основе иерархической и присутствуют элементы линейной).
 

      В соответствии с перечнем обязательных страниц для Web-сайта наиболее удобной  может быть комбинированная структура (рисунок 3).  

Рисунок 3 – Структура  Web-сайта 
 
 
 
 
 
 
 
 

     В соответствии с разработанной структурой, для  Web-сайта должны быть созданы  следующие Web-страницы (таблица 1). 
 

     Таблица 1 – Перечень страниц Web-сайта

    Страница Имя файла Описание
    Главная index.htm начальная страница, загружаемая при открытии сайта, содержит название сайта, его назначение
    Сайт cotent.htm основная страница сайта, содержит краткое описание основных разделов сайта
    Раздел 1 razdel-1.htm первый раздел сайта (например, основные понятия и  определения по теме)
    Раздел 2 razdel- 2.htm второй раздел сайта (например, классификация, подробное  описание рассматриваемых понятий  и т.д.)
    Источники literature.htm страница, содержащая ссылки по теме, -  перечень электронных  и печатных источников, использованных при создании сайта
    Об  авторе avtor.htm основные сведения об авторе сайта, включая  фотографию, биографические сведения, информацию о профессиональных интересах, успеваемости и т.п., а также контактную информацию (адрес e-mail, номер ICQ и т.д.)

 
 

2.4 Выбор компоновки Web-страниц

      Существуют  следующие наиболее распространенные компоновки Web-страниц (рисунок 4) в соответствии с расположением навигационной панели:

      - левосторонняя (правосторонняя);

      - с верхним расположением навигации;

      - комбинированная. 

Левосторонняя  
компоновка
Верхнее позиционирование Комбинированная компоновка

 

Рисунок 4 – Виды компоновок Web-страниц 

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

       Для разработки структуры страниц могут  применяться 2 вида верстки: фреймовая  и табличная. Фреймы, как и таблицы, позволяют разбивать страницу на отдельные области, в которых  будут находиться элементы.

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

       Как правило, постоянные элементы дизайна (логотип, меню…) размещаются в отдельные  ячейки (а иногда и таблицы). При  просмотре Web-страницы первый раз они кэшируются, при переходе на другую страницу с таким же дизайном, выводятся на экран пользователя в считанные доли секунды, создавая впечатление, будто бы меняется только область , отведения под основное содержание. Функции таблиц при создании Web-страниц разнообразны. В первую очередь следует выделить следующие из них:

Информация о работе Разработка мультимедийного Web-сайта