Методичні вказівки щодо створення сайту.
Індивідуальна робота № 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