Министерство образования республики беларусь учреждение образования «могилевский государственный политехнический колледж»

Специальность 2-26 02 03, 2-36 01 06,

2-36 01 01, 2-36 01 03,

2-40 01 01, 2-53 01 05

Дисциплина Информатика

УТВЕРЖДАЮ

Зам.директора по УР

______ В.А.Бансюкова

____________________

Практическая работа № 23

РЕДАКТОР ВИЗУАЛЬНОГО ВЕБ-КОНСТРУИРОВАНИЯ. ЭЛЕМЕНТЫ ИНТЕРФЕЙСА. ГРАФИКА НА ВЕБ-СТРАНИЦАХ

МЕТОДИЧЕСКИЕ РЕКОМЕНДАЦИИ

Разработал преподаватель

Разиева Л.П.

2011

Обсуждены и одобрены

на заседании цикловой комиссии

спецдисциплин специальности

«Программное обеспечение

информационных технологий»

Протокол № ___ от _______________

1 Цели занятия

1.1 Формирование умений работы в редакторе визуального веб-проектирования Microsoft FrontPage

1.2 Формирование умений создавать веб-страницы с помощью редактора Microsoft FrontPages

1.3 Формирование умений работы с графикой в редакторе Microsoft FrontPages

2 Методическое обеспечение

2.1 Методические рекомендации по выполнению практической работы

2.2 Персональный компьютер IBM PC

2.3 Программное обеспечение – Windows ХP, Microsoft FrontPages, обозреватель Internet Explorer

3 Последовательность выполнения работы

3.1 Ознакомьтесь с теоретическим материалом по работе

3.2 Выполните задание к работе

3.3 Оформите отчет

4 Теоретическое обоснование

4.1 Основные элементы интерфейса FrontPage

Редактор Microsoft FrontPage относится к программным средствам визуального веб-проектирования. При работе с веб-редактором FrontPage можно обойтись без знания языка разметки гипертекстовых документов HTML. Веб-страница просто конструируется на экране и сохраняется в формате .html. Выполняемые при этом действия напоминают работу в текстовом редакторе Word. Конечно, FrontPage дает более профессиональные возможности разработки веб-сайтов по сравнению с текстовым редактором Word, в том числе и программную разметку веб-страниц на языке HTML.

Интерфейс редактора FrontPage достаточно прост, чтобы пользователь смог быстро освоить основные приемы работы. После запуска FrontPage открывается окно, основные элементы которого представлены на рисунке 1.

Панели Стандартная, Форматирование и Рисование по своим возможностям напоминают аналогичные панели текстового редактора Word.

Вид рабочей области зависит от выбранного режима работы. В режи­ме Конструктор веб-страница конструируется из текстовых блоков и гра­фических объектов. При этом автоматически генерируется ее HTML-код, который можно просматривать и редактировать в режиме Код. Режим С разделением является комбинацией этих двух режимов. Режим Просмотр позволяет просматривать созданные страницы.

Рисунок 1 – Окно программы FrontPage

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