Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему Ссылки на web страницах

Содержание

Тема: Ссылки на web страницах
НЕТ ИНТЕРЕСА – НЕТ УСПЕХА Тема: Ссылки на web страницах Цель урока: Сформировать навыки создания гиперссылки на web страницах Ситуация Необходимо указать html ссылку на сайте школы с главной страницы на Ключевые словаHREFNAME Ссылки - инструмент, позволяющий связывать между собой различные документы.Браузер обычно выделяет ссылку цветом и/или подчеркиванием. Описывается ссылка следующим образом:Ссылка на документРазличают ссылкиотносительныеабсолютные 1. - на документ 2.  - переход на файл 3.  - подняться вверх на один шаг по дереву каталогов, перейти в  Абсолютная ссылкауказывается полный путь к файлуПример:Относительные ссылки удобнее. Они не привязаны к Можно делать ссылки внутри документа.Для этого необходимо создать некую опорную точку - index.html Info.html Вопросы:Как вы понимаете слова «Каталог» и «Подкаталог»?Расшифруйте и переведите тег ?Для чего Дом. Задание http://htmlbook.ru/faq/kak-dobavit-kartinku-na-veb-stranitsu
Слайды презентации

Слайд 2 Тема: Ссылки на web страницах

Тема: Ссылки на web страницах

Слайд 3 Цель урока: Сформировать навыки создания гиперссылки на web

Цель урока: Сформировать навыки создания гиперссылки на web страницах

страницах


Слайд 4 Ситуация
Необходимо указать html ссылку на сайте школы

Ситуация Необходимо указать html ссылку на сайте школы с главной страницы

с главной страницы
на информационную страницу о расписании занятий
index.html
info.html


Слайд 5 Ключевые слова

HREF
NAME

Ключевые словаHREFNAME

Слайд 6 Ссылки - инструмент, позволяющий связывать между собой различные документы.
Браузер

Ссылки - инструмент, позволяющий связывать между собой различные документы.Браузер обычно выделяет ссылку цветом и/или подчеркиванием.

обычно выделяет ссылку цветом и/или подчеркиванием.


Слайд 7 Описывается ссылка следующим образом:
Ссылка на документ
Различают

Описывается ссылка следующим образом:Ссылка на документРазличают ссылкиотносительныеабсолютные

ссылки
относительные
абсолютные


Слайд 8 1. - на документ "filename.html", находящийся в одном

1. - на документ

каталоге с текущим документом;

Относительные ссылки:


Слайд 9 2.  - переход на файл "filename.htm" в

2.  - переход на файл

подкаталоге "folder" текущего каталога;


Слайд 10 3.  - подняться вверх на один шаг

3.  - подняться вверх на один шаг по дереву каталогов, перейти

по дереву каталогов, перейти в каталог "folder" и осуществить

переход на "filename.html".

Слайд 11  Абсолютная ссылка
указывается полный путь к файлу
Пример:

Относительные ссылки

 Абсолютная ссылкауказывается полный путь к файлуПример:Относительные ссылки удобнее. Они не привязаны

удобнее. Они не привязаны к конкретной структуре каталогов, т.е.

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

Слайд 12 Можно делать ссылки внутри документа.
Для этого необходимо создать

Можно делать ссылки внутри документа.Для этого необходимо создать некую опорную точку

некую опорную точку - анкер (anchor - якорь,англ.), на

которую и будет происходить переход.

Ссылки

При этом слово "Ссылки" в тексте никак выделяться не будет. Теперь в тексте можем делать ссылку на анкер (и не один раз). Например, так:

Нажмите здесь для возврата к началу урока

Результат:


Слайд 13 index.html

index.html

Слайд 14 Info.html

Info.html

Слайд 15 Вопросы:
Как вы понимаете слова «Каталог» и «Подкаталог»?
Расшифруйте и

Вопросы:Как вы понимаете слова «Каталог» и «Подкаталог»?Расшифруйте и переведите тег ?Для

переведите тег ?
Для чего необходим и при каких случаях

используют ?

  • Имя файла: ssylki-na-web-stranitsah.pptx
  • Количество просмотров: 149
  • Количество скачиваний: 0