Шаг 3 - Определим ссылки на главной странице

1. Выделим слова «Ростовский государственный экономический университет» и нажмем на панели инструментов кнопку создания гиперссылки, либо выберем пункты меню Insert > Hyperlink (Вставка > Гиперссылка). Появится окно создания ссылки, представленное на рисунке 5.17.

2. В поле URL (Uniform Resource Locator)можно вручную ввести URL, на который будет указывать ссылка.

3. Также можно воспользоваться одной из пиктограмм в той же строке. Первая пиктограмма (с изображением земного шара) позволяет сделать ссылку во всемирной паутине, однако она может использоваться только в случае, если ЭВМ подключена к сети Internet. Вторая пиктограмма (с изображением лупы и папки) позволяет сделать ссылку на файл на диске. Третья пиктограмма (с изображением конверта) позволяет создавать почтовые ссылки. Четвертая пиктограмма (с изображением чистого листа) позволяет создать на нашем сайте новую страницу, на которую и будет указывать ссылка.

Рисунок 5.17. – Окно создания гиперссылки

4. Чтобы сделать ссылку на существующую страницу нужно просто выбрать ее из списка. Можно также определить место внутри страницы (закладку) на которое будет указывать ссылка. Если это место внутри текущей страницы, то заполнять поле URL не нужно, следует просто выбрать закладку в поле Bookmark (Закладка) (закладка должна быть предварительно создана). Если нужно создать ссылку на закладку на другой странице, то сначала нужно выбрать эту страницу, а затем – закладку.

5. В нашем случае заполним поле URL вручную – введем в него адрес «www.rseu.ru» и нажмем кнопку Ok.

6. Теперь создадим ссылку на страницу Петрова. Выделим фамилию в таблице и создадим ссылку. В окне создания гиперссылки нажмем на пиктограмму с изображением чистого листа – в результате будет создана новая страница. Сохраним это страницу под именем Petrov.

7. Теперь, воспользовавшись панелью Folder list (Папки), вернемся на главную страницу index.htm. Таким же образом, создадим ссылку на новую страницу для Иванова, а затем сохраним эти страницу под именем Ivanov. Теперь в панели Folder list (Список файлов и папок) будут отражены все три входящие в сайт страницы: Index.htm; Petrov.htm; Ivanov.htm.

Выбирая любую из них мышью, мы можем ее редактировать.

Шаг 4 - Введем текст персональной страницы

1. Текст будет выглядеть следующим образом (рисунок 5.18).

Петров Иван Алексеевич Биография Работа Хобби Координаты Друзья Ссылки  [На главную][На Иванова] На этой странице Вы сможете узнать все про Петрова Ивана Алексеевича, студента группы 155 РГЭУ. Биография Я Петров И.А. родился в городе Хабаровске в 1982 г. Я окончил Владивостокский рыболовный техникум по специальности "оператор трала" в 2000 г. С сентября 2001 я учусь в РГЭУ.  <<наверх Работа Я пока нигде не работаю  <<наверх Хобби Я развожу всяких мелких домашних животных (попугаев и пр.) А вот хобби моего друга Иванова  <<наверх Ссылки РГЭУ www.rseu.ru  Министерство образования   www.informika.ru  Почта www.mail.ru   <<наверх Друзья Здесьссылка на страницу Иванова.  <<наверх Контакт Мой адрес: Ростов-на-Дону, Б.Садовая 69. Тел 90-60-90 E-mail: petrov@rseu.ru   <<наверх

Рисунок 5.18. – Персональная страница Петрова

2. Выберем страницу Petrov.htm и введем текст страницы. Выбрав пункт Page properties (Свойства страницы) контекстного меню, определим язык страницы, фон, цвета для ссылок и заголовок - все по аналогии с шагом 2.

Шаг 5 - Введем таблицы и рисунки.

1. Для ввода секций «Хобби» и «Ссылки» используем таблицы с невидимыми границами. Через пункт меню Table (Таблицы) > Insert (Вставка) введем таблицу с одной строкой и двумя столбцами в секции «Хобби».

2. Вызовем свойства таблицы (пункт Table Properties (Свойства таблицы) контекстного меню) и определим выравнивание таблицы по центру (Поле Alignment – значение Center). Поле Size (Размер) в группе Border (Границы) оставим нулевым, т.к. нам нужна таблица без видимых границ. Размеры таблицы определим при помощи «мыши» – подводим к границе, курсор меняет форму, нажимаем левую кнопку «мыши» и перемещаем границу.

3. В правой ячейке таблице введем текст. Вызовем свойства ячейки (пункт Cell Properties (Свойства ячейки) контекстного меню). Нам потребуется определить два свойства: Horizontal Alignment (Привязка по горизонтали) выберем значение «Center» (Центр), Vertical Alignment (Привязка по вертикали) – значение «Middle» (Середина). В результате текст будет выведен по центру ячейки.

4. В левую ячейку вставим картинку. Сначала установим в ячейку курсор, а затем либо с помощью пиктограммы на панели инструментов, либо с помощью пункта меню Insert > Picture (Вставка > Рисунок) вставим рисунок. Приведем рисунок к требуемым размерам.

5. Теперь введем для рисунка альтернативное представление, на случай, если броузер пользователя не сможет по каким-то причинам загрузить изображение. Выберем пункт контекстного меню Picture properties (Свойства рисунка) и в поле Text введем альтернативный текст, например – «Рисунок животного».