Конспект урока по Информатике "Гиперссылки" 11 класс
11 класс элективный курс «Web-дизайн»
Урок № Дата:
Тема урока: Гиперссылки
Цели урока:
Обучающая: усвоить новые знания и сформировать умения по созданию и использованию таблиц на Web - страницах; научить учащихся красиво и рационально размещать информацию на странице, используя тэги HTML.
Развивающая: Формирование умения работать фронтально и индивидуально; расширение кругозора; развитие навыков применения компьютерных технологий при создании web-сайтов.
Воспитательная: воспитывать положительное отношение к знаниям, добросовестное отношение к труду, дисциплинированность.
Оборудование и материалы, необходимые для проведения урока:
Компьютеры, интерактивная доска, проектор, раздаточный материал, презентация урока, задания для проверочной работы.
Тип урока: Урок изучения нового материала
Ход урока
Организационный момент.
Актуализация знаний. Повторение изученного материала.
Учитель. Мы продолжаем воплощать нашу с вами мечту: создание сайта о нашем классе.
Для этого нам предстоит научиться строить таблицы в Web - страницах средствами языка разметки гипертекстовых документов HTML. Тема сегодняшнего урока "Создание и использование таблиц на Web страницах".
В первую очередь давайте поговорим о ссылках - переходах с одной страницы на другую. Ссылки это базовый элемент без которого невозможно представить интернет.
Создать html ссылку очень просто. Для этого используется простенький элемент с одним атрибутом. Ну вот например:
будет выглядеть в браузере:
Элемент а (ancor) является как бы якорем, т.е. текст, заключенный между открывающим и закрывающим тегом , будет текстом ссылки.
Атрибут href это сокращение от "hypertext reference/гипертекстовая ссылка", специфирует место, на которое выполняется переход по данной ссылке - обычно это internet-адрес и/или имя файла.
Если нужно сделать ссылку между собственными страницами?
Сделать html ссылку между страницами одного и того же веб-сайта гораздо проще. Например, если у нас есть две страницы(к примеру page1.htm и page2.htm ) расположенные в одной папке , то код ссылки с page1 на page2 будет выглядеть так:
Для перехода на page2 щелкни здесь!
html>
<body>
Скажи мне, милый ребёнок: в каком ухе у меня жужжит
аge1r.html">правом или левом?