A5.ru: конструктор сайтов

A5.ru: создать собственный сайт без лишних затрат и усилий!

Создание 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 страниц.

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

 

Как создать сайт без знания HTML

Как создать сайт без знания HTML

Как создать сайт на WordPress

Как создать сайт на WordPress

CSS для начинающих

CSS для начинающих

Скачать без регистрации