7. ссылки простые и почтовые
Download as PPTX, PDF0 likes541 views
Документ содержит информацию о ссылках в интернете, их структуре и атрибутах, включая URL, протоколы передачи данных (HTTP, FTP и др.), а также использование относительных и абсолютных ссылок. Он описывает создание ссылок в HTML, использование тега base, а также варианты почтовых ссылок и защиту от спама. Также рассматривается принцип работы якорных ссылок для перемещения по странице.
7. ссылки простые и почтовые
- 1. Ссылки и их атрибуты Ссылки на документы и почтовые ссылки
- 2. URL • URL – (Uniform Resource Locator) - единообразный локатор (определитель местонахождения) ресурса – «УРЛ» Уникальный «адрес» страницы в Интернет
- 3. Структура URL 1.Протокол 2.Домен сайта 3.Каталог на сайте 4.Имя файла
- 4. Протоколы передачи данных •HTTP (Hypertext Transfer Protocol ) - Протокол передачи гипертекста •FTP (File Transfer Protocol) — Протокол передачи файлов •POP3 (Post Office Protocol 3) — Протокол получения электронных писем •IMAP (Internet Message Access Protocol) — Протокол доступа к электронной почте Интернета •SMTP (Simple Mail Transfer Protocol) — простой протокол передачи почты
- 5. Ссылки • <a href="send_resume.html">это - ссылка (Анкор)</a> - (откроет документ send_resume.html в том же окне) • <a href="send_resume.html" target="_blank">это - ссылка (Анкор)</a> - (откроет документ send_resume.html в новом окне (вкладке) браузера)
- 6. Создание ссылки в DW
- 7. Заголовок ссылки • <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 документа, на который ссылается
- 9. «Регистрация» сайта в DW •Site - > New Site… Указать «корень» сайта
- 10. Относительная ссылка на каталог уровнем выше текущего Код: <a href="../index.html">это - относительная ссылка</a> на файл index.html в "родительском" каталоге • Сочетание "../" указывает на папку, расположенную на один уровень выше от данной позиции файла, с которого делается ссылка. • Следуя этой логике, вы можете также указать на два уровня выше "../../" или более.
- 11. тег BASE • HTML тег BASE позволяет авторам явно указать базовый URL документа. Атрибуты тега BASE : href= задает абсолютный URL, служащий базовым URL для разрешения относительных URL Пример: <HTML> <HEAD> <BASE href=http://www.videotutor.ru/ /> </HEAD> <BODY> Щелкни <A href="index.html">здесь</A>, чтобы узнать больше </BODY> </HTML> переход по этой ссылке приведет на сайт: http://www.videotutor.ru/index.html
- 12. Правила указания тэга BASE • Если BASE указан, он должен присутствовать в разделе HEAD документа HTML, до элементов, ссылающихся на внешние ресурсы • информация о пути, указанная в элементе BASE, влияет только на URL в документе, в котором присутствует этот элемент.
- 13. Якорь ссылки - картинка • Код: • <a href="http://videotutor.ru/about/"><img src=/slideshow/7-11414166/11414166/"gift_box.png" alt="Подарок" width="120" height="120" /></a>
- 14. Ссылки внутри страницы • Для разработки ссылки следует вначале сделать закладку (якорь) в соответствующем месте... • <a name="top"></a> • <p>Друг уронил утюг в унитаз. И разбил его. Причем так разбил, что по назначению унитаз и использовать никак нельзя, ни боком, ни передом. Мгновением назад только что вот все было хорошо и вот уже дыра прямо в унитазе, да такая, что можно забыть, что есть такой предмет в доме. Махнул рукой нечаянно, а потом мучайся... </p> <p><a href="#top">Наверх</a></p>
- 15. Почтовая ссылка Код: Пишите мне <a href="mailto:sdoob@mail.ru">письма</a> (только не спам!!!) Это самый простой вариант почтовой ссылки
- 16. Атрибуты почтовой ссылки • mailto:sdubrov@gmail.com?subject= Хочу%20у%20Вас%20учиться
- 18. Защита от спам - ботов • Blackman's E-mail encoder (Freeware) • Программа заменяет e- mail адрес в тексте статьи на JavaScript-код • При клике посетителя на странице - «собирается» mailto: - ссылка Продолжение следует…