Конспект урока с презентацией по информатике "Вставка гиперссылки в Web-страницу"

• 1 слайд

  Вставка гиперссылки в WEB-страницу

• 2 слайд

  В гипертексте ссылки можно делать: на конкретное место в просматриваемом документе; на другую страницу Вашего сайта; на конкретное место в других страницах Вашего сайта; на другие WEB-страницы и сайты; на адрес электронной почты; на прочие ресурсы Интернета.

• 3 слайд

  Ссылка на другую страницу Вашего сайта <A HREF="img/oz2.jpg">картинка</A>; <A HREF= “STR1.HTML”> Первая страница </A> <A HREF= “INDEX.HTML”> Главная страница </A>

• 4 слайд

  Ссылка на другие WEB-страницы и сайты Например: <A HREF= "http://www.ronets.hut.ru">здесь</A>;

• 5 слайд

  Ссылка на адрес электронной почты: <A HREF="mailto:[e-mail]">я</A>.

муниципальное бюджетное общеобразовательное учреждение

Струговобудская основная общеобразовательная школа

Гордеевского района Брянской области

Тема урока: «Гиперссылки на

WEB-странице».

подготовила

учитель информатики

Лакизо Елена Владимировна

с. Стругова Буда

Тема урока: «Гиперссылки на

WEB-странице»

Цель: научи детей вставлять гиперссылку в свои Web-страницы, уметь связывать несколько страниц, используя гиперссылки, закрепить полученные знания на практике.

Задачи урока:

образовательная – познакомить учащихся с основными понятиями: гиперссылка, указатель, ссылки, адрес;

развивающая – развивать логическое мышление, устойчивый интерес к предмету, навыки самостоятельной работы;

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

Ход урока

№

Деятельность учителя

Деятельность учащихся

Примечание

1

Организационный момент.

Здравствуйте ребята! Садитесь! Назовите отсутствующих.

Ученики садятся

2

Сообщение темы и цели.

На этом уроке мы с вами изучим новую тему: «Гиперссылки на WEB-странице» и закрепим ее на практике.

3

Изучение нового материала.

- Откройте тетради, запишите тему урока, число и классная работа «Вставка гиперссылки в Web - страницу».

Ребята, кто мне сформулирует определение гиперссылки? (Это связь между частями текста в большом тексте) Слово Гиперссылка состоит из двух частей Гипер - большой, ссылка – ссылаемся на что-либо (картинку, текст, значок музыкального сопровождения).

Без ссылок трудно, даже представить себе работу в Интернете. И уж конечно, она не была бы без них такой увлекательной. Перейдем к рассмотрению вопроса об организации ссылок на странице.

Тег ... имеет два параметра: REL="nofollow" target="_blank" HREF="http://infourok.ru/go.html?href=" и NAME=. Первый из них должен иметь в качестве значения адрес, по которому находится ресурс, на который Вы ссылаетесь. Второй употребляется для обозначения места в документе, на которое Вы хотите поставить ссылку.

   В гипертексте ссылки можно делать:

• на конкретное место в просматриваемом документе. Удобно использовать, например, в больших документах в оглавлении для быстрого перехода к нужной главе.

• на другую страницу Вашего сайта. Примеры Вы можете найти на каждом сайте в виде меню. Сюда же можно включить ссылки на изображения, звуковые и прочие файлы мультимедиа, находящиеся на Вашем сайте.

• на конкретное место в других страницах Вашего сайта. Например:
  <A HREF="img/oz2.jpg">Картинка A>.

• на другие WEB-страницы и сайты. Например:
  здесь .

на адрес электронной почты.
я.

• на прочие ресурсы Интернета: TelNet, WAIS, Gofer, FTP, Newsgroup.

Ученики записывают тему урока.

Ученики записывают в тетрадь

Ученики записывают

Запись с мультимедиа проектора.

Запись с мультимедиа проектора.

4

Практическая работа.

Чтобы закрепить то, что мы сейчас изучили, вы сейчас сядете за компьютеры, я вам раздам листочки с заданием. Вам необходимо будет сделать все по образцу.

Открываете свою папку и создаете файлы STR1.HTML, STR2.HTML и т.д., используя файл ОБРАЗЕЦ.TXT

Ваш файл INDEX.HTML должен принять следующий вид:

Главная страница

Тема

<p><A HREF="STR1.html">Пункт 1 из содержания A>p>

<p><A HREF="STR2.html">Пункт 2 из содержания A>p>

<p><A HREF="STR3.html">Пункт 3 из содержания A>p>

Ваш файл STR1.HTML должен принять следующий вид:

<HTML>

страница 1

Тема 1 пункта содержания

На главную

BODY>

HTML>

Садимся за компьютеры.

Ученики садятся за компьютеры.

На столах разложен раздаточный материал

5

Домашнее задание.

Откройте дневники и запишите домашнее задание § 5.7.5, задание 5.13

Ученики записываю Д/з

6

Подведение итогов.

Что нового вы узнали? И чему новому вы научились? Спасибо за урок до свидания!

Ученики уходят на перемену.

Звенит звонок.