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

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

Поекспериментуйте з різними значеннями кольорів (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.

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

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

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

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

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

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

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

Алексеев А.П. Информатика 2001. – М., «СОЛОН-Р», 2001. – 353 с.
Безручко В.Т. Практикум по курсу «Информатика». Работа в Windows, Word, Excel: Учебное пособие. – М.: Финансы и статистика, 2002. – 272 с.
Інформатика: Комп’ютерна техніка. Комп’ютерні технології: Підручник для студентів вищих навчальних закладів / За ред. О.І.Пушкаря. – К.: Видавничий центр „Академія”, серія „Альма-матер”, 2002. – 704с.

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

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

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

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

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

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

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

Контрольні питання

1. Що таке гіперпосилання?

2. Що таке гіпертекст?

3. Що таке web-документ?

4. Для чого призначена програма-броузер?

5. Що таке web-вузол (web-сайт)?

6. Яка структура простого web-документа?

7. Для чого призначена мова HTML?

8. Що таке тег і які є теги?

9. Які параметри може мати тег BODY?

10. Який тег позначає початок нового абзацу?

11. Які теги позначають товстий, курсивний і підкреслений шрифти?