Методичні вказівки щодо створення сайту.

Індивідуальна робота № 1

Тема: Пошук та обробка текстової інформації
Ціль роботи: Засвоїти основні прийоми роботи з текстовою інформацією. Представлення інформації у Інтернет просторі, та побудова складних документів за допомогою текстових процесорів.

Програма роботи:

Частина I.

Побудувати сайт-візитку своєї компанії, що обов’язково містить наступні елементи:

1. Загальні відомості про компанію

a. Назва компанії повна та скорочена;

b. Логотип компанії

c. Девіз.

d. Додати ключові слова для використання їх подальшому пошуковими системами.

2. Загальні відомості про продукцію чи послугу:

a. Технічні характеристики

b. Малюнок, що представляє продукцію

c. Прайс-лист продукції.

3. Інформація щодо контактів

a. Адреса

b. Телефон

c. Карта проїзду.

Частина II.

Побудувати звіт про створення сайту у вигляді складного документу з наступними елементами

1. Титульний аркуш.

2. Алгоритм створення сайту, що містить:

a. Зміст, що складено автоматично

b. Скрiншоти процесу створення з автоматично доданими назвами.

3. Колонтитули

a. Верхній – назва розділу

b. Нижній – прізвище студента та назва групи.

c. Перелік ключових слів

 

Методичні вказівки щодо створення сайту.

Побудуємо сайт для ЧП Булкін, що виготовляє пироги з начинкою із різноманітних фруктів.

1. Створимо сторінку з зальними відомостями, для цього побудуємо основні елементи за допомогою тегів в текстовому редакторі.

<html>

<head>

<title> Хлібобулочна компанія "Булкін"

</title>

</head>

<body bgcolor=lightyellow>

Хлібобулочна компанія "Булкін"

</body>

</htmL>

 

Рис. 1. Загальний вид документу

2. Додаємо назву и логотип за допомогою тегів зображення та тексту

<img src="kolobok.gif" width=10% > <font face="Vedana" size=4 color="dackyellow">

Хлібобулочна компанія "Булкін"

виготовляє пироги з різноманітними фруктовими начінками </font></p>

 

3. Вкажемо гіперпосилання на інші сторінки

Наприклад, так

<table width=70%> <tr><td> <a href=main.htm >Головна</a></<td><td> <a href=product.htm >Продукція</a></td><td> <a href=contacts.htm >Контакти</a></td></table>

Рис. 2

4. Аналогічно будуємо сторінки продукції, контактів

 

<html>

<head>

<title> Продукція. Хлібобулочна компанія "Булкін".

</title>

</head>

<body bgcolor=lightyellow>

<img src="kolobok.gif" width=10% > <font face="Vedana" size=4 color="dackyellow">

Хлібобулочна компанія "Булкін"

виготовляє пироги з різноманітними фруктовими начінками </font></p><table width=70%> <tr><td> <a href=main.htm >Головна</a></<td><td> <a href=product.htm >Продукція</a></td><td> <a href=contacts.htm >Контакти</a></td>

</table>

 

<table>

<tr><td> <img src="pirig1.jpg"> </td> <td> Духмяний яблучний пиріг на столі збере усю сім'ю разом.</td>

</tr>

<tr><td> <img src="pirig2.jpg"> </td> <td> Він простий та нарядний... Дуже смачний...</td>

</tr>

<tr><td> <img src="pirig3.jpg"> </td> <td>Пиріг - з нашого дитинства... Бабуся його пекла, як тільки но з'являлась слива на ринку. </td>

</tr> </table>

<font face="Vedana" size=6 color="blue">Наші піроги - це корисно та смачно!</font>

</body>

</htmL>

 

Рис. 3

 

<html>

<head>

<title> Контакти. Хлібобулочна компанія "Булкін"

</title>

</head>

<body bgcolor=lightyellow>

<img src="kolobok.gif" width=10% > <font face="Vedana" size=4 color="dackyellow">

Хлібобулочна компанія "Булкін"

виготовляє пироги з різноманітними фруктовими начінками </font></p><table width=70%> <tr><td> <a href=main.htm >Головна</a></<td><td> <a href=product.htm >Продукція</a></td><td> <a href=contacts.htm >Контакти</a></td>

</table>

<font face="Vedana" size=4 color="dackyellow">До нас можна звернутися </font>

<table>

<tr><td><font face="Vedana" size=4 color="greenblue">за телефонами</font></td> <td> (062) 223 32 22</td>

</tr>

<tr><td> <font face="Vedana" size=4 color="greenblue">і особисто за адресою</font><td> вул. Артема 128. м. Донецьк</td>

</tr>

<tr><td> <font face="Vedana" size=4 color="greenblue">до нас можна дістатися так </font></td> <td><a href='http://map.meta.ua/map/donetsk/#x:1139:y:-797:s:1:o:'><img style='border:0' src='http://map.meta.ua/export.php?map=donetsk&scale=1&x=1005&y=-912&w=268&h=229&objects=&mode=image' width='268' height='229' alt='МЕТА карта Донецка'></a></td>

</tr></table>

<font face="Vedana" size=6 color="blue">Наши пироги - це корисно та смачно!</font>

</body>

</htmL>

 

Рис. 4

 

5. Карта надана сайтом <МЕТА> карты украины, для використання треба зайти до сайту http://map.meta.ua/map/donetsk/

Рис. 5 Сайт з картою мю Донецьк

 

6. Знайти адресу

Рис. 6 Схема проїзду

 

7. Обираємо посилання Ссылка на карту

 

 


Міністерство освіти та науки України

Донецький державний університет управління

Кафедра інформаційних технологій

Індивідуальна робота № 1

Тема роботи: «Пошук та обробка текстової інформації»

Студента 1-го курса денної форми навчання

Іванова Івана Івановича

Група М-10-1

Звіт отримано:

«___» _____________ 2011 р.

Викладач _______________

(підпис)

Донецьк 2011