Создание первой страницы

1. Запустите Sibcon Web-мастер: Пуск - Программы - Сибкон Коммуникатор - Web-мастер.

Окно программы Sibcon Web-мастер

2. При запуске web-мастера создается новая пустая веб-страница. Работа в программе аналогична работе в любом текстовом редакторе. Попробуем создать Главную страницу сайта.

3. Для того чтобы оформить название страницы стилем заголовка в меню Формат выберите команду Заголовок 1 или выберите Заголовок 1 на панели инструментов в окне стилей и введите текст.

4. Чтобы выровнять текст по центру выберите в меню Формат команду Выравнивание - По центру или нажмите кнопку Выравнивание на панели инструментов.

5. Чтобы изменить цвет шрифта выделите текст и в меню Формат выберите Цвет или выберите цвет на панели инструментов

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

   •  Нажмите кнопку Таблица на панели инструментов

   или

   •  В меню Вставка выберите команду Таблица;
   •  В диалоговом окне укажите параметры таблицы: Строк 1, Столбцов 2, снимите флажок Ширина рамки и Колонки равной ширины;
   •  ОК.

7.  Измените ширину столбцов таблицы:

   •  Установите курсор в первую ячейку таблицы;
   •  Щелкните правой кнопкой и выберите команду Свойства таблицы. Перейдите на вкладку Ячейка;
   •  Установите параметр Ширина ячейки 20% от таблицы;
   • ОК.

8. Так как сайт состоит из нескольких страниц, то в левой колонке таблицы расположим панель навигации по сайту:

   •  Вставьте в левый столбец таблицу, состоящую из одного столбца, а количество строк будет равно количеству страниц сайта - например 6.
   •  Заполните ячейки названиями страниц сайта;

9. Вставьте строку копирайта под таблицей © Фамилия И.О. 2005 и свой адрес электронной почты.

10. Сохраните страницу в свою папку:

    •  В меню Файл выберите команду Сохранить как;
    •  Укажите местоположение Вашей папки и дайте имя файлу index. Тип файла - HTML.
    •  ОК
    •  В появившемся диалоговом окне укажите название страницы (оно появится в строке заголовка браузера).
    •  ОК.
11. Можете просмотреть Код страницы в меню Вид. Здесь Вы увидите оформление страницы на языке HTML.

Примерный вид страницы после выполнения работы

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

Необходимые и полезные дополнения на странице

Рисунок

•  Установите курсор в место расположения рисунка;
•  В меню Вставка выберите команду Рисунок;
•  В диалоговом окне укажите путь к рисунку нажав кнопку Выбрать файл;
•  Задайте параметры вставки рисунка (внедрение или связь с файлом рисунка, выравнивание и обтекание текстом, размеры, предварительный текст и пр.);
•  ОК.

  Чтобы текст аккуратно обтекал рисунок, вставьте таблицу с невидимыми границами: в одну ячейку добавьте рисунок, а в другую текст

Гиперссылка

•  Выделите текст или рисунок;
•  в меню Вставка выберите команду Ссылка или нажмите кнопку на панели инструментов;
•  в диалоговом окне в поле адрес вставьте  адрес URL или нажав на кнопку Выбрать файл укажите путь к локальному файлу;
•  ОК.

Ссылка на место в документе

Допустим Вы хотите сделать ссылку (сноску) в тексте на источник, либо ссылку из оглавления на раздел, либо на расшифровку какого-либо понятия, необходимо связать два компонента - номер источника и текст сноски, на который ссылается номер.

1 шаг - создать метку (закладку):

•  Установите курсор перед текстом сноски;
•  в меню Вставка выберите команду Метка;
•  в диалоговом окне укажите имя метки;
•  нажмите ОК.

2 шаг - создать ссылку на метку:

•  Выделите текст, который будет является ссылкой на текст сноски;
•  в меню Вставка выберите команду Ссылка;
•  укажите на какую метку ссылается текст;
•  нажмите ОК.

Настройка фона страницы

• В меню Формат выберите команду Цвета и свойства страницы;

• в диалоговом окне Параметры страницы на вкладке Общие можно изменить заголовок страницы;

• на вкладке Цвет и фон выбрать фон страницы, цвет текста, цвет ссылок, задать рисунок фоном страницы (для этого установите флажок Рисунок в разделе Фоновый рисунок и нажав кнопку Выбрать файл, укажите местоположение рисунка. Нажмите Ок)

По вопросам, связанным с этим веб-узлом, обращайтесь по адресу rspu@rspu.edu.ru

© КЛ ЛИ РГПУ, 2005-2006. Все права защищены.
Последнее изменение: 13.09.2006.