Створення та публікація веб-ресурсів

Спільна презентація 8 клас_24.10.2019

Створення опитувань з використанням Google-форм

Створення Google-сайтів

№1. Створення найпростішого файлу HTML

Створіть особисту папку, куди ви будете зберігати всі файли свого сайту.
Запустіть програму Блокнот (Notepad).
Наберіть у вікні програми найпростіший файл HTML.

<HTML>

 <HEAD>

  <TITLE>Учбовий файл HTML</TITLE>

 </HEAD>

  <BODY>

  Розклад занять на вівторок

  </BODY>

</HTML>

Збережіть файл під ім’ям RASP.HTML (обов’язково вкажіть тип файлу HTML при збереженні) в особистій папці.
Для перегляду Web-сторінки використовуйте будь-яку програму браузера (Internet Explorer, Opera, Mozilla Firefox або іншу).
Для цього, не покидаючи програму Блокнот (згорніть вікно на панель задач), відкрийте особисту папку і подвійним кліком по файлу RASP.HTML відкрийте вікно браузера.
На екрані ви побачите результат роботи, зображений на рисунку 1.

№2. Управління розташуванням тексту на екрані

Практичні роботи з HTML

При необхідності відкрийте текст Web-сторінки в Блокноті (1 клацання правою клавішею миші по файлу RASP.HTML, в контекстному меню вибрати команду
Открыть с помощью… і вибрати програму Блокнот). При необхідності відкрити файл в браузері – подвійний клік по значку файлу лівою клавішею миші.
Внести зміни у файл RASP.HTML, розташувавши слова Розклад, занять, на вівторок на різних рядках.

<HTML>

 <HEAD>

  <TITLE>Учбовий файл HTML</TITLE>

 </HEAD>

 <BODY>

 Розклад

 занять

 на вівторок

 </BODY>

</HTML>

Збережіть текст з внесеними змінами у файлі RASP.HTML (меню Файл | Сохранить). Якщо у вас вже відображається Web-сторінка, то вам достатньо переключитися на панелі завдань на програму браузера і оновити цю сторінку (кнопка Обновить). Чи змінилося відображення тексту на екрані?
Не дивуйтеся тому, що зовнішній вигляд вашої Web-сторінки не змінився.

Не забувайте кожного разу зберігати текст Web-сторінки при її коригуванні в програмі Блокнот і оновлювати сторінку при її перегляді в програмі браузера.

№3. Установка розміру поточного шрифту

Практичні роботи з HTML

Тег шрифту <FONT> дозволяє задавати розмір поточного шрифту в окремих місцях тексту в діапазоні від 1 до 7.

Внесіть зміни у файл RASP.HTML

<HTML>

 <HEAD>

  <TITLE>Навчальний файл HTML</TITLE>

 </HEAD>

 <BODY>

  <FONT SIZE="7">Розклад</FONT>

  занять на вівторок

 </BODY>

</HTML>

Самостійно змініть розмір тексту «занять на вівторок», використовуючи тег <FONT>.
Змініть оформлення тексту HTML-документа, використовуючи тег виділення фрагментів і тег перекладу рядка та абзацу.

№4. Установка гарнітури і кольору шрифту

Практичні роботи з HTML

Тег <FONT> надає можливості управління гарнітурою, кольором і розміром тексту. Зміна гарнітури тексту виконується простим додаванням до тегу <FONT> атрибуту FACE. Наприклад, для відображення тексту шрифтом Arial необхідно записати:

Для зміни кольору шрифту можна використовувати в тезі <FONT> атрибут COLOR = “X”. Замість “X” треба підставити англійську назву кольору в лапках (” “), або його шістнадцяткове значення. При завданні кольору шістнадцятковим числом необхідно представити цей колір розкладеним на три складові: червону (R – Red), зелену (G – Green), синю (B – Blue), кожна з яких має значення від 00 до FF. У цьому випадку ми маємо справу з так званим форматом RGB.

Приклади запису тексту у форматі RGB наведені в Таблиці 1:

Внесіть зміни у файл RASP.HTML

<HTML>

 <HEAD>

  <TITLE>Учбовий файл HTML</TITLE>

 </HEAD>

 <BODY>

  <U><I><B><FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7">

  Розклад</FONT></B></I></U> занять на вівторок

 </BODY>

</HTML>

Самостійно змініть розмір, колір, гарнітуру стиль тексту документа.

Контрольна робота №4

Page updated

Google Sites

Report abuse