Microsoft Office Front Page

Microsoft Office FrontPage

Программа создания Веб-сайтов и управления ими

ЭТО ПРОСТО?!!

План:

• Внешний вид программы
• Создание страницы, Web-узла
• Выбор темы
• Фон
• Вставка рисунка
• Вставка веб-компонента (Создание интерактивной кнопки)‏
• Вставка гиперссылки
• Вставка фотоколлекции
• Вставка таблицы
• Шаблоны страниц
• Создание страницы рамок

ВНЕШНИЙ ВИД ПРОГРАММЫ

Найдите сходства с
Найдите сходства с Microsoft Office Word
Режимы:
Создание страницы происходит в режимах «конструктор» и, если Вы владеете языком HTML, в режиме «код»

СОЗДАНИЕ САЙТА

?

Выбор темы

Использование темы «утяжеляет» сайт, поэтому лучше использовать для фона рисунок!!!

Оформление фона

Чтобы рисунок не двигался ставим галочку
Выберем в качестве
фона рисунок

Вставка рисунка

Знакомо?!!

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

Рассмотрим создание интерактивной кнопки
Нажимаем готово

Выбираем вид кнопки

Вводим текст на кнопке
Первая вкладка «Кнопка»

Вторая вкладка «Шрифт»

Выбираем шрифт
Начертание
Размер шрифта
Исходный цвет текста
Цвет при наведении
Цвет при нажатии

Третья вкладка «Рисунок»

Если кнопка со скругленными углами, то необходимо поставить флажок «Использовать для кнопки формат GIF и прозрачный фон.
Выбираем ширину и высоту кнопки
Нажимаем «ОК»

Вставка гиперссылки

Указываем адрес
когда готовы
все страницы,
устанавливаем связи
между ними:
Например, из списка нов_стр_1.htm
Выделяем нужный элемент (фрагмент текста, рисунок и т.п.)‏

Вставка фотоколлекции

Фотоколлекцию можно вставить только в Web-узел !
Прежде чем создавать фотоколлекцию, необходимо поместить снимки в папку, находящуюся в Web-узле!!!

Наполнение фотоколлекции

• Нажимаем добавить – рисунки из файла - … и повторяем эти действия до наполнения коллекции

• Для каждой фотографии можно создать подпись, использовать другие параметры шрифта

• Можно фотографию изменить, удалить

Выбираем макет

Нажимаем «ОК»

Вставка таблицы

• Можно воспользоваться макетной таблицей

• Или нарисовать таблицу самому

• Границы таблицы можно сделать прозрачными
• Таблицы часто используют для выравнивания текста …

Шаблоны страниц

Первая вкладка «Общие»

Вторая вкладка «Страница рамок»

Рассмотрим более подробно создание страниц рамок»

• Для примера выберем «Вложенную иерархию»

• Определим конечную рамку (для «загрузки» страниц)

Появляются страницы рамок

• Выбираем нужную страницу

• Нажимаем «ОК»

• Повторяем действия для всех рамок

Мы можем задать
начальную страницу,
если такая имеется

Создание страниц

Сохраняем страницы

• Файл –
• сохранить

• Даем имя странице

• Видим расположение страницы

• Запоминаем название конечной рамки

Добавление гиперссылки

• Выделяем элемент для гиперссылки
• Вставка
• гиперссылка

• Выбираем страницу

• Выбираем рамку

• Появляется окно «Конечная рамка»

• Делаем ЩЛКМ по конечной рамке

• Нажимаем «ОК»

• Устанавливаем страницу по умолчанию