1283010
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 5.520 руб.;
- курсы повышения квалификации от 1.200 руб.
Престижные документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ ДО 70%

ВНИМАНИЕ: Скидка действует ТОЛЬКО сейчас!

(Лицензия на осуществление образовательной деятельности № 5201 выдана ООО "Инфоурок")

ИнфоурокИнформатикаКонспектыКонспект урока на тему "Создание гиперссылок"

Конспект урока на тему "Создание гиперссылок"

библиотека
материалов
Скачать материал целиком можно бесплатно по ссылке внизу страницы.

Создание гиперссылок

Цели урока:

  • расширение и углубление представлений о языке гипертекстовой разметки HTML;

  • формирование умений создавать веб-страницы с гиперссылками;

  • развитие логического мышления, умений анализировать, сравнивать, систематизировать, обобщать.

Тип урока: урок усвоения новых знаний и умений.

Учащиеся должны уметь: создавать в редакторе Блокнот веб-страницы с гиперссылками.

Программное и методическое обеспечение урока: редактор Блокнот;
учебное пособие «Информатика 11», § 3 (п.3.3) [1]; приложения к уроку 7; ЭСУ Web11 7 [2].

Методические рекомендации к уроку

1. Проверка знаний предыдущего урока (репродуктивный метод обучения, индивидуальная и фронтальная форма работы).

Выполнение индивидуальных заданий на компьютере: упражнение 2 к § 3 (п.3.2) учебного пособия [1] или ЭСУ Web11 6 [2]).

Предложите учащимся ответить на вопросы: Какой тег используется для отображения рисунка на веб-странице? Как задаются размеры изображения? Какими атрибутами задается пояснительный текст к рисунку? Как задается фоновый рисунок на веб-странице? Возможно использование теста (приложение 1 к уроку 7, ЭСУ Web11 6 [2] ).

2. Актуализация знаний и мотивация учащихся на изучение нового материала (фронтальная форма работы).

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

Для актуализации ранее изученного материала обсудите с учащимися способы адресации в сети Интернет. Возможно использование вопросов входного теста (приложение 2 к уроку 7; ЭСУ Web11 7 [2]). Правильные ответы выясняются и обобщаются в ходе фронтальной беседы.

Напомните, как задаются гиперссылки в редакторах Word и PowerPoint.

3. Объяснение нового материала (объяснительно-иллюстративный метод обучения в сочетании с частично-поисковым, фронтальная форма работы).

В языке HTML за организацию ссылок отвечает тег <a> с обязательным атрибутом href, значением которого является адрес (URL) ресурса. Например, HTML-код текстовой гиперссылки на страницу “Графика”, которая сохранена в файле graf.htm в той же папке, имеет вид: <a href="graf.htm">Графика a>, т.е. адресом является имя файла.

Особое внимание обратите на варианты адресации. Подробно разберите пример на рис 1.22 учебного пособия [1]. Сравните абсолютную и относительную адресацию. Можно записывать полный путь от корня диска к искомой странице. Однако лучше указывать относительный адрес (путь от исходной страницы к искомой). Например, ссылка со страницы main.htm на страницу karlson.htm будет иметь вид:

Карлсон.

Ссылка со страницы drama2.htm (папка dramy) на страницу karlson.htm
(папка
multy) будет иметь вид: <a href="../multy/karlson.htm">Карлсонa>.

Символы ../ (две точки и слеш) обозначают возврат в папку kino из вложенной папки dramy. Обсудите преимущество относительной адресации: при переносе папки kino со всеми вложениями в другое место, в том числе на другой диск или компьютер, относительные адреса не изменяются!

Подчеркните, что гиперссылкой может служить не только текст, но и рисунок. Для этого между парой тегов <a href >...a > нужно вставить тэг, указывающий на файл изображения, например:

ris.gif.

Возможно совместное использование текста и графики в одной ссылке, например: <a href="graf.htm"> <img src="ris.jpg"> Графика a>.

