Тема. Інструктаж з БЖД. Практична робота 5. Створення простої веб-сторінки
Вивчення нового матеріалу
Працюємо за комп'ютером
Завдання:1. Створити документ HTML. Для цього спочатку створити директорію, у якій ви будете його зберігати. Потім в цій директорії створити простій текстовий файл з розширенням .html. Наприклад, index.html. Це можна зробити за допомогою будь-якого текстового редактора, що дозволяє створювати і редагувати текстові файли. Таким редактором, що поставляється разом з Windows, є текстовий редактор NotePad (Блокнот). Можна використовувати будь-який інший редактор текстів або спеціалізований редактор.
Зверніть увагу, що багато текстових редакторів зберігають файли застосовуючи для них за умовчанням розширення .txt. Щоб уникнути цього потрібно в діалоговому вікні збереження файлу вказати повне ім'я файлу разом з розширенням .html, а у випадному списку Тип файлу вибрати Всі файли *.txt. Результат вашої роботи можна подивитися за допомогою веб-сервера-броузера Internet Explorer. Для цього можна просто двічі кликнути лівою кнопкою миші по іконі файлу. Файли з розширенням .html за умовчанням відкриваються за допомогою цієї програми.
2. В створений документ HTML внести наступний код:
<html>
<head>
<title>Мій перший крок</title>
</head>
<body>
<div align="center">
<b>Добрий день! Це моя перша сторінка! </b>
<br>
Ласкаво прошу! :) </div>
<p align="justify">
Я зовсім нещодавно почав знайомство зі створенням інтернет-сторінок, тому для початку я роблю просту сторінку! Ось вона яка!:)
</p>
<FONT FACE="COURIER" SIZE="+2" COLOR="red">Заходьте до мене на сторінку!</FONT>
</body>
</html>
3. Збережіть зміни в текстовому файлі. Виконайте команду Файл - Зберігти.
4. Відкрийте створений файл в програмі інтернет-браузера. Продивіться отриману веб-сторінку.
5. Самостійно створіть сторінку, використовуючи різні шрифти, параметри абзацу і кольорове забарвлення. Приклад сторінки указаний на рисунку.
