Презентация « Гиперссылки, вставка графических изображений и бегущая строка ».
презентация к уроку по информатике и икт (9 класс) на тему

Слайд 1

Тема «Гиперссылки. Вставка графических изображений. Бегущая строка»

Слайд 2

Цели урока: Ознакомление с оформлением веб-страниц . Технология передачи управления между веб-страницами.

Слайд 3

1 2 5 3 4 SOFT

Слайд 5

Гиперссылки Рассмотрим важное свойство HTML — возможность создавать гиперссылки. Допустим для примера, что мы хотим создать ссылку на сайт http:// soft . mail .ru/. Шаблон использования гиперссылки: текст для щелчка Атрибут href может указывать на ресурс Интернета, файл на текущем диске или на метку внутри текущей веб-страницы.

Слайд 6

Мы можем написать такой код: Поступление новых Soft программ Таким образом, гиперссылкой является слово “ Soft ”. Гиперссылка в HTML-виде начинается тегом “ ” есть параметр “href ”, значение которого – адрес, на который указывает ссылка:

Слайд 7

Гиперссылка может указывать на документ на том же web-сервере. Например: новости Здесь гиперссылка “новости” указывает на документ pc_news.htm , находящийся во вложенной папке news . Такие гиперссылки называются относительными , так как указывают не абсолютный адрес ресурса, а относительный в данном сайте.

Слайд 8

Вставка графических изображений HTML-документ может содержать изображения. Тег “ ” также имеет параметры : src="class.jpg" — указатель на файл с изображением. а width="180" и height="136" — описывают размеры изображения. Очень важен тег-параметр alt : alt ="Учебная аудитория".

Слайд 9

Вместо графического объекта он увидит текст, указанный в теге alt (альтернатива изображению) вместо пустого значка. Он позволяет выводить текст в тех местах, где должны располагаться рисунки. Особенно важно, если изображение является кнопкой навигации, т.е. гиперссылкой class.htm , то HTML-текст выглядит так: Тег гиперссылки … Тег вставки изображения ".

Слайд 10

Бегущая строка Текст, который мы помещаем в тэге , становится бегущей строкой. Бегущая строка, высота - 10, ширина - 270 пикселов, фон - 99CCFF Все атрибуты тэга вам уже знакомы: bgcolor - цвет фона бегущей строки, height - высота строки, width - ширина строки. Атрибут loop задает количество раз прокрутки строки. В нашем примере указано loop="2" - 2 раза, а это значит, что строка пробежит только два раза. Бегущая строка

Слайд 11

Вопросы: Как осуществляется переход от одной Web - страницы к другой? Что такое гиперссылка? Назовите теги для вставки рисунка на Web - страницу? Что означает тег-параметр alt ? Какой атрибут используется для прокрутки бегущей строки?

Слайд 12

Домашнее задание Используя различные информационные ресурсы: книги, журналы , статьи, internet , найти по своей тематике графические изображения, рисунки, фотографии, анимации и составить текст.