Хід роботи

1. Відкрийте текстовий редактор Блокнот (Пуск – Программы – Стандартные - Блокнот).

2. Створіть за допомогою текстового редактора html-файл з розповіддю про себе.

Зробіть це так, як у прикладі 1, тобто без форматування тексту, і збережіть його командою Save as... з назвою file1.htm у власній папці. Тег <BODY> у файлі запишіть так: <BODY TEXT = "red">.

3. Відкрийте файл file1.Htm у броузері.

Для цього відкрийте свою робочу папку і двічі клацніть мишею на назві файлу.

4. Поекспериментуйте з різними значеннями кольорів (green, white, yellow, blue, #ffaa55 тощо) параметрів bgcolor і text.

Для того щоб продовжити редагування HTML- файл необхідно відкрити знову програму Блокнот та виконати команду Відкрити, вказавши тип файлу All files…, та вибравши Ваш файл. He забувайте кожного разу після внесення змін виконувати команду Save у програмі Блокнот, а для перегляду файлу у броузері двічі клацати на назві файлу filel.htm. Перепишіть у зошит текст файлу на мові HTML. (Для того щоб відредагувати HTML-код файлу, не закриваючи браузера та одночасно побачити результат, необхідно виконати команду Вид – Просмотр HTML-кода. Після редагування коду та збереження даних можна побачити зміни у вікні браузері, натиснувши кнопку Обновить ).

Основні кольори мають такі назви:

black - чорний green - зелений

navy - темно-синій teal - бірюзовий

silver - сірий lime - яскраво-зелений

blue - синій aqua - блакитний

maroon - малиновий olive - темно-зелений

purple - бузковий gray - темно-сірий

red - червоний yellow - жовтий

fushsia - рожевий while - білий

5. Виконайте форматування тексту у файлі file1.htm подібно до прикладу 2 і збережіть файл із назвою file2.htm (виконавши команду Save as). Перепишіть у зошит текст файлу на мові HTML.

6. Усі заголовки створіть у броузері зеленим кольором.

7. Перегляньте цей файл за допомогою броузера і поекспериментуйте з тегами форматування тексту.

8. Поекспериментуйте з розмірами вікна, в якому демонструється документ.

Переконайтеся, що броузер автоматично змінює розташування тексту, щоб його можна було переглядати без горизонтальної смуги прокручування (текстові редактори цього не роблять).

9. Використайте якнайбільше тегів форматування і надайте своїй сторінці якнайліпшого вигляду.

Скільки тегів форматування використано під час створення сторінки?

Основна література

4. Алексеев а.П. Информатика 2001. – м., «солон-р», 2001. – 353 с.

5. Безручко в.Т. Практикум по курсу «Информатика». Работа в Windows, Word, Excel: Учебное пособие. – м.: Финансы и статистика, 2002. – 272 с.

6. Інформатика: Комп’ютерна техніка. Комп’ютерні технології: Підручник для студентів вищих навчальних закладів / За ред. О.І.Пушкаря. – К.: Видавничий центр „Академія”, серія „Альма-матер”, 2002. – 704с.

Питання та завдання для самоконтролю та самоперевірки

Завдання для самостійної роботи з теми:

«Створення Web-документів»

1. Створити сайт з описом знайденої Вами інформації про видатні історичні події. У головному документі (він повинен бути названим Index.html) створити маркірований список назв обраних видатних подій.

2. З отриманих зображень засобами графічного редактору отримати невеликі за розміром зменшенні копії рисунків оригіналів з метою більш швидкого завантаження майбутньої Web-сторінки. Перетворити створений маркірований список в список з графічними маркерами. У якості графічних маркерів використати зменшенні копії зображень.

3. Додати до графічних маркерів створеного списку відповідні посилання на знайдені Інтернет адреси.

4. Створити 2-3 сторінки с коротким описом події та відповідним зображенням. HTML - документи назвати відповідно до змісту. Оформити ці сторінки за різними типами форматування тексту відносно графіки з використанням різних атрибутів тега Align. В основному документі (index.html) створити додатковий маркований список з посиланнями на створені локальні HTML - документи. Таким чином, у файлі index.html повинно бути два маркірованих списку, з посиланнями на Інтернет ресурси, та локальні, створені Вами документи.