Второе. Разработка ролловеров в GoLive

Кнопку-ролловер можно также построить в Web-пакете, работающем по принципу drag-and-drop, — таком, например, как Adobe GoLive.

1. Создайте новые изображения кнопок при помощи пакета типа Fireworks, Photoshop или Paint Shop Pro. Для каждой кнопки понадобятся три варианта: Up (нормальное состояние или default), Over (курсор над кнопкой) и Down (кнопка нажата). Сохраните эти изображения на своем сайте в каталоге Images.

2. Откройте файл template.html (который мы создали в прошлый раз) в программе GoLive и переключитесь в режим Outline. В этом режиме часто бывает проще найти определенные ссылки на элементы страницы, когда вам нужно внести в них какие-то изменения. Выделите изображение navbar.gif, которое мы использовали в шаблоне для резервирования места под полосу навигационных кнопок, и удалите его вместе с подключенной к нему картой изображений (image map)

3. Щелкните на закладке CyberObjects в окне Palette, выберите пиктограмму кнопки (Button Image) и перетащите ее в ту область, где находилось исходное изображение-муляж. В разделе Inspector, расположенном под палитрой, будут показаны параметры того объекта, который в данный момент у вас выделен. Задайте для своей кнопки имя в разделе Basic окна Inspector.

4. Щелкните мышью на значке Main Image (Главное изображение), перейдите в каталог Images и выделите интересующее вас default-изображение. После этого выберите изображения для состояний кнопки Over и Down. В заключение щелкните на закладке Status and Link и выберите для своей кнопки ссылку. Теперь точно таким же образом вставьте оставшиеся ролловерные кнопки.

5. В отличие от программы Dreamweaver, в GoLive изменение шаблона не приводит к изменению остальных страниц сайта. Если вы хотите разместить свою новую полосу ролловерных навигационных кнопок по всем страницам, вам придется делать это вручную. Самый простой способ: сначала выделить их все, а затем перетащить методом drag-and-drop в палитру Custom.

6. Теперь по очереди открывайте страницы и меняйте графический муляж на новую полосу навигационных ролловерных кнопок, просто перетаскивая ее из палитры Custom обратно на страницу. Если на самом первом этапе у вас возникнут проблемы с перетаскиванием кнопок в палитру, попробуйте сначала поместить их в таблицу, состоящую из одной ячейки.