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

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

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

3 ВНЕШНИЙ ВИД ПРОГРАММЫ Найдите сходства с Найдите сходства с Microsoft Office Word Режимы: Создание страницы происходит в режимах «конструктор» и, если Вы владеете языком HTML, в режиме «код»

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

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

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

7 Вставка рисунка Знакомо?!!

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

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

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

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

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

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

14 Наполнение фотоколлекции Нажимаем добавить – рисунки из файла - … и повторяем эти действия до наполнения коллекции Нажимаем добавить – рисунки из файла - … и повторяем эти действия до наполнения коллекции Для каждой фотографии можно создать подпись, использовать другие параметры шрифта Можно фотографию изменить, удалить

15 Выбираем макет Нажимаем «ОК»

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

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

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

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

20 Рассмотрим более подробно создание страниц рамок» Для примера выберем «Вложенную иерархию» Определим конечную рамку (для «загрузки» страниц)

21 Появляются страницы рамок Выбираем нужную страницу Нажимаем «ОК» Повторяем действия для всех рамок Мыможем задать Мы можем задать начальную страницу, если такая имеется

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

23 Сохраняем страницы Файл – Файл – сохранить сохранить Даем имя странице Видим расположение страницы Запоминаем название конечной рамки

24 Добавление гиперссылки Выделяем элемент для гиперссылки Вставка гиперссылка Выбираем страницу Выбираем рамку Появляется окно «Конечная рамка» Делаем ЩЛКМ по конечной рамке Нажимаем «ОК» Устанавливаем страницу по умолчанию