Автор: Пользователь скрыл имя, 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
ПРИЛОЖЕНИЕ А
ПРИЛОЖЕНИЕ В
Отметим,
что, кроме перечисленных выше "универсальных"
средств создания как приложений
в архитектуре "клиент-сервер",
так и бизнес-объектов для распределенных
систем, на рынке средств разработки имеются
и специализированные средства, предназначенные
именно для создания бизнес-объектов (как
правило, Web-приложений). Из средств разработки
такого класса для платформы Windows наиболее
популярен Microsoft Visual InterDev, первая версия
которого появилась в 1998 году. Можно также
упомянуть еще один интересный продукт,
относящийся к той же категории средств
разработки, - Borland IntraBuilder, появившийся
двумя годами раньше, но почему-то, несмотря
на растущую потребность в продуктах такого
класса, не получивший дальнейшего развития.
Средства разработки подобного класса,
как правило, позволяют создавать приложения,
динамически генерирующие HTML-код либо
код на одном из скриптовых языков (VBScript
или JavaScript), который передается Web-сервером
в браузер пользователя в составе Web-страницы,
и воспринимающие данные, введенные пользователем
в HTML-форме и переданные браузером Web-серверу.
Заключение
Жизненный
цикл информационной системы не завершается
разработкой приложений. После создания
их полагается тестировать, внедрять,
обучать пользователей их применению,
и наконец, эксплуатировать их в
течение ряда лет. В результате подобной
эксплуатации накапливаются данные,
которые, как правило, являются гораздо
более ценными, чем собственно приложения.
Эти данные нередко представляют
собой необходимый для принятия
важных управленческих решений материал,
поэтому важно уметь
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-сайта с помощью такого программного продукта, как 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
полностью настраиваемый.
2.3 Разработка структуры 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-страниц разнообразны. В первую очередь следует выделить следующие из них: