4.4. Редактирование сайта

Редактирование сайта целесообразнее делать в такой последовательности. На своей рабочей станции (ПЭВМ) разрабатываются страницы сайта и просматриваются. Затем отредактированные страницы закачиваются на сервер.

Для обновления сайта на сервере зайдите на

narod.yandex. ru

и войдите в сеанс (нажмите Войти и введите логин - совпадающий с именем почтового ящика - и пароль). Появится кнопка Редактировать, жмите ее.

В открывшемся окне нажмите на стрелку рядом с надписью Конструктор сайтов и в появившемся контекстном меню выберите Управление файлами.

В появившемся окне можно будет загрузить на сервер отредактированные страницы сайта. Всплывающую подсказку уберите, нажав надпись Я в курсе. Слева в окне отображается дерево каталогов Вашего сайта (пока там только главная страница). Справа - отображаются файлы.

Чтобы загрузить файл(-ы) нажмите Загрузить файл. Далее с помощью Обзора укажите нужные файлы. Конечно, обязательно надо загрузить главный файл сайта index.html. Соглашайтесь с заменой старой версии файлов.

Теперь можно посмотреть обновленную версию сайта. Чтобы попасть на свой сайт откройте новую вкладку браузера и введите в адресной строке

<ваш_логин>.narod.ru

По окончании загрузки обязательно нажмите Выход на вкладке редактирования.

4.5. Тэги_гиперссылки

Важнейшим свойством языка HTML является возможность размещения на странице ссылок на другие документы, на некоторую точку в текущем HTML-документе.

В качестве ссылки можно использовать текст или графику.

Браузер выделяет (обычно цветом и/или подчеркиванием) слова, являющиеся ссылками.

Возможны ссылки:

• на удаленный HTML-файл;

• на некоторую точку в этом же документе;

• на любой файл, не являющийся HTML-документом.

Тег <a >...</a> создает гиперссылку.

Ссылка на другой html-документ

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

<a href="адрес"> Текст </a>

Здесь href - имя документа (URL-адрес), к которому осуществляется переход.

Ссылка, в которой указан полный URL адрес документа, называется абсолютной. Абсолютные ссылки используются для связи с внешними ресурсами Интернет, URL которых известен нам и не меняется.

Например:

<a href="http://www.rambler.ru" "> Поисковая система RAMBLER </a>

Относительная ссылка ссылается на документ, опуская общую адресную часть. Например, если из документа index.html нужно сослаться на документ test.html, находящийся в той же папке, это можно сделать ссылкой вида

<a href="test.html">документ test.html</a>

При использовании относительной ссылки можно ссылаться на папки, которые являются как вложенными, так и родительскими по отношению к папке, в которой расположен исходный документ. Например, ссылка на рисунок с именем my.jpg, находящийся во вложенной папке images может иметь вид:

<a href="images/my.jpg">посмотрите рисунок</a>

Рекомендуется создавать папки по темам сайта, и для рисунков, фото и т.п.

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

Такие ссылки называются внутренними и требуют наличия двух частей: метки и самой ссылки. Метка определяет точку, к которой происходит переход по ссылке. Ссылка использует имя метки. Ссылки выделяются цветом или подчеркиванием, в зависимости от того, как настроен браузер.

Ссылка должна выглядеть, например, так:

<A HREF="#ПН">Понедельник</A>

Перед именем метки ПН, указывающей куда производится ссылка, ставится символ #. Между символами > и < располагается текст Понедельник, на котором производится щелчок для перехода по ссылке.

Метка должна выглядеть примерно так:

<A NAME="ПН">Какой-то текст, имеющий отношение к понедельнику</A>

Ссылка на E-mail

Cсылка на почтовый ящик (E-mail) прописывается следующим образом:

<A HREF="mailto:pochta@mail.ru">Напишите мне письмо</A>

Гиперссылка-картинка

В качестве ссылки можно использовать не только текст, но и графику.

Для того, чтобы использовать в качестве гиперссылки картинку , достаточно заключить тег IMG в тег A.

Например, <a href="about_me.html"><img src="image.jpg" ></a>

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

Правильно оформляйте ссылки. Если вы ссылаетесь на локальные файлы, как показано в примере, то имена файлов должны быть относительными. То есть, не нужно указывать С:\<какой-то каталог>\… \<имя файла>, а нужно только <имя файла>. Ещё раз: пусть у вас каталог C:\Personal\my_site, в нём вы создали файл index.htm, в нём же вы создали файл about_me.htm, тогда ссылка на файл about_me.htm должна быть такой, как показано в примере. Если же вы укажете в ссылке C:\Personal\my_site\about_me.htm, то наверняка web-server вам выдаст: «Not found!».

Остальные возможности форматирования таблиц читайте в учебнике по HTML.