(Новий матеріал для 11-х класів)
Запишіть у зошит наступний матеріал:
Вставка малюнків на Веб-сторінках
Графічні зображення (фотографії, картинки, піктограми тощо) зберігаються на
серверах в окремих файлах з розширеннями bmp, jpg, gif та іншими і відображаються на Web-сторінці двома способами:
1. Малюнок можна зробити фоном для всієї сторінки. Для
цього потрібно вказати параметр тега BODY: BACKGROUND = "шлях до
графічгого файлу";
2. Малюнок можна вставити у довільному місці сторінки за
допомогою команди, що описується одинарним тегом <IMG> з параметрами:
<IMG SRC="адреса графічного файлу" ALT="aльтepнaтивний
текст" ALIGN="left" WIDTH=240 HEIGHT=200>
Обов'язковим є лише перший параметр SRC. Альтернативний
текст — це текст, який виводитиметься замість картинки, якщо броузер не може прийняти графічний файл або якщо режим відображення графіки вимкнено.
Параметр ALIGN задає місце
розташування картинки на екрані (left, center, right), а параметри WIDTH і HEIGHT — її розміри за шириною і
висотою в пікселях або відсотках.
Зображення можна подати в рамці (що рекомендують робити), якщо його
використовуватимуть як гіперпосилання. Для створення рамки навколо
зображення призначений параметр ВОRDER="товщина рамки в пікселах".
Праворуч і ліворуч від картинки, яку облямовує текст, можна зробити вільний
простір: HSPACE = "кількість пікселів".
Можна створити вільний простір також над і під рисунком: VSPACE = "кількість пікселів".
Виконайте наступне практичне завдання:
1. Створіть або відкрийте папку "Інформатика" на робочому столі.
2. Створіть у цій папці нову папку "Малюнок".
3. Завантажте у цю папку наступні фото:
4. Створіть у цій папці текстовий документ Web-4.txt
5. Уведіть наступний текст:
<HTML>
<TITLE>МАЛЮНОК</TITLE>
<BODY BACKGROUND="fon.jpg">
<IMG SRC="flamingo.jpg" ALIGN=left WIDTH=45% HSPACE=10>
<CENTER>
<H1> ФЛАМІНГО </H1>
</CENTER>
<FONT SIZE=+3 COLOR="blue">
<HR SIZE=8 COLOR="red">
<B> Блакитні води океану та коралові рифи,
ласкаве сонце і білосніжний прибережний пісок,
фантастичний підводний світ і казкові птахи,
буяння барв сходів і заходів, непрохідні ліси
і п'янкий запах орхідей...
<P> Сприятливий клімат цього острова дає можливість
туристам відвідувати його цілий рік. Тут немає зайвої
вологості, а спека не така страшна завдяки постійним
подувам бризів із океану. Середньорічна температура
повітря й води становить + 26—28°С. </B>
<HR SIZE=8 COLOR="red">
</BODY>
</HTML>
6. Збережіть створений документ: Файл → Сохранить
7. Збережіть документ як Веб-сторінку: Файл → Сохранить как (виберіть тип файлу Усі файли) → Web-6.html
8. Відкрийте створену Веб-сторінку браузером.
Після завершення роботи зробіть копію екрану (скрін-шот) вашої веб-сторінки та надішліть зображення на адресу kab11.gimnazia@gmail.com
Немає коментарів:
Дописати коментар