Конспект урока по Информатике "Гиперссылки" 11 класс

11 класс элективный курс «Web-дизайн»

Урок №  							Дата: 

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

Цели урока: 

Обучающая:   усвоить новые знания и сформировать умения по созданию и использованию таблиц на Web - страницах; научить учащихся красиво и рационально размещать информацию на странице, используя тэги HTML. 

Развивающая: Формирование умения работать фронтально и индивидуально; расширение кругозора; развитие навыков применения компьютерных технологий при создании web-сайтов.

Воспитательная: воспитывать положительное отношение к знаниям, добросовестное отношение к труду, дисциплинированность. 

Оборудование и материалы, необходимые для проведения урока:

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

Тип урока: Урок изучения нового материала

Ход урока

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

 Актуализация знаний. Повторение изученного материала.

Учитель. Мы продолжаем воплощать нашу с вами  мечту: создание сайта о нашем классе.

Для этого  нам предстоит научиться строить таблицы в  Web  - страницах средствами языка разметки гипертекстовых документов  HTML. Тема сегодняшнего урока "Создание и использование таблиц на Web страницах". 

В первую очередь давайте поговорим о ссылках - переходах с одной страницы на другую. Ссылки это базовый элемент без которого невозможно представить интернет.

Создать html ссылку очень просто. Для этого используется простенький элемент с одним атрибутом. Ну вот например:

<a href="http://www.zvirec.com">Это ссылка на сайт zvirec.com </a>

будет выглядеть в браузере:

Это ссылка на сайт zvirec.com

Элемент а (ancor) является как бы якорем, т.е. текст, заключенный между открывающим <a> и закрывающим </a> тегом , будет текстом ссылки.
Атрибут href это сокращение от "hypertext reference/гипертекстовая ссылка", специфирует место, на которое выполняется переход по данной ссылке - обычно это internet-адрес и/или имя файла.

 

Если нужно сделать ссылку между собственными страницами?

 

Сделать html ссылку между страницами одного и того же веб-сайта гораздо проще. Например, если у нас есть две страницы(к примеру page1.htm и page2.htm ) расположенные в одной папке , то код ссылки с page1 на page2 будет выглядеть так:

<a href="page2.htm"> Для перехода на page2 щелкни здесь! </a>

html>

<head>

<title>Делаем ссылкой кусочек текста</title>

</head>

<body>

Скажи мне, милый ребёнок: в каком ухе у меня жужжит

 <a href="pаge1r.html">правом</a> или <a href="page2.html">левом</a>?

</body>

</html>

Практическая часть. 

Обсуждение и выполнение практической работы. Учащимся раздаётся распечатка c ходом практической работы. Во время практической работы учитель консультирует учащихся.

Итог урока.

Можете ли вы прокомментировать все тэги и их параметры которые мы прошли? (ответы учащихся)

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

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

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



<html>

<head>

<title>ТЕГ embed</title>



</head>

<body>

<embed src="ref.mp4">

</body>

</html>