4. Етап створення сайту.

Всі програми, написані мовою HTML (HTML-файли) мають однакову структуру. Можна зекономити час при створенні своїх Web-сторінок, якщо використовувати цю структуру як еталон. Зокрема, обов'язково повинні бути такі команди(теги):

<html>

<head>

<title> ..Назва вікна Web-сторінки.. </title>

</head>

<body>

</body>

</html>

Теги <html> i </html> обмежують WWW-документ і записуються лише задля форми. Команди <head> i </head> обмежують заголовок сторінки. Ці теги також не є обов'язковими, вони допомагають краще структурувати сторінку. Нарешті, <title> виконує важливу функцію. Текст, введений між <title> і </title>, з'являється в броузері в рядку заголовку. Ще важливішим є тег <body>, який дозволяє описати власне Web-документ. В цьому місці розміщується певна кількість параметрів, що визначають зовнішній вигляд документа. Ці параметри, наприклад, визначають, як виглядає фон і колір тексту і яке зображення повинно бути на задньому плані Web-сторінки.

На цьому завершуємо початкове ознайомлення із тегами мови HTML та їх використанням, оскільки на практичних заняттях буде детально розглянуто створення власної Web-сторінки.

На завершення звернемо увагу, що для створення Web-сторінок дизайнери використовують гіпертекстові редактори, наприклад, Macromedia Dreamweaver, Microsoft FrontPage та інші, хоча за достатнього володіння мовою HTML можна писати Web-сторінки в будь-якому текстовому редакторі, наприклад, Блокнот(NotePad). Після написання програм файл потрібно зберегти на диску з певною назвою та розширенням .html чи .htm.

Сучасні текстові процесори, наприклад, MS Word, Lotus WordPerfect дають змогу створити Web-сторінки методом конструювання без застосування команд HTML, оскільки вони генерують ці команди автоматично. Загальна назва таких програм, які мають можливість автоматизованого створення Web-сторінок без явного застосування користувачем мови HTML - Web-композери.

Розглянемо дещо детальніше можливості композера, які має програма MS Word. Щоб створити Web-сторінку або цілий Web-сайт, потрібно під час створення нового документу перейти на закладку Web-сторінки і скористатись Майстром Web-сторінки чи створити нову сторінку. У другому випадку алгоритм дій дизайнерів такий:

• Командою меню Формат->Фон задають колір фону чи спосіб замальовування екрана певною текстурою.

• Уводять текст, вибираючи шрифт, його розмір, колір, вирівнювання тощо.

• Створюють списки, як у звичайному текстовому редакторі.

• Вставляють горизонтальні лінії командою меню Вставка->Горизонтальная линия, і вибирають тип лінії.

• За допомогою команди Таблица створюють і форматують таблиці.

• Використовують команду Вставка для вставлення картинок, фотографій, звуку, гіперпосилань тощо.

• Записують створений файл як Документ HTML, і перглядають його браузером

6. Список літератури

1 .Руденко В.Д. Практичний курс інформатики. – К.: Фенікс, 2000.

2 .Симонович С.В., Євсєєва Г.А., Алексєєв А.Г. Практична інформатика. Універсальний курс. Навч. посіб. – М.: АСТ-ПРЕСС, Інформ-ПРЕСС, 2001.

3 .Ярмуш О.В. Інформатика і комп’ютерна техніка, - К.: Вища освіта,2006.

4 .Під ред. С.В. Симоновича. Інформатика: Базовий курс. 2-е видання. – М.: 2007.

5 .Жидецький В.Д., Джигирей B.C., Мельніков О.В. Основи охорони прац. – Львів: Афіша, 2000._

7. Глинский Я.М. Практикум з інформатики: навч. посібник. – Львів: “ПідприємствоДеол”,2005.

8. Ефимова О., Шафран Ю. Практикум з комп’ютерної технології. – К: АВС, 2001.

9. Виткуп М.Е., Петренко В.В. Інформатика і комп’ютерна техніка. – К.: Методика інформ, 2002.

10. Ковтанюк Ю.С. Встановлення, налагодження, відновлення Windows. – К: МК-Прес, 2006._