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

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

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

Теперь выставляем курсор ниже разделительной таблицы и добавляем новую таблицу, кликнув последовательно на кнопки меню: “Таблица”  - “Вставить” -  “Таблица”.  В появившемся окне, выбираем одну строку и один столбец.

Таблица для контента создана, теперь её нужно отредактировать. Кликаем в таблицу курсором мышки и выбираем в меню:“Таблица”  - “Свойства таблицы”. Открывается окно редактирования таблицы, где мы задаём ширину таблицы 60%, фон таблицы “Белый”,  рамка одинарная, с линией, толщиной 0,5 pt. Жмёмкнопку “OK” и “Сохранить”.

Проверяем, как выглядит наша web страница в браузере, обновив его окно.

Создание web страниц программами

Напоминаю, что Вы можете скачать данное видео, если воспользуетесь советами вот на этой странице: Как скачать видео с YouTube

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

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

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

Теперь зададим формат для шрифта статьи, а именно, подберём размер шрифта и сделаем помягче цвет, например, сделаем его тёмно серым.

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

Для того, чтобы вставить картинку на web страницу, сначала поставьте курсор в то место страницы, куда вы хотите её вставить.  Далее, в меню редактора Writer, кликаем: “Вставка” -  “Из файла” и далее, выбираем из папки image, нужный нам файл фотографии, картинки или рисунка и жмём кнопку “Открыть”.

Картинка вставилась в web страницу, и теперь необходимо выровнять её относительно текста и рамки таблицы. Для выбора режима редактирования картинки, кликаем на ней правой кнопкой и выбираем из окна режим: “Изображение”.

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

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

Здесь мы воспользуемся вкладкой  “Обрамление”. В правой части этой вкладки, есть настройка: “Отступы от содержимого”, зададим здесь отступ для всех сторон 0,4 сантиметра и жмём “OK”.  Сохраняем страницу, нажав кнопку “Сохранить.”

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

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

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

После добавления таблицы колонтитула, вбиваем текст футера. Как правило, в Footer страницы добавляется год, значок копирайтинга и имя автора сайта или просто название сайта или страницы. Вот и всё.

В этой статье мы рассмотрели  создание web страницы с помощью редактора Writer (из бесплатного офисного пакета OpenOffice.org.),  переведённого в режим создания web страниц.

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