Как добавить страницу на сайт – продолжаем работать над сайтом в компоненте Writer бесплатного пакета OpenOffice. 

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

Но, как правило, одной страницы на сайте бывает недостаточно, наверняка у Вас возникнет потребность в создании новых страниц.

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

Для простоты давайте создадим сайт, состоящий из двух страниц.

Первым шагом, добавим меню на уже существующую страницу нашего сайта.

Теперь давайте вспомним, для того чтобы разделить таблицу шапки сайта и таблицу для контента, (смотри статью - Создание web страниц в OpenOffice.org Часть 2) мы с Вами, между этими таблицами, вставили ещё одну таблицу - разделительную.

Давайте добавим меню в эту разделительную таблицу, но прежде чем это сделать, необходимо задать параметры таблицы, давайте это сделаем.

Итак, для того, чтобы задать параметры для выбранной таблицы, кликаем в неё левой кнопкой мыши и в верхнем меню выберем “Таблица”, во вновь открывшемся окне, кликаем “Свойства таблицы ...”.

Как добавить страницу на сайт 

Как скачать видео смотрите здесь: Как скачать видео с YouTube

В окне “Свойств таблицы”, настраиваем выравнимвание таблицы по центру страницы, ширину зададим относительную, равную 60%, фон таблицы зададим белый.

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

Кликаем левой кнопкой мышки в добавленную только что таблицу и переводим курсор в левую часть таблицы. Для этого кликаем инструмент “По левому краю” в панели инструментов редактора Writer.

Теперь добавляем текст первого пункта меню.  Первый пункт меню у нас будет ссылаться на главную страницу, поэтому присваиваем этому пункту имя “Главная”.

Далее я жму на клавиатуре пробел и делаю разделитель между пунктами меню – вертикальную линию. Добавили разделитель, вновь жмём пробел и переходим к следующему пункту меню.

Новая страница, которую я добавлю на сайт, будет являться страницей с контактами. Поэтому я присваиваю второму пункту меню имя – “Контакты”. 

В результате я добавил два пункта меню, которые внешне выглядят вот таким образом:

Главная | Контакты 

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

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

После этого нам останется изменить только контент новой страницы, оставив шапку сайта и нижний колонтитул сайта без изменений. 

Итак, для того чтобы в редакторе Writer, создать новую страницу, откроем страницу, которая у нас уже создана, то есть файл index.html. 

Мы хотим добавить новую страницу с контактами, поэтому делаем следующее – в меню редактора Writer, выбираем “Файл” - “Сохранить как”, в открывшемся окне, вбиваем имя нового файла на латинице “contacts.html”, жмём “Сохранить” и в результате, в рабочую папку нашего проекта добавился новый файл. 

Теперь наш сайт состоит из двух страниц, сохранённых в файлах index.html и contacts.html. 

Далее, на страницу контактов добавляем нужную нам информацию, ту которую Вы считаете нужным добавить. Это может быть адреса электронной почты, телефоны организации и так далее. 

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

Делается это очень просто. Поочерёдно открываем страницы нашего сайта в редакторе и выделяем поочерёдно нужный пункт меню, а затем, кликаем “Вставить” - “Гиперссылка”.

Во вновь открывшемся окне, указываем путь к файлу страницы, которая должна открываться по клику на выбранный пункт меню, далее жмём последовательно кнопки – “Открыть”, “Применить”, “Закрыть”.

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

И в заключении статьи, хотел бы сделать  следующее замечание. Добавив для пунктов меню ссылки, мы указали их адрес относительно локальных дисков компьютера, которые выглядят примерно так:

C:\ OpenOffice\index.html

C:\ OpenOffice\contacts.html

Если сайт выложить в Интернет, тогда эти ссылки перестанут работать. Поэтому, для того, чтобы навигация нормально работала в сети, приводим вид ссылок к виду:

index.html

contacts.html,

в этом случае, навигация будет работать и локально и в сети.

или

../index.html

../contacts.html

При такой адресации, навигация будет тоже работать и локально и в сети.

Или делаем абсолютную адресацию (навигация будет работать только в сети)

https://www.mysite.ru/index.html

https://www.mysite.ru/contacts.html

Ну что же, в этой статье, мы рассмотрели, как добавить страницу на сайт и сформировать навигацию сайта.

Автор: Виктор Милованов