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

Содержание

• 
  Слайд 1

  Тема

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

• 
  Слайд 2
  

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

• 
  Слайд 3

  1

  2 5 3 4 SOFT

• 
  Слайд 4
  
• 
  Слайд 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

  Бегущая строка

  Бегущая строка

• 
  Слайд 11

  Вопросы:

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

• 
  Слайд 12
  

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