Тема урока: Гиперссылки
Цели урока:
Обучающая: усвоить новые знания и сформировать умения по созданию и использованию таблиц на 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>