Створення WEB вузла Німеччина Віртуальна подорож

[ виправити ] текст може містити помилки, будь ласка перевіряйте перш ніж використовувати.

скачати

Астраханський державний технічний університет
Інститут інформаційних технологій і комунікацій
Кафедра ІС
Курсовий проект з дисципліни
«Інформаційні технології в СКС і туризм»
Створення WEB-сайту
Німеччина. Віртуальна подорож.
Виконав студент rp. БС-21
Просвірін Д.М.
Курсовий проект виконаний відповідно
із завданням і допущений до захисту
Керівник
___________ Рєзнік Д.А.
Проект захищений з оцінкою _________
Рєзнік Д.А. ___________
Астрахань 2006

Астраханський державний технічний університет
Інститут інформаційних технологій і комунікацій
Кафедра: ІС
Спеціальність: «Соціально-культурний сервіс і туризм»
Тема: розробка WEB-сайту
ЗАВДАННЯ НА КУРСОВИЙ ПРОЕКТ
Розробити WEB-сайт «Німеччина. Віртуальна подорож »
Вихідні дані до проекту: WEB-сайт, що містить не менше десяти WEB-сторінок, готовий до розміщення на WEB-сервері.
Виконавець: студент гр. БС-21 Просвірін Д.М.. ______________
підпис
Керівник: Рєзнік Д.А. ______________
підпис
Дата видачі: 11.12.2006r.

Зміст
Опис предметної області.
Робочий проект.
Загальні відомості про роботу Web-вузла.
Створення Web-вузла.
Загальна схема розробленого Web-вузла.
Методика випробувань.
Література.
Перелік малюнків
\ C "Рис" Рис.1.1. Ієрархічна організація сайту
Рис 1.2. Лінійна організація сайту
Рис 1.3. Організація сайту у вигляді павутини
Рис 1.4. Зовнішній вигляд сайту
Рис 2.1. Зовнішній вигляд вікна налаштування параметрів зображення.
Рис 2.2. Загальна схема сторінок розробленого сайту
Рис 2.3. IE 5.0. Головна сторінка.
Рис 2.4. IE 5.0. Карта сайту.
Рис 2.5. IE 5.0. Інформаційна сторінка.
Перелік таблиць
\ C "Таблиця" Таблиця 2.1.

Опис предметної області

