Презентация, доклад к уроку Знакомство с программой

Содержание

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

Слайд 1Microsoft Office FrontPage
Программа создания Веб-сайтов и управления ими
ЭТО ПРОСТО?!!

Microsoft Office  FrontPageПрограмма создания Веб-сайтов и управления имиЭТО ПРОСТО?!!

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

интерактивной кнопки)‏
Вставка гиперссылки
Вставка фотоколлекции
Вставка таблицы
Шаблоны страниц
Создание страницы рамок







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

Слайд 3ВНЕШНИЙ ВИД ПРОГРАММЫ
Найдите сходства с

Найдите сходства с Microsoft Office Word
Режимы:
Создание

страницы происходит в режимах «конструктор» и, если Вы владеете языком HTML, в режиме «код»


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

Слайд 4СОЗДАНИЕ САЙТА


?

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

Слайд 5Выбор темы

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

рисунок!!!


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

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

рисунок



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

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


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

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

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

Слайд 9Выбираем вид кнопки

Вводим текст на кнопке

Первая вкладка «Кнопка»

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

Слайд 10Вторая вкладка «Шрифт»
Выбираем шрифт

Начертание

Размер шрифта

Исходный цвет текста

Цвет при наведении
Цвет при нажатии

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

Слайд 11Третья вкладка «Рисунок»
Если кнопка со скругленными углами, то необходимо

поставить флажок «Использовать для кнопки формат GIF и прозрачный фон.

Выбираем ширину и высоту кнопки



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



Третья вкладка «Рисунок»  Если кнопка со скругленными углами, то необходимо поставить флажок «Использовать для кнопки формат

Слайд 12Вставка гиперссылки
Указываем адрес
когда готовы все страницы, устанавливаем связи между ними:
Например, из

списка нов_стр_1.htm

Выделяем нужный элемент (фрагмент текста, рисунок и т.п.)‏


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

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

необходимо поместить снимки в папку, находящуюся в Web-узле!!!


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

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

эти действия до наполнения коллекции

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

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







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

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

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

Слайд 16Вставка таблицы



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

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


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

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



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

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

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

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

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

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

рамку (для «загрузки» страниц)





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

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


Выбираем нужную страницу
Нажимаем «ОК»

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

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


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

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



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

Слайд 23Сохраняем страницы
Файл –
сохранить

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


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




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

Слайд 24Добавление гиперссылки
Выделяем элемент для гиперссылки
Вставка
гиперссылка
Выбираем страницу


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

Появляется окно «Конечная рамка»
Делаем ЩЛКМ

по конечной рамке


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

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



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

Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть