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

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

Теперь, давайте нашу web страницу сохраним.

Для сохранения Web страницы,  левой кнопкой мышки, жмём меню  “Файл”  - “Сохранить как”.  

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

Следующим шагом, зададим фон для нашей web страницы. Фон страницы можно задать следующим образом - выбираем в меню программы Writer:  “Формат” – “Страница” – “Фон”.

Здесь у нас есть две возможности.

Во-первых,  если в окне “Фон” выбрать тип фона: “Цвет”, то фон страницы мы можем задать цветом, выбрав его из таблицы цветов.

Во-вторых, если в окне “Фон” выбрать тип фона: “Графический объект”, то фон страницы мы можем задать рисунком.

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

Для того, чтобы скачать данное видео, Вы можете воспользоваться советами здесь: Как скачать видео с ютуба

Для данной страницы, я хочу задать фон рисунком. Поэтому, в нашем проекте OOSite, создадим папку для рисунков, с именем images. Теперь скопируем в эту папку картинку для фона, которую возьмём в галерее установленного пакета OpenOffice.org по адресу - C:\Program Files\OpenOffice.org 3\Basis\share\gallery\www-back\ice-light.jpg.

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

Итак, кликаем: “Формат” – “Страница” – “Фон”, далее,  тип фона выбираем  “Графический объект”,  и по нажатии на кнопку  “Обзор”,  переходим в папку нашего проекта – images, где выбираем файл, который  Вы выбрали -  ice-light.jpg.

Теперь,  кликаем последовательно кнопки  “Открыть” и “OK”.

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

На странице у нас будет расположено по вертикали три таблицы. Заголовок сайта  – Headr, ниже будет находиться таблица для контента  –  Content,  и в качестве нижнего колонтитула, мы добавим ещё одну таблицу,  так называемый  – Footer.

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

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

В окне свойств таблицы делаем следующие настройки: во вкладке “Таблица” – в правой части, выбираем выравнивание “По центру”.  В настройках ширины выбираем  – “Относительная”,  и задаём ширину в процентах – в нашем случае – 60%.

Далее переходим к вкладке “На странице”, здесь мы настраиваем выравнивание содержимое таблицы. Я выбираю “По середине” и перехожу к вкладке “Обрамление”,  где настраивается  тип рамки и её толщина, я выбираю тип - одну линию и выбираю толщину рамки - 0,5 pt. Далее я задаю белый цвет фона таблицы на вкладке ”Фон”.

Настройки таблицы сделаны, жмём “OK” и сохраняем нашу web страницу, нажав иконку “Сохранить” на панели управления редактора Writer.

Чтобы просматривать результат нашей работы. Откроем файл index.html с помощью браузера, например Internet Explorer.  Если у нас страница отобразилась нормально, то переходим к следующему шагу: добавим текст в шапку сайта, другими словами,  добавим название страницы (сайта) в только что созданную таблицу.

Для этого кликаем в таблицу шапки сайта, и добавляем текст. Я добавлю название статьи, которую я написал для данной страницы: Создание web страниц в OpenOffice.

Теперь давайте отформатируем данную строку. Следует отметить, что размер шрифта для заголовка сайта следует делать с размером “Заголовок первого уровня” (тег h1).

Выделяем текст Создание web страниц в OpenOfficeи задаём ему размер шрифта  – “Заголовок” жмём “Сохранить” и проверяем, как наше webстраница выглядит в браузере, обновив в нём окно.

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

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