Internet, WWW (World Wide Web, Всесвітня Павутина), intranet, extranet - всі ці речі і в діловому житті, і в побуті стають настільки ж звичними, як телефон. Незліченна безліч нових технологій, викликаних до життя їх розповсюдженням, міцно входить у наш побут, змінюючи наш спосіб мислення і діяльності. Одне з новітніх напрямків - мережі intranet, внутрішньокорпоративні мережі, побудовані з використанням Internet-технологій - вже сама встигло дати потомство у вигляді extranet, мереж, утворених декількома пов'язаними мережами intranet для забезпечення спільного доступу до інформації. В даний час існує досить багато програмних комплексів, які дозволяють спростити і прискорити вирішення цього завдання. На ринку з'явилися десятки чудових продуктів для Internet. Одним з таких засобів є Microsoft FrontPage.
Microsoft Frontpage покликаний полегшити вам завдання гідно представити себе у WWW або створити Web-сайт для мережі intranet вашої організації. Frontpage, органічно вписується в пакет додатків Microsoft Office, став першим продуктом широкого використання для Internet, що поєднує в собі клієнтську і серверну частини і забезпечує можливість розробки сайту в цілому і встановлення його на більшість популярних серверів. Якщо ви хочете створити свій Web-сайт, але з програмуванням знайомі лише з чуток, не турбуйтеся - Frontpage здатний взяти на себе всю необхідну роботу з програмування.
Frontpage поставляється з декількома додатковими утилітами, разом складовими так званий Frontpage Bonus Pack.
- Microsoft Image Composer, графічний редактор, призначений для створення картинок для вашого Web-сайту і маніпулювання з ними; він надає у ваше розпорядження різні ефекти для обробки зображень.
- Microsoft Personal Web Server (Персональний Web-сервер Microsoft), версія Internet Information Server (IIS, Інформаційний сервер Internet), що працює під Windows 95 і Windows NT Workstation. Від Frontpage Personal Web Server (Персонального Web-сервера Frontpage), що входить до складу власне Frontpage, Microsoft Personal Web Server відрізняє більш висока продуктивність і наявність ряду додаткових можливостей
- Web Publishing Wizard (Майстер публікації в WWW), який дозволяє розміщувати ваші Web-сайти у провайдера, до якого ви підключені, або в онлайнових службах типу America Online або CompuServe. Зазвичай цей майстер використовується для серверів, що не підтримують Серверні розширення Frontpage (Frontpage Server Extensions)
- Microsoft Internet Explorer, Web-браузер Microsoft
Завданням на курсове проектування була розробка сайту на довільну тематику. Мною було прийнято рішення в якості тематики сайту вибрати віртуальну подорож по Німеччині, тому що це досить красива і цікава країна, а в мережі Інтернет вона майже не представлена. За основу інформаційного наповнення сайту була взята книга «Німеччина туристам» під ред. С. Ю. Жидкова.
Було вирішено створити такі розділи:
1. Головна сторінка - містить загальну інформацію про країну.
2. Туристичні маршрути - містять інформацію про маршрути для туристів і призначені для переходу до них.
3. Карти Німеччини - містить географічну, політичну карти Німеччини.
Організація інформації на диску. Для зручності розробки вся інформація на диску розташовується в наступних папках:
1. Кореневий каталог сайту містить всі сторінки і Java-аплети, необхідні для роботи.
2. Папка images, розташована в кореневому каталозі містить підпапку Small - містить зображення, які відображаються на сторінках,
Організація інформації на сайті. Діапазон способів організації вузлів Web вельми широкий: від вузлів, що мають строгу лінійну структуру, до вузлів, у яких взагалі немає чіткої структури.
Ієрархічна організація. Вузли Web, які слідують ієрархічної або деревовидної організації, мають єдину точку входу у вузол; ос-тальне сторінки розташовуються на вихідних з неї відгалуженнях. Даний підхід зручний, якщо можна легко розбити свою інформацію на категорії та підкатегорії. При ієрархічної організації вузла Web до сторінці самого нижнього рівня веде один і тільки один шлях (рис 1.1).
Така сувора структура сайту може викликати проблеми у користувачів. Наприклад, якщо користувач пройшов на декілька рівнів вниз по одному з шляхів, а потім вирішив потрапити в іншу частину дерева, то йому доведеться повертатися назад.
Лінійна організація. Щоб користувачі вузла Web могли читати вміст сайту як книгу або журнал або щоб вони пройшли по за-даному шляху від початку і до кінця вузла - необхідно вибрати лінійну організацію. Якась сторінка може мати декілька зв'язків з примітками і доповненнями, але для просування далі користувач повинен повернутися на неї знову. Просування по документу здійснюється кнопкою «Далі», а повернення до початку вузла - кнопкою «Назад».
Для великого вузла Web лінійна організація підходить не дуже. Читачам, які шукають конкретну інформацію, може не сподобатися необхідність пройти через безліч сторінок, перш ніж вони потраплять на потрібну. Використовуючи лінійний підхід, не треба піддаватися спокусі створювати занадто довгі сторінки Web: багато людей знайдуть перегляд їх дуже виснажливим (рис.1.2).
Організація у вигляді павутини. Організація інформації у вигляді павутини, ймовірно, найкращим чином підходить для більшості випадків. У цій структурі сторінки пов'язані один з одним загальним контекстом. До одній сторінці може вести декілька зв'язків, і в кожного документа є, принаймні, два виходи. Зв'язки іноді утворюють коло. Для подорожей по Web ця організація вузла найбільш приваблива. Швидкий прохід по вузлу і велика свобода переміщення - ось що подобається користувачам. Головний недолік такої структури в тому, що користувач може що-небудь пропустити, так як він може пройти не по всіх зв'язків. Схема такої організації
WWW___ ___________________________
WWW___ ___________________________
WWW___ ___________________________
WWW___ ___________________________
WWW___ ___________________________

ції вузла Web наведена на рис.1.3.
Рис 1. SEQ Рис \ * ARABIC \ s 1 3. Організація сайту у вигляді павутини
Для зручності користування сайтом було вирішено зупинитися на павутині вигляді організації інформації. Для цього стартова сторінка сайту за допомогою фреймів була розбита на дві частини: головне меню і інформаційна частина. Навігація по сайту організовується за допомогою цього фрейму головного меню, а вся корисна інформація відображається в інформаційному фреймі (рис. 1.4)

Робочий проект

Загальні відомості про роботу Web-сайту

Розроблений сайт може працювати практично на всіх web-серверах, а саме: Microsoft Internet Information Server; Apache; Internet Connection Secure Server фірми IBM; Netscape Enterprise Server; Netscape FastTrack Server 2.01; Novell Web Server, що працюють під управлінням операційних систем: Windows NT Server / 2000 Server / XP Server; Unix; IntranetWare; Irix; Mac OS System; RedHat Linux 4.1; Solaris 2.5.1.
Для розміщення створеного сайту необхідно 10Мб вільного місця на диску, інші апаратні вимоги з боку сервера визначаються тим програмним забезпеченням, яке на нього установленно. Для перегляду даного сайту підходить будь-який комп'ютер, підключений до Інтернету, на якому встановлений будь-який інтернет-браузер з підтримкою Java (рекомендуються: Microsoft Internet Explorer версії 4.0 та вище; Netscape Navigator версії 4.0 та вище; Opera версії 4.0 і вище).
При розробці сайту використовувалися такі програмні продукти:
· Операційна система Microsoft Windows 98,
· Пакет Microsoft Office 2000 Розширений випуск,
· Графічний редактор Adobe Photoshop 6.0,
· Засіб перегляду і пакетної обробки зображень IrfanView.

Створення Web-вузла

