11 класс элективный курс «Web-дизайн»
Урок № Дата:
Тема урока: Гиперссылки
Цели урока:
Обучающая: усвоить новые знания и сформировать умения по созданию и использованию таблиц на Web — страницах; научить учащихся красиво и рационально размещать информацию на странице, используя тэги HTML.
Развивающая: Формирование умения работать фронтально и индивидуально; расширение кругозора; развитие навыков применения компьютерных технологий при создании web-сайтов.
Воспитательная: воспитывать положительное отношение к знаниям, добросовестное отношение к труду, дисциплинированность.
Оборудование и материалы, необходимые для проведения урока:
Компьютеры, интерактивная доска, проектор, раздаточный материал, презентация урока, задания для проверочной работы.
Тип урока: Урок изучения нового материала
Ход урока
-
Организационный момент.
-
Актуализация знаний. Повторение изученного материала.
Учитель. Мы продолжаем воплощать нашу с вами мечту: создание сайта о нашем классе.
Для этого нам предстоит научиться строить таблицы в 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»> правом или левом?