По умолчанию вызванная гиперссылкой страница открывается в том же окне, замещая исходную. Назад можно вернуться с помощью соответствующей кнопки на панели инструментов браузера. Для просмотра вызванной страницы в новом окне необходимо указать атрибут target=_blank, например: <a href="graf.htm" target=_blank> Графика a>. С открытой таким способом страницы вернуться назад с помощью кнопки браузера нельзя.

Важно отметить, что гиперссылка может указывать не только на веб-страницу, но и на любой размещенный в сети по известному адресу информационный ресурс: сайт, рисунок, текст, презентацию, аудио-видеофрагмент. Конечно, на компьютере пользователя должно было установлено соответствующее программное обеспечение для его отображения.

Пусть, например, реферат по экологии атмосфера.doc размещен на сайте www.referaty.by в папке bio. Гиперссылка для его просмотра или скачивания:

<a href = "www.referaty.by/bio/ атмосфера.doc">Загрязнение атмосферыа >.

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

4. Закрепление нового материала (частично-поисковый метод обучения, индивидуальная форма работы).

Предложите учащимся занять места за компьютерами и выполнить задания примера 1 из §3 (п.3.3) учебного пособия [1] (ЭСУ Web11 7 [2]). Контролируйте самостоятельную работу учащихся, просматривая результаты на каждом этапе с помощью браузера. При затруднениях оказывайте необходимую помощь.

При наличии времени пhello_html_31562cd.gifодготовленным учащимся hello_html_31562cd.gifдополнительно предложите сhello_html_31562cd.gifоздать гиперссылки на закладки в том же документе, а также вставить метатеги для задания кодировки и ключевых слов (с.33 учебного пособия [1], ЭСУ Web11 7 [2]).

5. Подведение итогов урока

Учащиеся демонстрируют созданные страницы и корректность гиперссылок. Обсуждаются этапы работы и затруднения учащихся. Кратко формулируются особенности создания гиперссылок.

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

Изучить материал § 3 (п. 3.3) учебного пособия [1], ответить на вопросы 1 2, подготовиться к практическому выполнению заданий

Общая информация

Номер материала: ДВ-089086

Вам будут интересны эти курсы:

Курс повышения квалификации «Табличный процессор MS Excel в профессиональной деятельности учителя математики»
Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс профессиональной переподготовки «Информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Облачные технологии в образовании»
Курс «Фирменный стиль» (Corel Draw, Photoshop)
Курс «1С: Предприятие 7.7»
Курс «3D Studio MAX»
Курс повышения квалификации «Развитие информационно-коммуникационных компетенций учителя в процессе внедрения ФГОС: работа в Московской электронной школе»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс повышения квалификации «Специфика преподавания дисциплины «Информационные технологии» в условиях реализации ФГОС СПО по ТОП-50»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»
Курс повышение квалификации «Применение интерактивных образовательных платформ на примере платформы Moodle»

Благодарность за вклад в развитие крупнейшей онлайн-библиотеки методических разработок для учителей

Опубликуйте минимум 3 материала, чтобы БЕСПЛАТНО получить и скачать данную благодарность

Сертификат о создании сайта

Добавьте минимум пять материалов, чтобы получить сертификат о создании сайта

Грамота за использование ИКТ в работе педагога

Опубликуйте минимум 10 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Свидетельство о представлении обобщённого педагогического опыта на Всероссийском уровне

Опубликуйте минимум 15 материалов, чтобы БЕСПЛАТНО получить и скачать данное cвидетельство

Грамота за высокий профессионализм, проявленный в процессе создания и развития собственного учительского сайта в рамках проекта "Инфоурок"

Опубликуйте минимум 20 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Грамота за активное участие в работе над повышением качества образования совместно с проектом "Инфоурок"

Опубликуйте минимум 25 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Почётная грамота за научно-просветительскую и образовательную деятельность в рамках проекта "Инфоурок"

Опубликуйте минимум 40 материалов, чтобы БЕСПЛАТНО получить и скачать данную почётную грамоту

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