Компоненты и формы Frontpage.

Тема 3:  Microsoft FrontPage 2003

Цель: знакомство с интерфейсом и возможностями Microsoft FrontPage 2003 по созданию веб-сайта.

Задачи обучения:Создать сайт используя прикладную программу Microsoft FrontPage 2003.

Организационная часть                                                                                    - 5 мин

Перекличка студентов и выяснение причин отсутствия студентов, кто не готов к занятию, проверка конспектов.

Количество формируемых компетенций:знания, практические навыки.

Основные вопросы темы:                                                                                   - 45 мин

1. Основы работы во Frontpage.
2. Списки, горизонтальных линий, ссылки
3. Построение таблиц.
4. Размещение изображений. Звуки.
5. Интерактивные кнопки. Бегущие строки.
6. Создание фреймов.
7. Компоненты и формы Frontpage.

перерыв                                                                                                                     - 10 мин        

Методы обучения и преподавания: ажурная пила (студенты вспоминает школьные программы и друг-другу обесняя осваевает тему), работа с интернет.

Методы контроля формируемых на занятии компетенций:

ü тестирование проводится в компьютерной форме (студент должен ответить на «тест», содержа­щий в себе минимальные знания и навыки – основные определения, теоретические вопросы дан­ной темы). Устный опрос (студент обязан приходить на занятия подготовленным по данной теме, по вопро­сам указанным в методических указаниях).

ü проверка результатов практических работ на ПК (студент должен выполнить

индивидуаль­ное задание для получения определенных навыков по решению типовых задач).

Самостоятельная работа студентов                                                                                - 50 мин

Освоение практических навыков: Решение типовых и ситуационных задач. 

задание:

Запустите программу Microsoft FrontPage 2003.

Пуск   Программы    Microsoft Office   Microsoft FrontPage 2003

Сохраните веб-страницу в виде файла с названием по умолчанию index.htm с помощью команды  «Файл®Сохранить»или под другим именем.

Команда «Файл®Сохранить»

1. Введите текст в Web страницу и отформатируйте его.

2. Создайте списки и примените разные виды списков.

3.  Установите горизонтальные линии с помощью команды «Вставка®Горизантальная линия».

4. Создайте беугущие строки. Для этого выделите текст и выполните команду «Вставка®Веб-компонент...» и в окне Свойства выберите вид бегущей строки.

 Команда «Вставка®Веб-компонент...»

Свойство команды «Вставка®Веб-компонент...»

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

 Установите курсор на то место, куда вы хотите вставить таблицу, и выберите в меню Таблица команду «Вставить ---- Таблица», после которого появится диалоговое окно:

  Диалоговое окно таблицы.

а) Введите предполагаемое число строк и столбцов вашей таблицы. Впоследствии строки и столбцы вы сможете как добавлять, так и удалять.

б) Выберите вариант выравнивания в таблице в целом: по левому краю, по центру или по правому краю.

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

 В меню Вставка «Рисунок ----из файла». У вас запущено диалоговое окно Рисунок. Здесь вы можете выбрать любой файл в открытой папке.

 Диалоговое окно Рисунок.

На страницы документа гиперссылки можно вставить с помощью команды «Вставка®Гиперссылка...» или комбинацией клавиш «Ctrl+K».

Команда  «Вставка®Гиперссылка...»

Интерактивные кнопки

Интерактивную кнопку можно создать с помощью команды «Вставка®Веб-компонент» после которого открытвается диалоговое окно, позволяющее выбрать «Динамические эффекты®Интерактивная кнопка». 

Диалоговое окно «Вставка компонента веб-узла».

После выбора Интерактивной кнопки в разделе «Кнопка» диалогового окна «Меняющиеся кнопки» можно изменить тип кнопки, в разделе «Текст» - текст, выводимый на кнопке, а в разделе «Ссылка» - адрес ссылки или с помощью кнопки «Обзор» выбрать необходимую страницу.   А также в разделах  «Шрифт» и «Рисунок» можно ввести необходимые дополнительные изменения.

Вид интерактиной кнопки

Фреймы

В программе MS FrontРage фреймыназываютсярамками.

Фреймы можно создать посредством готового шаблона с помощью команды «Файл®Создать®Другие шаблоны страниц®Страница рамок».

Команда «Файл®Создать®Шаблоны страниц®Страница рамок »

a) В каждом фрейме по нажатию на кнопку «Создать страницу» создаются новые страницы внутри фреймов;

b) С помощью кнопки «Задать начальную страницу» можно выбрать один из файлов, созданных заранее;

Компоненты и формы Frontpage.

Выберите в меню «Вставка ---Форма»,  здесь вы можете выбрать любую необходимую вам форму. Поисковой компонент создает форму, позволяющую пользователям ввести слово или несколько слов для поиска по сайту.

Литература:

1. Григорьева Н. В. MS FrontPage 2002 ”Шаг за шагом”, 2002, М.

2. Леонтьев Б. Web-дизайн, 2001,М.

3. Омельченко Л., Федоров А. MS FrontPage 2002 “Самоучитель”, 2001.

4. Усенков Д. уроки Web-мастера, 2002.

5. Хестер Н. FrontPage 2002 дляWindows “Быстрый старт”, 2002.

6. Создание веб-сайтов с помощью Joomla! 1.5 автор Граф Хаген, 2009г

7. Макаренко А.Е. Готовимся к экзаменам по информатике. - М.: Лаборатория , 2003.

Перерыв                                                                                                                     - 10 мин