Инфоурок Информатика ПрезентацииСоздание веб сайта. Гиперссылки

Создание веб сайта. Гиперссылки

Скачать материал
библиотека
материалов
УРОК 4. Гиперссылки на Web-страницах

Описание презентации по отдельным слайдам:

1 слайд УРОК 4. Гиперссылки на Web-страницах
Описание слайда:

УРОК 4. Гиперссылки на Web-страницах

2 слайд Web-Сайт состоит из нескольких web-страниц. Создадим заготовки остальных Web-
Описание слайда:

Web-Сайт состоит из нескольких web-страниц. Создадим заготовки остальных Web-страниц. Такие «пустые» страницы должны иметь заголовок, но могут пока не иметь содержания. Все создаваемые страницы необходимо сохранить в виде файлов в папке сайта. Каждая страница будет содержать следующий HTML-код: Создать в каталоге сайта страницы и сохраните их в файлах с соответствующими именами: Программы (software.htm) Словарь (glossary.htm) Комплектующие (hardware.htm) Анкета (anketa.htm)

3 слайд Гиперссылки, размещенные на web-странице, позволяют загружать в браузер други
Описание слайда:

Гиперссылки, размещенные на web-странице, позволяют загружать в браузер другие web-страницы, хранящиеся на локальном компьютере или в Интернете. Гиперссылка состоит из двух частей: адреса и указателя ссылки. Указатель ссылки — это то, что мы видим на Web-странице (текст или рисунок), обычно (но не всегда!) выделенный синим цветом и подчеркиванием. При указании на него мышью, курсор превращается в значок «рука». Щелчок мышью по указателю вызывает переход на Web-страницу, адрес которой указан в гиперссылке. Гиперссылка создается с помощью универсального тэга, <А> и его атрибута HREF, указывающего, в каком файле хранится загружаемая Web-страница: <A  href="Адрес"> Указатель ссылки </A>

4 слайд Если загружаемая в браузер Web-страница размещена на локальном компьютере в т
Описание слайда:

Если загружаемая в браузер Web-страница размещена на локальном компьютере в той же папке, то вместо адреса указывается просто имя файла, например: <A  href="filename.htm">Указатель   ссылки</A> Если загружаемая в браузер Web-страница размещена в Интернете, то в качестве адреса указывается Интернет-адрес, например: <A   href="http://www.server.ru/Web-сайт/index.php"> Указатель ссылки</A>

5 слайд Гиперссылки могут содержать адреса не только Web-страниц, но и адреса файлов
Описание слайда:

Гиперссылки могут содержать адреса не только Web-страниц, но и адреса файлов других типов. Активизация таких гиперссылок будет приводить: <А   HREF="picture. jpg">Изображение</A> - к просмотру изображения в браузере: <А   HREF="sound.wav">3BУK</A> - к запуску проигрывателя, встроенного в браузер и воспроизведению звукового файла: <А   HREF="filez.exe">Скачать   файл</А> - к сохранению файла на локальном компьютере, с использованием встроенного в браузер менеджера загрузки файлов:

6 слайд Полезно на начальной странице сайта создать ссылку на адрес электронной почты
Описание слайда:

Полезно на начальной странице сайта создать ссылку на адрес электронной почты, по которому посетители могут связаться с администратором сайта. Для этого необходимо атрибуту ссылки HREF присвоить адрес электронной почты и вставить ее в контейнер <ADDRESS> </ADDRESS>, который задает стиль абзаца, принятый для указания адреса: <ADDRESS> <А   HREF="mailto:username@server.ru"> E-mail:    username@server.ru</A> </ADDRESS> Теперь по щелчку мышью по ссылке адреса электронной почты будет открываться почтовая программа Outlook Express (или другая используемая по умолчанию почтовая программа), где в строке «Кому» будет указан заданный в ссылке адрес.

7 слайд Прежде всего необходимо разместить на титульной странице (в документе index.h
Описание слайда:

Прежде всего необходимо разместить на титульной странице (в документе index.htm) тексты гиперссылок на каждую страницу сайта. Для представления гиперссылок удобнее всего выбрать названия страниц, на которые осуществляется переход. Принято размещать гиперссылки в нижней части страницы, поэтому разместим их под введенным текстом в новом абзаце в одну строку разделенными несколькими пробелами. Такое размещение гиперссылок часто называют панелью навигации. Панель навигации будет представлять собой абзац, выровненный по центру, в котором указатели гиперссылок разделены пробелами (&nbsp): <p ALIGH= "center"> [Программы] &nbsp [Словарь] &nbsp [Комплектующие] &nbsp [Анкета]</p>

8 слайд Теперь для каждой гиперссылки определим адрес перехода. Для этого используетс
Описание слайда:

Теперь для каждой гиперссылки определим адрес перехода. Для этого используется контейнер гиперссылки <А>…</А> с атрибутом HREF, значением которого является URL-адрес документа на локальном компьютере или в Интернете. Контейнер должен содержать указатель гиперссылки: <А НREF="URL">Указатель гиперссылки</А> Панель навигации на титульной странице создана, теперь активизация указателей гиперссылок будет приводить к переходу на другие страницы сайта.

9 слайд Вставьте в титульную страницу код, создающий ссылку на адрес электронной почт
Описание слайда:

Вставьте в титульную страницу код, создающий ссылку на адрес электронной почты: По щелчку мыши по ссылке на адрес электронной почты будет открываться почтовая программа Outlook Express (или другая используемая по умолчанию почтовая программа), где в строке «Кому» будет указан заданный в ссылке адрес. Созданная титульная страница Web-сайта «Компьютер» содержит заголовок, изображение компьютера, текст, панель навигации и ссылку на адрес электронной почты.

10 слайд Если создаваемая страница очень большая, то на ней можно расставить метки (за
Описание слайда:

Если создаваемая страница очень большая, то на ней можно расставить метки (закладки, якоря). Они помечают смысловые разделы и помогают быстро перемещаться по документу. Например, поместим закладку (якорь) в начале страницы: <A NAME="top"> </A> В конце страницы создадим переход на эту закладку (якорь): <A HREF="#top"> К началу страницы </A> Переключаться на якорь по гиперссылке можно не только внутри текущей страницы, но и с другой Web-страницы. Например, пусть на главной странице index.htm мы создали закладку top. На страницу, с которой мы будем переходить к нашей закладке, добавляем гиперссылку: <A HREF="index.htm#top"> На главную страницу </A>

  • Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
    Пожаловаться на материал
Курс профессиональной переподготовки
Учитель информатики
Курс повышения квалификации
Скачать материал
Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:
также Вы можете выбрать тип материала:
Общая информация
Учебник: «Информатика (базовый уровень)», Семакин И.Г., Хеннер Е.К., Шеина Т.Ю.
Тема: § 13. Инструменты для разработки web-сайтов

Номер материала: ДБ-889146

Скачать материал

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

Курс повышения квалификации «Табличный процессор MS Excel в профессиональной деятельности учителя математики»
Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
Курс повышения квалификации «Облачные технологии в образовании»
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс повышения квалификации «Введение в программирование на языке С (СИ)»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Современные тенденции цифровизации образования»
Курс повышения квалификации «Специфика преподавания дисциплины «Информационные технологии» в условиях реализации ФГОС СПО по ТОП-50»

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.