
- •Встановлення сервера Apache
- •Налаштування сервера Apache
- •Тестування сервера Apache
- •Реалізація веб-сайту системи для вивчення геоінформаційних мереж
- •1. Створення структури веб-сторінки
- •1. Відкриваємо текстовий редактор блокнот.
- •6. Закриваємо теги від в такій послідовності-останнього до першого:
- •10. Тепер нам треба зберегти наш текст в html форматі. Для цього в меню “Файл” текстового редактора Блокнот ми вибираємо підменю “Зберегти як” .
- •2. Інформаційне наповнення веб-сторінки
- •1. Відкриємо наш файл w_01.Html наступним чином:
- •2. Починаємо наповнювати нашу веб-сторінку.
- •3. Тепер розмістимо наш заголовок по центрі веб-сторінки.
- •4. Тепер ми введемо назву вірша, який наповнить нашу веб- сторінку. Вірш має назву - “спогад”.
- •6. А тепер власне ми перейдемо до наповенння веб-сторінки віршем.
- •7. Другий стовпчик ми зробимо різнокольоровим без жодних відступів .
- •8. Після того, як ми ввели текст вірша, його необхідно підписати.
- •9. Зберігаємо зміни зроблені в веб-документі.
- •3. Списки з номерами і без
- •1. Давайте створимо новий html документ, на основі набутих знаннь при вивченні попередніх розділів:
- •2. А тепер давайте розберемося із елементами які створюють нумерований і ненумерований список:
- •3. Створіть такий наступний список в “тілі” документа і перегляньте результати у веб-браузері:
- •4. Вставка зображення у веб-сторінці
- •1. Але для початку давайте створимо новий html документ, на основі набутих знаннь при вивченні попередніх розділів:
- •3. А тепер, давайте власне перейдемо до розміщення зображення на веб-сторінці.
- •4. Вставляємо наше зображення у веб-документ:
- •5. А тепер давайте реалізуємо ссилку на інше місце у нашій створеній веб сторінці:
- •6. Створення таблиці
- •1. Давайте створимо новий html документ, на основі набутих знаннь при вивченні попередніх розділів:
- •4. А тепер давайте на основі набутих знаннь створемо просту табличку:
- •Висновок
Тестування сервера Apache
Налаштувавши сервер Apache, можна його запустити Для запуску сервера тиснемо меню Пуск, потім Програми, Apache Web Server, Management і Start Apache, при цьому з'явиться вікно, дуже схоже на сеанс MS-DOS Не закриваємо його і не чіпаємо до кінця роботи з Apache.
Якщо вікно відкривається і тут же закривається, це означає, що було припущено якоїсь помилки у файлі httpd.conf. В такому випадку доведеться шукати неточність. Для того, щоб перевірити, чи правильно створені директорії для веб-документів, необхідно виконати наступні перевірки:
Перевірка html.
В директорії z:/home/localhost/www з html-документами Apache створюємо файл index.html з будь-яким текстовим змістом. Запускаємо браузер і набераємо такий рядок:
http://localhost/index.html
або просто
http://localhost/
Повинен завантажитися створений файл.
Перевірка SSI.
В директорії z:/home/localhost/www з html-документами Apache створюємо файл test.shtml з таким змістом (необхідно уважно стежити за дотриманням пропусків в директиві include!):
SSI Test!<hr>
<!--#include virtual="/index.html" -->
<hr>
Тепер набераємо в браузері:
http://localhost/test.shtml
Повинен завантажитися файл, який складається з тексту "SSI Test!", за яким слідує вміст файла index.html між двома горизонтальними рисками. Якщо цього не відбулося, значить, неправильно налаштована робота SSI.
Перевірка CGI.
В директорії z:/home/localhost/cgi для CGI-скриптів створюємо файл test.bat з таким змістом:
@echo off
echo Content-type: text/html
echo.
echo.
dir
Тепер в браузері набераємо:
http://localhost/cgi/test.bat
У вікні відобразиться результат команди DOS dir.
Якщо щось пішло не так, або вікно Apache відкривається і тут же закривається, значить, десь відбулася помилка - швидше за все, в httpd.conf. За детальним роз'ясненням причин помилки, можна звернутися до log-файлів, розташованих в директорії C:\Program Files\Apache Group\Apache\logs.
Реалізація веб-сайту системи для вивчення геоінформаційних мереж
Написання веб-сторінок здійснювалося на комп’ютері з операційною системою Windows XP, в текстовому редакторі БЛОКНОТ, фірми Microsoft, який зображений на рис. 4.1.
Рис.4.1. Текстовий редактор БЛОКНОТ
Характеристики комп’ютера, на якому був написаний веб-сайт, є наступними:
Intel® Pentium® 4 CPU 2.40 GHz, 2.39 ГГц, 256 МБ ОЗУ.
Мета даного веб-сайту полягає в тому, щоб допомогти студенту навчитися встановлювати веб-сервер і його адмініструвати, допомогти навчитися створювати власні веб-сторінки і їх розміщувати на сервері. Діаграма ієрархії функції веб-сайту представлена на рис. 4.2.
Написння веб-сайту, на мові HTML, було розпочате з написання першої (головної) веб-сторінки, яка дозволяє користувачу перейти на дві інші веб-сторінки.
Рис.4.2. Діаграма ієрархії функції веб-сайту
1. Створення структури веб-сторінки
Символи, взяті в кутові дужки <> є HTML командами, по яким «браузер» розпізнає, як потрібно перетворити частини тексту, укладені між цими командами.
Документ загалом повинен бути відмічений як документ в форматі HTML. Для цього він повинен починатися командою <HTML> і закінчуватися командою </HTML>.
Документ складається з 2 частин:
· Заголовка (Head),
· Власне документа (Body).
Для виділення заголовка потрібно ввести:
<HEAD> Заголовок документа <HEAD>
Кожний WWW - документ має назву, яка вводиться в титульному рядку броузера. Для введення титульного рядка в заголовок документа потрібно скористатися наступними командами:
<HEAD> <TITLE> TITLE List </TITLE> </HEAD>
Потрібно зазначити, що титульний рядок повинен бути на англійській мові в латинському кодуванні оскільки вона відображається в спеціальних полях броузера.
Для запису основного тексту потрібно ввести:
<BODY> Основний текст </BODY>
Таким чином, загальна схема документа в форматі HTML виглядає таким чином:
<HTML>
<HEAD> <TITLE> Титульний рядок документа </TITLE> </HEAD>
<BODY> Основний текст документа </BODY>
</HTML>
При написанні команд HTML не має значення, якими буквами - рядковими або прописними писати команди.
У файлі HTML в його вихідному виді теги форматування перемішані зі звичайним текстом. Головною особливістю розмітки HTML є можливість вставки посилань на зовнішні документи або на внутрішні розділи того ж самого документа.
Отож, почнемо написання нашої першої веб-сторінки.
Для написання веб-сторінки, ми скористаємося нескладним текстовим редактором фірми Майкрософт – БЛОКНОТ.