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

Реброва Анастасия Анатольевна

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

 

Скачать:

ВложениеРазмер
Office presentation icon 734 КБ

Предварительный просмотр:


Подписи к слайдам:

Слайд 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 , найти по своей тематике графические изображения, рисунки, фотографии, анимации и составить текст.


По теме: методические разработки, презентации и конспекты

Методическая разработка урока информатики в 6 классе «Защита проектов по теме «Возможности графического редактора для создания графических изображений»

Цели урока:образовательная: научить использовать ИКТ для создания проектов, представления результатов своей работы; навыкам использования современных технических средств;развивающая: развивать умение ...

Урок-презентация по теме: "Вставка графических объектов в Word"

Разработка урока урока по теме: "Вставка графических объектов в Word"в Word"...

Урок "Изображения в памяти компьютера. Векторная графика. Возможности текстового процессора Word по созданию графических изображений"

Представлена разработка двух спаренных уроков по ИКТ на тему "Изображения в памяти компьютера. Векторная графика. Возможности текстового процессора Word по созданию графических изображений"  в 6-...