Создание своего сайта с помощью программы FrontPage часть2.

Автор: Кузьминич Евгений.

Перейти к части 1

Создайте главную страницу, она будет называться index.htm и одну обычную страницу, назовем ее kniga.htm.

 return_links(1); ?>

Если Вы попробуете в окне Конструктор ввести текст, то у Вас все получится, но как же нам сделать гиперссылку. Это очень просто, Вы пишите текст гиперссылки в нужном Вам месте, затем удерживая левую кнопку мыши, выделяем будущую гиперссылку, она должна стать инверсной, т.е. белые буквы на черном фоне. Затем на выделенном фрагменте текста нажимаем правую кнопку мыши, появится служебное меню, в самом низу будет надпись "гиперссылка..." нажимаем на нее левой кнопкой мыши. Откроется окно, в котором отобразится содержимое корневого каталога Вашего маленького сайта. В нем будут два html документа index.htm и kniga.htm. Теперь попробуйте создать в каждой из двух страниц гиперссылку, которая ссылается на другую страницу.

ВАЖНО: гиперссылка может быть не только внутренней, т.е. ссылающейся на документ внутри Вашего сайта, а и внешней, ссылаться на реально существующий адрес в интернете.

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

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

 return_links(1); ?>

Таблицу создаем при помощи кнопки на панели инструментов, с изображением пустой таблицы. Если такая кнопка отсутствует, то заходим в меню [Таблица] > [Вставить] > [Таблица], создаем то, что нам нужно, указав количество столбцов и рядов.

Создав базовую таблицу, Вам может понадобиться объединить ячейки определенного ряда или столбца между собой, или убрать, что либо. Для этого идем в меню [Таблица] > [Нарисовать таблицу]. Там с помощью карандаша можно добавить линию, а с помощью ластика убрать.

 

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

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

Используйте еще одно очень Важное свойство таблиц, поищите на панели инструментов кнопку [внешние границы], рядом с ней маленький треугольник с выпадающим меню. С помощью этого маленького раздела, Вы можете делать отдельные участки границы таблиц невидимыми. Т.е. можно создать невидимые таблицы, а выглядеть будет все примерно так:

ПРИМЕР:
Левая колонка 1 ряд Средняя колонка 1 ряд Правая колонка 1 ряд
Левая колонка 2 ряд Средняя колонка 2 ряд Правая колонка 2 ряд
Левая колонка 3 ряд Средняя колонка 3 ряд Правая колонка 3 ряд

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

В качестве фона ячейки можно использовать графический файл, содержащий рисунок или фотографию.

 return_links(); ?>

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

Еще об оформлении web страницы почитайте в разделе "Дизайн сайта".

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

Перейти в раздел "Web шаблоны"

 

Главная страница

Зарабатываем деньги:

Где заработать??? обзор рыбных мест.

 

Разное

Наш сайт в каталогах

 

 

Написать письмо вебмастеру folvarok@mail.ru

Использование материалов данного сайта разрешено при условии обязательной гиперссылки на данный ресурс. Авторские права на данный ресурс принадлежат Кузьминичу Евгению.

февраль 2010г.