Привет уважаемый посетитель проекта Создать свой сайт ucoz. Сегодня мы раскроем один из важнейших вопросов изготовления сайтов Интернета и в общих чертах популярно объясним: "Что такое гиперссылка?"
Прежде всего нужно понимать, что такое гиперссылка в html или как еще называют активная ссылка. Если упрощенно, то это выделенное цветом, шрифтом слово или словосочетание в тексте, бывает подчеркнутое или не подчеркнутое, при активации которой (нажатие стрелочкой мышки на эту строчку), произойдет переход на другую страничку этого или другого ресурса, Рис 1.
Гиперссылка html - ее виды
Гиперссылка html бывает внутренняя и внешняя. Если переход произойдет внутри сайта, на котором она находится, то это будет называться внутренней ссылкой. Переход по ней с одного сайта на любой другой ресурс в Интернете - будет именоваться внешним. Мысля философски можно утверждать, что гиперссылка является основой Интернета. Представьте себе если бы не было такого инструмента как гиперссылка, поиск нужных материалов был бы долгим, нудным и рутинным.
Как сделать гиперссылку
И так, рассмотрим вопрос как cделать гиперссылку в системе html на проекте, который вы конструируете? Предположим, в тексте на странице из словосочетания "текстовом редакторе Word" нужно сделать активную гиперссылку, см картинку выше, выделено зеленой рамкой.
Первое действие открываем Блокнот.txt. Для этого заходим => Пуск => Все программы => Стандартные => Блокнот. В статье "Создать страничку" подробно рассказано как открыть Блокнот. В нем сделать такую запись:
<a href=”URL адрес” target="_self">Текст</a>
Скопируйтееё себе в Блокнот.txt. Это основная формула кода HTML для внутренней и внешней гиперссылки. Записываем обязательно в Блокноте.txt. Делать запись в текстовом редакторе Word Windows нельзя, может некорректно отражаться на Web-странице системы uCoz. Кроме Блокнота можно в любом текстовом редакторе, но только совместимом с Укоз или другим CMS движком используемом Вами.
Внимание!Статья написана не только для тех, кто строит сайт в uCoz. Всем кто использует другие движки и системы - нужно просто пропускать не нужные места. Принцип процесса изготовления гиперссылок одинаков для всех.
Теперь, вместо слова "Текст", в кодовую формулу вписываем словосочетание"текстовом редакторе Word", без кавычек. А Вы, вставляете свое, то что хотите сделать Гиперссылкой, без пробелов и кавычек. Теперь формула будет выглядеть так:
<a href="URL адрес"target="_self">текстовом редакторе Word</a> Слова нужно вставлять такими, какими они пишутся в тексте не изменяя по падежам.
Находим на сайте статью, которая должна открываться после активации ссылки.В адресной строке браузера копируем URL адрес этой страницы, см картинку выше, и вставляем её вместо слов "URL адрес". Вот что получится:
Следующий шаг - открываем статью, где хотим установить ссылку и заходим в редактор HTML исходного кода.
Дело в том, что для разных систем CMS зайти можно по разному. Мы расскажем только как можно открыть исходный код uCoz. Существует два способа:
Первый способ: => заходим "Панель управления", (мы рассказывали про "Панель управления", статья Открыть Панель управления uCoz), => меню с левой стороны нажимаем "Каталог статей", => заходим "Управление материалами", => находим нужную статью => с правой стороны строки кликаем картинку "гаечный ключ" и всплывающей подсказкой . Откроется "Визуальный редактор". Находим квадратик с надписью , см картинку внизу. Нажимаем. Откроется исходный код статьи.
Есть способ еще проще. Надо зайти на свой сайт как администратор (статья ...зайти на сайт как Администратор). Находим правый верхний угол странички. Рядом с надписью "Добавить статью," увидите маленький красный треугольничек . Откройте его. Появится небольшая панелька управления, состоящая из четырех квадратиков, смотрите на рисунке. Если на них навести стрелку мышки, то увидим всплывающие надписи: 1.Удалить; 2.Редактировать; 3.Управление счетчиками; 4.Теги материала.
Активируем второй квадратик с права "Редактировать". И вновь попадем в "Визуальный редактор", переходим из него в исходный код статьи, снова жмем квадрат под названием "Источник".
На странице исходного кода, находим то словосочетание, которое надо сделать активной ссылкой, удаляем его, и на его месте вставляем ту самую заготовленную формулу (кодированную фразу) нашей гиперссылки. Нажимаем клавишу "Сохранить".
Всё, ссылка готова к эксплуатации. На этом примере мы показали как можно изготовить простую гиперссылку в текстовом содержании сайта. Убедительная просьба - напишите пожалуйста комментарий по поводу данной статьи. Более подробно о создании ссылки можно посмотреть и познакомиться в других материалах.
Спосибо за статью! Очень бодробно все расписано, но не хватает скриншота в конце статьи куда и как вставлять подготовленный код гиперссылки. У меня этот момент получается через раз. Не могу понять , по какой то причине пишет что нет такой страницы. Видимо, когда встявляю прихватываю чего-то лишнее. Сам текст, который заменяется нужно в блокнотенабирать или копировать с сайта? Цвет текста и подчеркивание получается автоматически после вставки кода ссылки? Вот такие вопросы возникли у меня пор чтении материала.
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
. Откройте его. Появится небольшая панелька управления, состоящая из четырех квадратиков, смотрите на рисунке
