Гиперссылки

Создание сайта в редакторе Front Page.

Разработка структуры сайта.

Создание Web-узла.

Файл – Создать. Выбрать Одностраничный Веб-узел.

В свойствах укажите расположение веб-узла - рабочую папку (по умолчанию /Мои документы/Мои веб-узлы/мой_узлел..).

Для выбора стандартной темы

Формат – Тема

В выпадающем списке выбираем применить к выделенным страницам или как тему по умолчанию. Там же в настройке можно изменить все цвета темы и оформление всех стандартных объектов (например, кнопок)!!!

Оформление страниц.

Выбираем файл index.htm (или создаем новую страницу: Файл-Создать-Пустая страница, Файл-Сохранить как…)

Начать с таблицы! Таблица – Макетные таблицы и ячейки.

Вставка текста, рисунков и т.д. как в Word. Для дополнительных возможностей по редактированию изображений после их вставки сохраните страницу! (в свойствах рисунка, вкладка Общие станет активна кнопка Изменить, можно изменить расмеры и формат рисунка, яркость и контрастность и т.д.)

Внимание! Рисунок нельзя расположить перед текстом и перетягивать мышкой (как в Word). Чтобы рисунок перетягивался, необходимо расположить его на отдельном слое и затем перемещать весь слой (при просмотре страницы в другом разрешении может привести к неправильному положению слоя!). Вставка – Слой. В появившуюся рамку вставляем, например, картинку. Для изменения свойств слоя щелкаем по рамке слоя, правая кнопка мышки, свойства слоя. Пункт Положение позволяет не только настроить положение слоя на странице (по умолчанию абсолютное), но и переместить слой вперед/назад по оси Z (спрятать за другой слой или выдвинуть вперед) – слой с большим числом в поле ввода По оси Z расположен выше.

В свойствах ячейки макетной таблицы можно установить фоновый рисунок!

Пункт меню Вставка-Рисунок содержит дополнительные строки (они продублированы в пункте Вставка – Веб-компонент): создать фотоколлекцию, фильм в формате Flash.

Вставка - Меняющаяся кнопка. При изменении шрифта увеличиваем размер кнопки! Изменяем цвет текста при наведении и нажатии. Выбираем «использовать формат gif и прозрачный фон».

Настройка смены страниц и поведения объектов на странице (при необходимости).

Смена страниц: Формат – Смена страниц.

Выделить объект, Формат – Поведение, вкладка Вставить. А дальше… Пробуйте и творите!

Например:

Изменение свойств текста при наведении курсора мыши:

Выделить текст, Формат – Поведение, вкладка Вставить, выбрать Изменение свойства, Шрифт. Изменить параметры шрифта (цвет, размер и т.д.) Поставить галочку Восстановить по событию mouseout (для возвращения исходного состояния при уходе курсора мышки с текста).

Замена одной картинки на другую при наведении курсора мыши:

Выделить картинку, Формат – Поведение, вкладка Вставить, выбрать Замена изображения. Напротив URL подставляемого изображения щелкнуть Обзор, выбрать картинку. Поставить галочку Восстановить по событию mouseout (для возвращения исходного изображения при уходе курсора мышки с изображения).

Организация переходов (в том числе фреймов).

Гиперссылки

Перед созданием внутристраничных ссылок нужно сначала расставить закладки. Для этого курсор устанавливается на нужное место веб-страницы. С помощью меню Вставка→Закладка вызывается диалоговое окно Закладка, в котором вводится имя закладки.

Для организации гиперссылки необходимо выделить элемент привязки (текст или рисунок), с помощью кнопки на Стандартной панели инструментов или меню Вставка →Гиперссылка вызвать диалоговое окно, в котором указать адрес перехода (адрес веб-страницы или электронной почты, имя файла или документа, а в случае внутренней ссылки имя закладки) По умолчанию новый документ открывается в текущем окне браузера, однако из окна Добавление гиперссылки можно щелкнуть по кнопке Выбор рамки и в открывшемся окне Конечная рамка задать открытие нового документа в новом окне.

Фреймы

Можно воспользоваться шаблонами страниц с фреймами (лучше предварительно создать и оформить все необходимые страницы): Файл – Создать – Другие шаблоны страниц, вкладка Страница рамок.

Можно так: Вставка – Встроенная рамка. При создании гиперссылки указать имя рамки (по умолчанию I1, I2, I3 и т.д.), в которой отображать новую страницу.

Периодически просматривайте сайт в обозревателе (кнопка на панели инструментов или Файл – Просмотреть в обозревателе).

Дополнительные возможности:

Бегущая строка: Вставка → Веб-компонент → Бегущая строка.

Интерактивная кнопка: Вставка→Веб-компонент→Интерактивная кнопка.

Список задач: Правка – Задачи – Добавить задачу. Просмотреть список задач: Вид – Задачи.

Отчеты (в том числе автоматический анализ ошибок): Вид – Отчеты…

Разделительная горизонтальная линия: Вставка – Горизонтальная линия.

Для добавления гиперобъекта в рисунок (например, карта Беларуси с отдельными ссылками по каждой области) используется панель инструментов Рисунки (на Рисование!).

Можно предварительно создать рисунок сайта, а затем как на макете располагать объекты, для этого задается образец: Вид – Изображение-образец.

Дополнительные веб-компоненты:

Вставка Веб-компонент:

- Динамические эффекты (бегущая строка и интерактивная кнопка).

Бегущая строка: вводим текст, настраиваем поведение, скорость и повторы.

Интерактивная кнопка: При изменении шрифта увеличиваем размер кнопки! Изменяем цвет текста при наведении и нажатии. Выбираем «использовать формат gif и прозрачный фон».

- Коллекция фотографий. Добавляем рисунки, подписываем при необходимости, нажимаем Изменить и устанавливаем для всех картинок одинаковый размер, на вкладке Макет выбираем компоновку. Сохранить!

- Включенное содержимое (страница, страница с расписанием, рисунок с расписанием,…)

Страница: Отображение другой страницы HTML на текущей.

Страница с расписанием: Отображение другой страницы HTML на текущей с указанного времени до указанного.

Рисунок с расписанием: отображение рисунка с указанного времени до указанного.

- Панели ссылок (с пользовательскими ссылками, панель со ссылками назад и вперед, панель на структуре переходов).

- Оглавление (для данного веб-узла).

- Дополнительные элементы (фильм в формате Flash, …)

Дата добавления: 2015-10-29