1. Курсор установите в третьей ячейке. Нажимаем Hyperlink во вкладке Common на рабочей панели.

2. Пишем текст "Главная страница" в поле text, которое видим в браузере. В поле Link нужно написать index.html (путь ссылки) и жмем ОК.

3. Курсор мышки устанавливаем после тега </a>. Во вкладке text Рабочей панели находим BR.

 

4. Так же нужно создать еще несколько ссылок, к примеру, "О нас" и "Статьи" (это должно быть прописано в поле text). В поле Link при этом должно быть написано article.html и about.html ("статья" и "обо мне").

5. Выделить текст "мой первый сайт" во второй ячейке, развернуть скрытое меню (жмем внизу странички стрелочку).

6. Далее нужно открыть вкладку Font и подобрать для заголовка шрифт (его тег  будет отображаться, как h1).

7. Размер шрифта устанавливаем в Size, у нас это 36.

8. Далее нужно выбрать цвет шрифта, это делаем во вкладке  text color при помощи пипетки.

9. Для заголовка и текста статьи нужно проделать подобную  же операцию.

10. Выбираем Page Properties в нижнем меню. Выбираем в окошке, которое откроется, Links. Далее в Link font ссылкам присваиваем шрифт. Следующим шагом выбираем цвет ссылки (link color), размер шрифта (Size),  цвет ссылок, которые уже посетили (Visited links), активных ссылок (Active links), цвет ссылок, при наведении на них курсора (Rollover links).

Во вкладке Underline style нужно выбрать, какой вы установите стиль подчеркивания ссылок (в примере это "подчеркивать всегда"). Жмем ОК.

11. Далее панель CSS нужно свернуть, выбрать панель Design и можно смотреть, что вышло!

Что касается нас, то все вышло очень красиво:

12. Не забудьте сохранить документ!

Итак, у нас уже создано меню ссылок (панель навигации) и настроен внешний облик заголовков, ссылок и текста (с использованием CSS). Далее мы будем рассматривать, как создать дополнительные страницы, как их наполнить и как отредактировать ссылки.