- •Встановлення сервера 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. А тепер давайте на основі набутих знаннь створемо просту табличку:
- •Висновок
7. Другий стовпчик ми зробимо різнокольоровим без жодних відступів .
· Для того, щоб зробити текст різнокольоровим використаємо тег <FONT>:
<FONT COLOR=RED SIZE=3.5 FACE=Times New Roman> - де
§ COLOR – колір
§ SIZE – розмір тексту
§ FACE-тип шрифту
Використовуємо цей тег:
<FONT COLOR=RED SIZE=3.5 FACE=Times New Roman>
<P> Я не скажу тобі, що надвечір’я</P>
<P> Глибинами в очах твоїх лягло </P>
<P> А верховинним кряжем золотих</P>
<P> Твоїх зіниць проходить зморне сонце.</P>
</FONT>
Тепер давайте зробимо другий рядок другого стовпчика зеленим за допомогою тега <FONT> і встановимо SIZE=4:
<FONT COLOR=RED SIZE=3.5 FACE=Times New Roman>
<P> Я не скажу тобі, що надвечір’я</P>
<FONT COLOR=GREEN SIZE=6 FACE=Times New Roman>
<P> Глибинами в очах твоїх лягло </P>
</FONT>
<P> А верховинним кряжем золотих</P>
<P> Твоїх зіниць проходить зморне сонце.</P>
</FONT>
8. Після того, як ми ввели текст вірша, його необхідно підписати.
Підпишепо ми його наступним чином:
Вірш Дмитра Павличка під назвою СПОГАД.
Вводимо підпис в веб-доукмент:
<P>Вірш Дмитра Павличка під назвою СПОГАД</P>
§ Виділимо слово “Вірш” напівжирним шрифтом, за допомогою тега <B>:
<P><B>Вірш</B> Дмитра Павличка під назвою СПОГАД</P>
§ Текст “Дмитра Павличка” зробимо підкресленим, за допомогою тега <U> і розмістимо текст в правій стороні веб-браузера:
<P ALIGN=RIGHT><B>Вірш</B><U> Дмитра Павличка</U> під назвою СПОГАД</P>
9. Зберігаємо зміни зроблені в веб-документі.
Ось як має виглядати написаний текст веб-документа в кінцевому варіанті даного розділу розділу:
<HTML>
<HEAD>
<TITLE>
Поезія Дмитра Павличка
</TITLE>
</HEAD>
<BODY>
<H1 ALIGN=CENTER ><I> Поезія Дмитра Павличка </I></H1>
<H2> <P ALIGN=CENTER> СПОГАД</P></H2>
<blockquote >
<blockquote >
<blockquote >
<P>Я не скажу тобі, що ти змінилась, </P>
<P>Що зморшки появились як сліди</P>
<P>Дрібнесеньких стеблинок після сну</P>
<P>Тружденного на запашній отаві. </P>
</blockquote >
</blockquote >
</blockquote >
<FONT COLOR=RED SIZE=3.5 FACE=Times New Roman>
<P> Я не скажу тобі, що надвечір’я</P>
<FONT COLOR=GREEN SIZE=6 FACE=Times New Roman>
<P> Глибинами в очах твоїх лягло </P>
</FONT>
<P> А верховинним кряжем золотих</P>
<P> <font style="back-ground-color: green">Твоїх зіниць проходить зморне сонце.</FONT></P>
</FONT>
<P ALIGN=RIGHT><B>Вірш</B><U> Дмитра Павличка</U> під назвою СПОГАД</P>
</BODY>
</HTML>
Можемо перейти до наступного розділу.
3. Списки з номерами і без
В даному розділі, ми будемо вчитися за допомогою елементів <OL> і <UL> створювати списки з номерами і без.