| ||
Создание сайта при помощи Front Page 2000. Урок восьмой. Усовершенствование сайтаАнастасия Кулакова, alex_kulakoff@pisem.net Во Front Page существует огромное количество дополнительных возможностей усовершенствовать сайт. Мы поговорим сегодня о трёх из них: содержание сайта, анимация текста при помощи динамического HTML, эффекты перехода межу страницами сайта. Для создания содержания используется одноименный компонент FrontPage -- Table of Contents (Содержание). Основным преимуществом этого компонента является то, что при добавлении к сайту новой страницы содержание автоматически изменяется, в отличии от стандартного меню гиперссылок, которое при подключении новых страниц или изменении уже существующих, приходится изменять в ручную. Тем не менее, у содержания есть один недостаток - оно не позволяет так точно определять какие ссылки в него не войдут, как это позволяет делать стандартный список ссылок, каждый элемент которого мы добавляем вручную. Анимация текста создаётся очень просто: достаточно выбрать всего несколько команд из меню. При создании эффекта вы можете выбрать один из нескольких типов анимации: Текст может двигаться по спирали, появляться последовательно, буква за буквой или слово за словом; каждая буква слова может перемещаться справа налево или наоборот; и др. эффекты. Переходы между страницами определяют, каким образом на экране исчезает предыдущая и появляется новая страница. Эффекты переходов могут быть основаны на круговом или линейном движении, одна может замещать другую..... Создание содержания сайта. 1. На панели режимов просмотра щёлкните на значке Page (Страница), а затем на панели инструментов щёлкните на кнопке New (Создать). Программа создаст новую страницу. 2. В меню Insert (Вставка) выберите команду Component (Компонент), а затем щёлкните на пункте Table of Contents (Содержание). Откроется диалоговое окно Table of Contents Properties (Свойства содержания). 3. Щёлкните в поле флажка Recompute Table Of Contents When Any Other Is Edited (Заново составлять содержание при изменении остальных страниц), нажмите ОК. 4. Щёлкните правой кнопкой мыши на свободном месте страницы и в открывшемся меню выберите пункт Page Properties (Свойства страницы). Откроется соответствующее диалоговое окно. 5. В текстовом поле Title (Заголовок) наберите Содержание и нажмите Ок. Заголовок будет появляться, когда пользователь выберет для сайта режим просмотра Folders (Папки) или в диалоговом окне со списком файлов. 6. Сохраните страницу под названием cont.htm. 7. На панели инструментов щёлкните на кнопке Preview In Browse (Просмотр в браузере). Программа откроет страницу в браузере, используемом по умолчанию на вашем компьютере. Посетитель, щёлкнув на ссылке, попадает на соответствующую ей страницу. Закройте браузер. Содержание можно создать ещё одним способом -- используя шаблон страницы Table of Contents (Содержание). В меню File (Файл) выберите команду New (Создать) и щёлкните на значке Page (Страница), а затем щёлкните на значке шаблона Table of Contents, после чего нажмите ОК. Эффект анимации текста (слово за словом). 1. Откройте файл index.htm в режиме Page (Страница). Выделите текст, находящийся ниже строки Добро пожаловать!!!. 2. В меню Format (Формат) выберите команду Dynamic HTML Effects (Эффекты динамического HTML). На экране появится перемещаемая панель инструментов DHTML Effects. 3. Щёлкните на стрелке поля On (При) и в открывшемся списке выберите пункт Page Load (Загрузка страницы). Теперь эффект динамического HTML будет воспроизводится, когда пользователь загрузит страницу в окно браузера. 4. Щёлкните на стрелке поля Apply (Применить) и выберите из списка эффект Drop In By Word (Помещать по одному слову). 5. Сохраните результаты и проверьте работу страницы в браузере. Эффект анимации текста (увеличение размера). 1. Откройте файл Soderg.htm в режиме Page (Страница). Выделите первую гиперссылку. 2. В меню Format (Формат) выберите команду Dynamic HTML Effects (Эффекты динамического HTML). На экране появится перемещаемая панель инструментов DHTML Effects. 3. Щёлкните на стрелке поля On (При) и в открывшемся списке выберите пункт Mouse Over (Накат мыши), щёлкните на стрелке поля Apply (Применить) и выберите из списка эффект Formatting (Форматирование). 4. Щёлкните на стрелке поля Choose Settings (Выберите настройки) и выберите пункт Choose Font (Выберите шрифт). Откроется диалоговое окно Font (Шрифт). 5. Установите размер шрифта 12 и выберите любой цвет, нажмите ОК. При желании обработайте таким образом все ссылки. 6. Сохраните результаты и проверьте работу страницы в браузере. Специальные эффекты перехода страниц. 1. Откройте файл index.htm в режиме Page (Страница). 2. В меню Format (Формат) выберите команду Page Transition (Переход к странице). Откроется соответствующее диалоговое окно. 3. Щёлкните на стрелке поля Event (Событие) и выберите из списка событие Page Exit (Выход со страницы). Эффект будет появляться при уходе со страницы. 4. В текстовом поле Duration (Second) (Продолжительность в секундах) наберите 3. Эффект перехода будет длиться 3 секунды. 5. В списке Transition Effects (Эффекты перехода) выберите эффект Blend (Размытие) и нажмите Ок. 6. Сохраните результаты работы и посмотрите работу в браузере. Интерактивная карта. Ещё одним усовершенствованием сайта является интерактивная карта сайта (image map). Если вы не хотите создавать содержание и желаете, чтобы на одной странице были и рисунок и ссылки на страницы -- это как раз то, что нужно. 1. Создайте новую страницу и сохраните её под названием imagmap.htm. 2. Поместите курсор в то место, где вы хотите разместить рисунок. В меню Insert (Вставка) выберите пункт Picture (Рисунок) и нажмите команду From File (Из файла). Откроется диалоговое окно Picture. 3. Выберите свой рисунок и нажмите ОК. Рисунок появится на странице. Я воспользуюсь для примера этим: 4. Щёлкните на изображении, чтобы выделить его. В нижней части экрана программы появится панель инструментов Image. 5. На этой панели щёлкните на кнопке Rectangular Hotspot (Прямоугольный активный участок). 6. Нажмите кнопку мыши и, не отпуская её, переместите указатель так, чтобы нарисовать прямоугольник, охватывающий фото мужчины. Затем отпустите кнопку. Откроется диалоговое окно Create Hyperlink (Создание гиперссылки). 7. Из списка файлов выберите serv01.htm и нажмите ОК. В выделенную область будет помещена ссылка на страницу. 8. Снова щёлкните на кнопке Rectangular Hotspot (Прямоугольный активный участок) и нарисуйте прямоугольник вокруг дверей здания. Отпустите кнопку. 9. Из списка файлов выберите prod03.htm и нажмите ОК. 10. Сохраните результаты и проверьте работу в браузере. При желании можете указать ссылки самостоятельно. Продолжение следует... Интернет-проект "От Анастасии", http://nasta.virtualave.net
| ||
Copyright © "Internet Zone", http://www.izcity.com/, info@izcity.com |