🗊Ссылки и их атрибуты Ссылки на документы и почтовые ссылки

Нажмите для полного просмотра!
Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №1Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №2Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №3Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №4Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №5Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №6Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №7Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №8Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №9Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №10Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №11Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №12Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №13Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №14Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №15Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №16Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №17Ссылки и их атрибуты  Ссылки на документы и почтовые ссылки, слайд №18

Вы можете ознакомиться и скачать Ссылки и их атрибуты Ссылки на документы и почтовые ссылки. Презентация содержит 18 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1





Ссылки и их атрибуты
Ссылки на документы и почтовые ссылки
Описание слайда:
Ссылки и их атрибуты Ссылки на документы и почтовые ссылки

Слайд 2





URL
URL – (Uniform Resource Locator) - единообразный локатор (определитель местонахождения) ресурса – «УРЛ»
Описание слайда:
URL URL – (Uniform Resource Locator) - единообразный локатор (определитель местонахождения) ресурса – «УРЛ»

Слайд 3





Структура URL
Описание слайда:
Структура URL

Слайд 4





Протоколы передачи данных
Описание слайда:
Протоколы передачи данных

Слайд 5





Ссылки
<a href="send_resume.html">это - ссылка (Анкор)</a>  -  (откроет документ send_resume.html в том же окне)
<a href="send_resume.html" target="_blank">это - ссылка (Анкор)</a>  -   (откроет документ send_resume.html в новом окне (вкладке) браузера)
Описание слайда:
Ссылки <a href="send_resume.html">это - ссылка (Анкор)</a> - (откроет документ send_resume.html в том же окне) <a href="send_resume.html" target="_blank">это - ссылка (Анкор)</a> - (откроет документ send_resume.html в новом окне (вкладке) браузера)

Слайд 6





Создание ссылки в DW
Описание слайда:
Создание ссылки в DW

Слайд 7





Заголовок ссылки
<a href="send_resume.html" target="_blank" title="всплывающая подсказка">это - ссылка с подсказкой</a>
Описание слайда:
Заголовок ссылки <a href="send_resume.html" target="_blank" title="всплывающая подсказка">это - ссылка с подсказкой</a>

Слайд 8





Относительная и абсолютная ссылки
<a href="send_resume.html">это - ссылка относительная</a>
 - файл send_resume.html «лежит» в том же каталоге, где и сам документ
<a href="http://videotutor.ru/about/">это - ссылка абсолютная</a> 
она включает в себя полный URL документа, на который ссылается
Описание слайда:
Относительная и абсолютная ссылки <a href="send_resume.html">это - ссылка относительная</a> - файл send_resume.html «лежит» в том же каталоге, где и сам документ <a href="http://videotutor.ru/about/">это - ссылка абсолютная</a> она включает в себя полный URL документа, на который ссылается

Слайд 9





«Регистрация» сайта в DW
Описание слайда:
«Регистрация» сайта в DW

Слайд 10





Относительная ссылка на каталог уровнем выше текущего
Код:
<a href="../index.html">это - относительная ссылка</a> на файл index.html в "родительском" каталоге
Сочетание "../" указывает на папку, расположенную на один уровень выше от данной позиции файла, с которого делается ссылка. 
Следуя этой логике, вы можете также указать на два уровня выше "../../" или более.
Описание слайда:
Относительная ссылка на каталог уровнем выше текущего Код: <a href="../index.html">это - относительная ссылка</a> на файл index.html в "родительском" каталоге Сочетание "../" указывает на папку, расположенную на один уровень выше от данной позиции файла, с которого делается ссылка. Следуя этой логике, вы можете также указать на два уровня выше "../../" или более.

Слайд 11





тег BASE
HTML тег BASE позволяет авторам явно указать базовый URL документа.
Описание слайда:
тег BASE HTML тег BASE позволяет авторам явно указать базовый URL документа.

Слайд 12





Правила указания тэга BASE
Если BASE указан, он должен присутствовать в разделе HEAD документа HTML, до элементов, ссылающихся на внешние ресурсы
информация о пути, указанная в элементе BASE, влияет только на URL в документе, в котором присутствует этот элемент.
Описание слайда:
Правила указания тэга BASE Если BASE указан, он должен присутствовать в разделе HEAD документа HTML, до элементов, ссылающихся на внешние ресурсы информация о пути, указанная в элементе BASE, влияет только на URL в документе, в котором присутствует этот элемент.

Слайд 13





Якорь ссылки - картинка
Код:
<a href="http://videotutor.ru/about/"><img src="gift_box.png" alt="Подарок" width="120" height="120" /></a>
Описание слайда:
Якорь ссылки - картинка Код: <a href="http://videotutor.ru/about/"><img src="gift_box.png" alt="Подарок" width="120" height="120" /></a>

Слайд 14





Ссылки внутри страницы 
Для разработки ссылки следует вначале сделать закладку (якорь) в соответствующем месте... 
<a name="top"></a>
<p>Друг уронил утюг в унитаз. И разбил его. Причем так разбил, что по назначению унитаз и использовать никак нельзя, ни боком, ни передом. Мгновением назад только что вот все было хорошо и вот уже дыра прямо в унитазе, да такая, что можно забыть, что есть такой предмет в доме. Махнул рукой нечаянно, а потом мучайся... </p>

<p><a href="#top">Наверх</a></p>
Описание слайда:
Ссылки внутри страницы Для разработки ссылки следует вначале сделать закладку (якорь) в соответствующем месте... <a name="top"></a> <p>Друг уронил утюг в унитаз. И разбил его. Причем так разбил, что по назначению унитаз и использовать никак нельзя, ни боком, ни передом. Мгновением назад только что вот все было хорошо и вот уже дыра прямо в унитазе, да такая, что можно забыть, что есть такой предмет в доме. Махнул рукой нечаянно, а потом мучайся... </p> <p><a href="#top">Наверх</a></p>

Слайд 15





Почтовая ссылка
Код:
Пишите мне
 <a href="mailto:sdoob@mail.ru">письма</a> (только не спам!!!) 
Это самый простой вариант почтовой ссылки
Описание слайда:
Почтовая ссылка Код: Пишите мне <a href="mailto:sdoob@mail.ru">письма</a> (только не спам!!!) Это самый простой вариант почтовой ссылки

Слайд 16





Атрибуты почтовой ссылки
mailto:sdubrov@gmail.com?subject=Хочу%20у%20Вас%20учиться
Описание слайда:
Атрибуты почтовой ссылки mailto:sdubrov@gmail.com?subject=Хочу%20у%20Вас%20учиться

Слайд 17





Атрибуты почтовой ссылки (продолжение)
mailto:sdubrov@gmail.com?subject=Хочу%20у%20Вас%20учиться&body=
Отличный%20сайт,%20хочу%20научиться
Описание слайда:
Атрибуты почтовой ссылки (продолжение) mailto:sdubrov@gmail.com?subject=Хочу%20у%20Вас%20учиться&body= Отличный%20сайт,%20хочу%20научиться

Слайд 18





Защита от спам - ботов
Blackman's E-mail encoder   (Freeware)
Программа заменяет e-mail адрес в тексте статьи на JavaScript-код
При клике посетителя на странице  - «собирается» mailto: - ссылка
Описание слайда:
Защита от спам - ботов Blackman's E-mail encoder (Freeware) Программа заменяет e-mail адрес в тексте статьи на JavaScript-код При клике посетителя на странице - «собирается» mailto: - ссылка



Похожие презентации
Mypresentation.ru
Загрузить презентацию