Информатика 9 класс на 23.04

Уважаемые ученики 9 класса!  

 Мы продолжаем наше дистанционное обучение

 Прошу вас самостоятельно изучать предложенный материал, а также выполнять задания. Отчет вашей работы (ответы на вопросы, задание, конспекты и тд.) отправлять на почту Sawa_Sav@i.ua или вайбер 0977822198

Возникающие вопросы задавайте в комментариях.

Тема урока: Рисунки и гиперссылки на веб- страницах

1.Просмотрите видео Как вставить ссылку в картинку?

2.Проработайте данную информацию.

Веб-страница становится более наглядной, если ее дополнить рисунками и графическими элементами.

Вставка рисунков

Чтобы вставить рисунок на веб-страницу, надо воспользоваться тегом <img src="my.jpg">, где img — имя тега, предназначенного для вставки изображения, src="my.jpg" — атрибут, в котором указывают имя файла с рисунком.

В атрибуте можно использовать имена графических файлов с расширением .jpg, .jpeg, .gif, .png или .bmp. Если рисунок и html-файл расположены не в одной папке, то кроме имени файла указывают путь к нему.

Если рисунок содержится:

• во вложенной папке images: <img src="images/my.jpg">

• во внешней папке: <img src="../my.jpg">

Для определения способа расположения рисунка на веб-странице используют отдельные атрибуты тега.

Рассмотрим пример расположения рисунка "prl.png" на веб-странице (см. рисунок):

• рисунок с левого края, обтекание текстом справа:

<img src="pr1.png" align="left">

• расстояние между текстом и рисунком по вертикали 10 пикселей, по горизонтали — 30 пикселей: <img src="pr1.png" vspace="10" hspace="30">

• описание рисунка: <img src="pr1.png" alt-'мое фото">

 Если навести указатель мыши на рисунок, появится текст — мое фото. Кроме того, значение параметра alt будет выведено на экран вместо рисунка, если в браузере режим показа рисунков отключен.

• ширина рисунка 100 пикселей, высота — 20 % от высоты рабочей области браузера: <img src="pr1.png" width="100" height="20%">

• толщина рамки вокруг рисунка 5 пикселей:

<img src="pr1.png" border="5">

Гиперссылки

Сайт может состоять из многих связанных гиперссылками веб-страниц, одна из которых является главной. Главная веб-страница открывается первой. Файл главной страницы называют, как правило, index.html.

Для создания гиперссылок на веб-страницы сайта и внешние ресурсы сети Интернет используют тег <a>...</a>.

Пусть в одной папке с файлом index.html создан файл prf.html, содержащий вашу фотографию. В файле index.html к фразе Посмотреть фото можно добавить гиперссылку, которая будет выглядеть так:

<a href="prf.html"> Посмотреть фото </a>

В качестве гиперссылки можно использовать рисунок. Для этого нужно указать тег вставки рисунка: <a href="prf.html"><img src="foto1.jpg"></a>

html-код главной веб-страницы может иметь следующий вид:

По щелчку надписи Первая страница (Вторая страница, Третья страница) произойдет переход по гиперссылке.

Для возврата на главную страницу на других веб-страницах должны быть соответствующие ссылки. Например: <a href=ꞋꞋindex.htmlꞋꞋ>Главная</а>

Задание:

1.Прочитать информацию учебника на стр.264-265

2. Перенести в тетради таблицу 9.2 на стр. 265

3.Ответить письменно на вопросы:

• Как вставить рисунок на веб-страницу?
• Как выровнять рисунок по правому краю окна браузера?
•  Как создать гиперссылку?

Выполнения задания жду до 24.04, до 15.00