Конспект урока «Гиперссылки» по информатике для 11 класса

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

Урок № Дата:

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

Цели урока:

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

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

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

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

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

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

Ход урока

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

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

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

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

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

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

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

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

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

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

 

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

 

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

 Для перехода на page2 щелкни здесь! 

html>

Делаем ссылкой кусочек текста

body>

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

аge1r.html">правом или левом?

Здесь представлен конспект к уроку на тему «Гиперссылки», который Вы можете бесплатно скачать на нашем сайте. Предмет конспекта: Информатика (11 класс). Также здесь Вы можете найти дополнительные учебные материалы и презентации по данной теме, используя которые, Вы сможете еще больше заинтересовать аудиторию и преподнести еще больше полезной информации.

Список похожих конспектов

Гиперссылки и рисунки

Гиперссылки и рисунки

Дата: ______________. Класс: 10. Тема: гиперссылки и рисунки. . Тип урока: Объяснительно – демонстрационный. Цели урока: Научить учащихся создавать ...
Создание элементов управления в презентации. Гиперссылки

Создание элементов управления в презентации. Гиперссылки

. Муниципальное бюджетное образовательное учреждение Средняя общеобразовательная школа № 54 Орджоникидзевского района ГО г. Уфа РБ. ...
Гиперссылки в MSWord

Гиперссылки в MSWord

9 класс (20 декабря 2013 г.). Тема урока:. Гиперссылки в MSWord. . . Цель работы:. Познакомиться с гипертекстовым документом и гиперссылками. ...

Информация о конспекте

Ваша оценка: Оцените конспект по шкале от 1 до 5 баллов
Дата добавления:23 января 2018
Категория:Информатика
Классы:
Поделись с друзьями:
Скачать конспект