У Microsoft FrontPage 2000 вибрали пункт меню «File» / «New» / «Web». У який з'явився діалогом вікні вибрали шаблон «Empty Web». Потім через меню «File» / «New» / «Page» створили нову фреймову сторінку, використовуючи шаблон «Contents». Після цього створили нову сторінку меню в лівому фреймі і основну сторінку правом. Зберегли вийшла фреймову сторінку на диск під ім'ям "index.htm" (головна сторінка сайту). Аналогічно були створені і всі інші сторінки.
На сторінці меню у верхній частині було розміщено мінливий зображення, для створення якого використовувався пункт меню «Insert» / «Component» / «Banner Ad Manager ...». У діалоговому вікні були обрані три зображення, які повинні змінювати один одного, і встановлений інтервал зміни в 2 секунди. Для організації навігаційного меню були використані таблиці, залиті сірим фоном, у яких відключені кордону, в осередках яких містяться тексти посилань. Під навігаційним меню розмістили лічильник сторінок (пункти меню «Insert» / «Component» / «Hit Counter ...»)
Для створення карти сайту на малюнку з картою Німеччини були визначені активні області (за допомогою інструмента «Polygonal Hotspot» панелі «Pictures») по межах адміністративних одиниць та створено посилання на відповідні сторінки.
Ілюстрації, присутні на сторінці, є зменшеними копіями оригінальних зображень і являють собою посилання на ці оригінальні зображення. При наведення курсору миші на ілюстрацію на сторінці показується короткий опис даного зображення, а при натисканні на лівої кнопки - у новому вікні відкривається оригінальне зображення. Для реалізації цієї можливості ми скористалися налаштуванням параметрів зображення (рис. 2.1.)

Параметр, що показує, що зображення буде відкриватися в новому вікні
Виноска 2: Параметр, що показує, що зображення буде відкриватися в новому вікні
Посилання на оригінальне зображення
Виноска 2: Посилання на оригінальне зображення
Короткий опис
Виноска 2: Короткий опис
Файл зменшеного зображення
Виноска 2: Файл зменшеного зображення Загальна схема розробленого Web-сайту
Загальна схема сторінок розробленого сайту представлена ​​на рис. 2.2., Де
· Index.htm - головна сторінка сайту,
· R1.htm - інформаційна стартова сторінка сайту,
· R1-1.htm - інформаційна сторінка сайту,
· R1-2.htm - інформаційна сторінка сайту,
· R1-3.htm - інформаційна сторінка сайту,
· R1-4.htm - інформаційна сторінка сайту,
· R2.htm - сторінка, присвячена картками Німеччини.
· R3.htm - сторінка, присвячена гірськолижним курортам Німеччини,
· R3-1.htm - інформаційна сторінка сайту,
· R3-2.htm - інформаційна сторінка сайту,
· R3-3.htm - інформаційна сторінка сайту,
R1
R2
R3
R1-1
R1-2
R1-2
R1-1
R1-2
R1-1
R1-2
index


Рис 2. SEQ Рис \ * ARABIC \ s 1 2. Загальна схема сторінок розробленого сайту

Методика випробувань

Тестування здійснювалося в браузерах Microsoft Internet Explorer 5.0 на разрешеніі1024 * 768. (Див. рис. 2.3. - 2.9).
Дозвіл 1024 * 768. Microsoft Internet Explorer 5.0.

Середній час завантаження сторінок представлено в таблиці 2.1.
Таблиця 2. SEQ Таблиця \ * ARABIC 1.
Швидкість з'єднання (Кб / сек).
Середній час завантаження (сек) [1]
<1
> 10
1 .. 4,5
10 .. 2,2
> 4,5
<2,2
Отже, навіть при модемному з'єднанні (середня швидкість порядку 4-5Кб/сек) час завантаження сторінок є прийнятним.

Література

1. Вайтскопф Дж.. FrontPage 2000 навчальний курс. - СПб.: Пітер, 2000р. -352с.
2. Кірсанов Д.. Веб-дизайн: книга Дмитра Кірсанова. - СПб.: Символ-Плюс, 1999. - 376с.
3. Нідерст Дж.. Web-мастеринг для професіоналів. - СПб.: Пітер, 2001р. - 576с.
4. Нільсен Я.. Веб-дизайн: книга Якоба Нільсена. - Пер. з англ. - СПб.: Символ-Плюс, 2000р. - 512с.
5. Паркер Р.. Як зробити красиво на папері. - СПб.: Символ-Плюс, 1999. - 336с.
6. Стразніцкас М.. Web-графіка: навчальний курс. - СПб.: Пітер, 2001р. - 480с.


[1] Розраховується за формулою: (Середній розмір сторінки (байт)) / (Швидкість з'єднання (байт / сек)). Середній розмір сторінки вважаємо рівним 10кб (10240 байт)
Додати в блог або на сайт

Цей текст може містити помилки.

Програмування, комп'ютери, інформатика і кібернетика | Курсова
34.4кб. | скачати


Схожі роботи:
Створення WEBузла Німеччина Віртуальна подорож
Загальні відомості про HTML принципи створення Web вузла
Web-Дизайн і програми для створення web-сторінок
Створення WEB
Створення Web-сайту
Створення Web-документа
Створення web-сторінки
Створення простої web сторінки
Принципи створення Web-сторінок
© Усі права захищені
написати до нас