- •Встановлення сервера 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. А тепер давайте на основі набутих знаннь створемо просту табличку:
- •Висновок
1. Відкриваємо текстовий редактор блокнот.
2. Починаємо писати веб сторінку з тегу <HTML>, який є ознакою того, що даний файл містить документ HTML. Цей тег буде останнім який закриє документ.
3. Пишемо тег <HEAD>, який обмежує розділ заголовків.
4. Пишемо тег <TITLE>, який вказує заголовок документа.
5. Після тегу <TITLE> вписуємо заголовок документа, який буде виводитися в рядку заголовка програми.
Заголовок програми є наступним: Поезія Дмитра Павличка.
6. Закриваємо теги від в такій послідовності-останнього до першого:
</TITLE>
</HEAD>
НАПИСАНИЙ ТЕКСТ НА ДАНОМУ ЕТАПІ ПОВИНЕН ВИГЛЯДАТИ НАСТУПНИМ ЧИНОМ :
<HTML>
<HEAD>
<TITLE>
Поезія Дмитра Павличка
</TITLE>
</HEAD>
7. Далі, задаємо основну частину документа тегом <BODY>
8. Закриваємо частину документа тегом </BODY>
9. Закриваємо частину документа тегом </HTML>
НАПИСАНИЙ ТЕКСТ НА ДАНОМУ ЕТАПІ ПОВИНЕН ВИГЛЯДАТИ НАСТУПНИМ ЧИНОМ :
<HTML>
<HEAD>
<TITLE>
Поезія Дмитра Павличка
</TITLE>
</HEAD>
<BODY>
....
“ТІЛО” ДОКУМЕНТА
....
</BODY>
</HTML>
10. Тепер нам треба зберегти наш текст в html форматі. Для цього в меню “Файл” текстового редактора Блокнот ми вибираємо підменю “Зберегти як” .
В поле ім’я форми “Зберегти як” вказуємо ім’я нашої сторінки-W_01 із розширенням html.
Повне ім’я повинне виглядати наступним чином: W_01.html.
Створюємо на диску C папку з іменем “ERA_2008” і зберігаємо в неї наш файл.
Щоб відкрити веб-сторінку необхідно лівою кнопки мишки два рази клікнути по файлу W_01.html в папці ERA_2008, або клікнути правою кнопкою мишки і в меню яке відкриється вибрати підменю: “Відкрити з допомогою” В цьому підменю необхідно вибрати веб-браузер з допомогою якого ми можемо переглянути створену веб-сторінку, наприклад веб-браузер Internet Explorer.
Ось таким чином, ми побудували структуру нашої першої веб-сторінки і навчилися її відкривати, та переглядати.
Можемо перейти до наступного розділу.
2. Інформаційне наповнення веб-сторінки
В даному розділі, ми будемо наповнювати нашу веб-сторінку текстовою інформацією, зокрема будем наповнювати поезією Дмитра Павличка “Спогад”, при цьому використовуючи різні теги для форматування і редагування тексту.
В попередньому розділі ми створили структуру нашого веб-документа:
<HTML>
<HEAD>
<TITLE>
Поезія Дмитра Павличка
</TITLE>
</HEAD>
<BODY>
....
“ТІЛО” ДОКУМЕНТА
....
</BODY>
</HTML>
А зараз, ми будемо наповнювати “ТІЛО” ДОКУМЕНТА поезією Дмитра Павличка.
Для цього ми:
1. Відкриємо наш файл w_01.Html наступним чином:
· Натискаєм правою кнопки мишки по файлу W_01.html один раз і в меню яке появиться вибираємо підменю “Відкрити з допомогою”. В цьому підменю вибираємо текстовий редактор БЛОКНОТ і відкриваємо ним файл.
· Або відкриваємо подвійним натисканням лівої кнопки миші файл W_01.html. Даний файл автоматично відкриється веб-браузером Internet Explorer. У вікні веб-браузера, по робочому полю, натискаємо один раз праву кнопку миші і в меню яке появиться вибираємо команду “Перегляд HTML коду”. У результаті появиться текстовий редактор БЛОКНОТ із нашим текстом веб-сторінки.