Аннотация

Веб-узлы, созданные с помощью технологий Microsoft® Windows® SharePoint Services™, полностью редактируемы с помощью Microsoft® Office FrontPage® 2003 – начиная с форматирования шрифтов или графики и заканчивая структурой веб-узла. Все функциональные возможности, доступные в FrontPage 2003, могут использоваться для редактирования страниц веб-узла, созданного с помощью служб Windows SharePoint Services. Таким образом, Вы можете воспользоваться новшествами FrontPage 2003 для быстрого и эффективного редактирования, разработки и расширения функциональности веб-узлов или веб-страниц.

В этом документе описывается:

• Разработка веб-страницы
• Редактирование списков и библиотек
• Редактирование переходов
• Изменение тем

Введение

Эта официальная документация была создана для демонстрации того, каким образом простейшие веб-узлы, созданные с помощью Microsoft® Windows® SharePoint Services™, могут быть преобразованы при помощи Microsoft® Office FrontPage® 2003.

Веб-узлы, созданные с помощью технологий Microsoft Windows SharePoint Services, полностью редактируемы в Microsoft Office FrontPage 2003 – начиная с форматирования шрифтов и графики и заканчивая структурой веб-узла. Вы можете воспользоваться новшествами FrontPage 2003 для быстрого и эффективного написания кода, разработки и расширения веб-узлов и веб-страниц. Эти новшества охватывают следующие области:

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

Написание кода. Воспользуйтесь профессиональными инструментами для быстрого, эффективного и точного написания кода. Редактируйте каскадные стили (Cascading Style Sheets, CSS) при помощи FrontPage, работайте со страницами, содержащими элементы управления ASP.NET, сделайте общедоступными отдельные части кода.

Расширение. Разрабатывайте интерактивные веб-узлы, используя «живые» данные из различных источников. С легкостью создавайте XML документы для управляемых данными веб-узлов в среде «что видишь экране, то и получаешь на веб-странице» (What You See Is What You Get, WYSIWYG).

Примечание. Информацию о том, каким образом с помощью FrontPage 2003 редактировать веб-узлы, созданные в Microsoft Office SharePoint Services Portal Server 2003, можно найти в официальной документации Использование FrontPage 2003 для разработки индивидуальных веб-узлов, созданных с помощью Microsoft Office SharePoint Services Portal Server 2003 (Using Microsoft Office FrontPage 2003 to Design Customized Sites Created with Microsoft Office SharePoint Services Portal Server 2003)

Несколько основных принципов работы служб Windows SharePoint Services

Существует несколько фундаментальных принципов работы служб Windows SharePoint Services, выступающих в качестве строительных блоков в модифицировании веб-узлов.

Веб-части

Веб-части являются основным усовершенствованием служб Windows SharePoint Services. Веб-части – это модульные единицы информации, которые могут быть использованы на веб-страницах. Например, веб-части могут быть созданы сторонними разработчиками специально для служб Windows SharePoint Services и сервера Microsoft Office SharePoint Services Portal Server. Списки и библиотеки документов, являющиеся нововведением в службах Windows SharePoint Services, могут быть помещены на страницы в качестве компонентов веб-частей прямо из веб-обозревателя или при помощи FrontPage 2003. Веб-части, используемые на веб-узле (такие как «Объявления», «Контакты» и «Общие документы») доступны из области задач веб-частей так же, как веб-части, расположенные на сервере или в сети, доступны из интерактивной галереи.

Списки

Списки Windows SharePoint Services – это коллекция информации, которая может быть доступна для посетителей Вашего веб-узла. Списки могут включать в себя различные типы данных, такие как текст, числа, гиперссылки, изображения и так далее. По умолчанию службы SharePoint Services уже включают в себя списки «Объявления», «Контакты», «События» и «Ссылки». Вы легко можете создавать новые списки, используя готовые шаблоны. Созданные Вами списки впоследствии будут доступны другим пользователям из области задач веб-частей. Основное преимущество размещения информации в списках Windows SharePoint Services – это удобство обновления информации на веб-узле только авторизованными пользователями прямо из веб-обозревателя, что помогает владельцам информации всегда поддерживать информацию на веб-узле актуальной.

Библиотеки

Библиотеки Windows SharePoint Services являются основными хранилищами файлов, включая документы Word, электронные таблицы Excel, презентации Microsoft PowerPoint®, изображения, формы и другие данные. Библиотеки Windows SharePoint Services можно рассматривать, как общие файлы, доступные на веб-страницах. Основное преимущество использования библиотек SharePoint Services заключается в том, что пользователь может загружать различные файлы прямо из веб-обозревателя, при этом гиперссылки автоматически генерируются в файлах библиотек. Теперь нет необходимости ждать, пока веб-мастер добавит ссылку на только что загруженный документ.

Библиотеки форм – это еще одно новшество служб Windows SharePoint Services. Эти библиотеки используются для хранения различных XML-форм, таких как «Отчет расходов» или «Запрос на командировку». Библиотеки форм становятся очень мощным инструментом при их совместном использовании с редакторами XML, такими как Microsoft Office InfoPath™ 2003. Используя Microsoft Office InfoPath™ 2003, Вы можете создать любую форму, затем ассоциировать ее с какой-либо библиотекой так, чтобы при щелчке на кнопку Заполнить эту форму (Fill Out This Form ), InfoPath автоматически открывал эту форму. Теперь, после того как пользователь заполнил форму и сохранил ее, она сохранится в библиотеке форм. Не менее важная особенность использования библиотек форм заключается в том, что Вы можете предопределить, какие именно поля будут отображены в столбцах библиотеки форм, тем самым, предоставляя посетителям веб-узла доступ к определенным данным.

Представления

Представления – это правила, определяющие отображение данных в веб-части. Каждый список или библиотека имеют представление по умолчанию, которое может быть изменено из веб-обозревателя. Представление по умолчанию, определенное с помощью веб-обозревателя, также является представлением по умолчанию, используемым FrontPage. Представление может быть использовано для отображения данных, отсортированных по одному и более полям или даже отфильтрованных в соответствии с заданными Вами параметрами.

Изменения веб-узлов с помощью веб-обозревателя

Службы Windows SharePoint Services позволяют легко обновлять веб-узлы и их содержимое. В процессе обучения редактированию веб-узлов, созданных с помощью служб Windows SharePoint Services, Вы увидите, что некоторые вещи удобнее править с помощью веб-обозревателя, а другие – в FrontPage 2003. Ниже перечислены несколько объектов, которые Вы, вероятно, будете продолжать редактировать с помощью веб-обозревателя даже после того, как обретете профессиональные навыки работы с FrontPage:

Содержимое списков и библиотек документов. Добавление и редактирование содержимого веб-частей любого веб-узла осуществляется при помощи веб-обозревателя. Режим таблиц, являющийся еще одним новшеством служб Windows SharePoint Services, позволяет увеличить скорость добавления и редактирования содержимого.

Настройки представлений. Еще одно нововведение в службах Windows SharePoint Services позволяет пользователям создавать собственные представления веб-узлов. Такие индивидуальные настройки представлений могут включать в себя различные или перегруппированные веб-части, без необходимости включения компонентов веб-частей, доступных в общем представлении. Каждый пользователь может создавать и управлять такими настройками при помощи веб-обозревателя.

Несколько практических советов по редактированию веб-узлов, созданных с помощью служб Windows SharePoint Services

В этом документе содержатся конкретные инструкции о том, каким образом использовать FrontPage 2003 для разработки индивидуальных веб-узлов, созданных с помощью служб Microsoft Windows SharePoint Services. Степень модификации веб-узла зависит от Вашего желания. Вы можете просто добавить логотипы, графические объекты, изменить цвета, шрифт и другие элементы форматирования, а можете сразу начать с профессионального оформления, который сделает Ваш веб-узел уникальным, тем самым, отличая его от остальных веб-узлов, созданных с использованием настроек по умолчанию служб Windows SharePoint Services. Таким образом, у Вас есть два пути:

1. Начните работу с веб-узла рабочей группы, созданного с помощью служб Windows SharePoint Services, и затем измените цвета, шрифты и другие элементы форматирования.
2. Создайте профессиональное оформление и затем добавьте к Вашему веб-узлу элементы служб Windows SharePoint Services, такие как представления списков и библиотеки документов.

Ниже представлены несколько советов по редактированию Вашего веб-узла, созданного с помощью служб Windows SharePoint Services.

Создавая веб-узел на основе профессионального оформления, зачастую проще начать с пустой страницы, перенести на нее свое оформление и затем добавить к нему элементы служб Windows SharePoint Services.

Использование изображения-образца – это новая возможность FrontPage 2003, позволяющая легко превратить профессиональное оформления, которое обычно представлено в виде большого графического файла, в работающую веб-страницу. Подробнее эта функция описана ниже в разделе «Изображение-образец».

Традиционно оформление веб-узла реализуется путем размещения графических элементов внутри таблиц. Таким образом полностью контролируется расстояние и расположение текста и рисунков. Новая функциональная возможность FrontPage 2003 упрощает расположение элементов внутри таблиц. Вместо того чтобы пытаться разместить элементы внутри вложенных таблиц для приведения страницы к нужному Вам виду, используйте новые макетные таблицы и инструменты ячеек для визуального расположения графики на странице. Это поможет Вам сэкономить время и добиться необходимого контроля над расположением элементов.

Если Ваш веб-узел состоит из нескольких страниц и Вы хотите, чтобы они имели одинаковые верхний и нижний колонтитулы и панель переходов, рекомендуется использовать динамические веб-шаблоны для копирования оформления веб-узла на все связанные страницы. Динамические веб-шаблоны также позволяют автоматически обновлять содержимое всех связанных страниц. Использование динамических шаблонов подробнее рассматривается ниже в разделе «Динамические веб-шаблоны».

Возможности навигации FrontPage позволяют создавать и обновлять панели переходов в считанные секунды. Например, если Вы хотите, чтобы левая панель переходов оставалась одинаковой на всех страницах веб-узла, то просто добавьте созданную панель на нужные Вам страницы. Теперь все изменения, произведенные в самой панели, отразятся сразу на всех страницах одновременно. Преимущества возможностей навигации FrontPage позволяют легко поддерживать Ваш веб-узел в актуальном состоянии. Использование возможностей навигации подробнее рассматривается ниже в разделе «Переходы».

По умолчанию веб-узел, созданный с помощью служб Windows SharePoint Services имеет, в верхнем колонтитуле страницы горизонтальную панель ссылок, содержащую такие элементы, как «Главная», «Документы», «Списки», «Создать», «Настройки веб-узла» и «Помощь». Если Вы не хотите размещать эту панель наверху страницы, Вы можете перенести эти компоненты вниз. Это позволит администратору веб-узла и авторизованным пользователям легко получать доступ к таким функциям, как добавление пользователей и управление ими или создание новых списков, а также к библиотекам документов и статистике. Самым простым способом сделать это является добавление панели ссылок SharePoint Services Top NavBar вниз каждой страницы. Более удачной идеей может оказаться размещение панели ссылок в общем нижнем колонтитуле динамических веб-шаблонов, которые распространяются на все связанные страницы. Обратите внимание на то, что панель ссылок по умолчанию конфигурируется в веб-узлах рабочей группы. Использование панелей ссылок рассматривается в разделе «Панели ссылок».

Фильтрация содержимого существующих списков и библиотек домашней страницы позволяет отображать для посетителей узла важную информацию там, где она им наиболее необходима. Например, на веб-узле с данными о продажах, содержащем списки текущих сделок каждого торгового агента, Вы можете применить фильтрацию таким образом, чтобы отображались имена только тех торговых агентов, объем продаж которых достиг или превысил определенное значение. В совокупности с возможностью создания управляемых данными решений, основанных на использовании «живой» информации из базы данных, фильтрация придаст Вашему веб-узлу динамичность и актуальность, удовлетворяющие потребностям посетителей и не требующие Вашего непосредственного вмешательства. Использование фильтрации и создание решений, управляемых данными подробнее рассматривается в разделах «Фильтрация списков» и «Управляемые данными решения».

Вы можете изменить формат представлений веб-части путем настройки элементов темы или преобразования ее в XSLT представление данных, что позволит Вам форматировать данные с помощью встроенного в приложение FrontPage редактора WYSIWYG XSLT. Для получения дополнительной информации по использованию XSLT редактора в FrontPage 2003 обратитесь к разделу этого документа «Работа с данными».

Редактирование веб-узлов с помощью FrontPage 2003

Веб-узел, созданный с помощью служб Windows SharePoint Services, можно открывать и редактировать в FrontPage 2003. Изучив возможности FrontPage, Вы узнаете, что количество настроек, используемых для редактирования Вашего веб-узла, практически не ограничено.

Открытие веб-узла

Открыть веб-узел в FrontPage 2003 очень легко. Все, что Вам нужно – это адрес или URL веб-узла, который Вы хотите редактировать, имя пользователя и пароль (если необходимо), а также соответствующие разрешения для редактирования. Для выяснения необходимых разрешений или адреса веб-узла свяжитесь с администратором сервера.

Открытие веб-узла, созданного с помощью служб Windows SharePoint Services в FrontPage 2003

Запустите FrontPage 2003 и в меню Файл (File) выберите команду Открыть веб-узел (Open Site) .

В поле Имя веб-узла (Site name) введите адрес Вашего веб-узла (например, http://my-site или http://www.litwareinc.com ) и нажмите кнопку Открыть (Open) . Введите имя пользователя и пароль, если это необходимо. Таким образом, веб-узел откроется в FrontPage 2003.

Совет. Вы также можете открыть веб-узел в FrontPage 2003 с помощью веб-обозревателя Internet Explorer. Для этого в веб-обозревателе Internet Explorer откройте веб-узел, который Вы хотите редактировать, и в панели инструментов Обычные кнопки (Standard Buttons) нажмите кнопку Редактировать с помощью Microsoft Office FrontPage (Edit with Microsoft Office FrontPage) .

Знакомство с FrontPage 2003

Благодаря продуманному пользовательскому интерфейсу FrontPage 2003, любые необходимые Вам инструменты всегда легко доступны. Левая часть экрана позволяет просматривать веб-узел в режиме списка папок или в режиме панели переходов.

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

В средней части экрана отображается страница, редактируемая в данный момент. Сверху находятся вкладки, позволяющие быстро переключаться между другими открытыми страницами. Вкладка Веб-узел (Web Site ), находящаяся сверху панели редактирования, используется для выполнения таких задач, как просмотр удаленного веб-узла, создание отчетов, использование навигации, создание гипертекстовых ссылок и других задач.

Нижняя часть экрана служит для переключения между следующими режимами:

Режим конструктора

Режим конструктора представлен в виде «что видишь на экране, то и получаешь на странице» (WYSIWYG). Этот режим является самым популярным даже среди экспертов HTML кодирования по одной простой причине: кнопки и варианты меню позволяют создавать веб-страницы быстрее. Например, для создания таблицы в текстовом редакторе требуется ввести немало текста, в то время как при создании таблицы в режиме конструктора необходимо всего лишь нажать кнопку Таблица (Table ), что занимает всего несколько секунд.

Режим с разделением

Режим с разделением позволяет в одной части экрана просматривать страницу в режиме WYSIWYG и одновременно видеть код страницы в другой части экрана. HTML-код автоматически обновляется при изменениях в окне WYSIWYG и наоборот. Режим с разделением – это отличный инструмент для тех, кто знает язык HTML и хочет воспользоваться преимуществами быстрой верстки в режиме WYSIWYG, сохраняя полный контроль над HTML-кодом.

Режим исходного текста

Режим исходного текста позволяет просматривать и редактировать HTML-код Вашей страницы. В этом режиме Вы сможете использовать большинство вариантов меню, но Вы должны обладать навыками HTML кодирования для эффективного использования этого режима.

Совет. Новое меню режима исходного текста и сочетания клавиш в FrontPage 2003 помогают создавать код быстро и легко. Вы можете использовать меню режима исходного текста и соответствующие сочетания клавиш для увеличения и уменьшения отступов, выделения или поиска определенных тегов или блоков, добавления тегов или комментариев и многого другого. Кроме того, новые технологии IntelliSense® позволяют использовать функцию автозавершения кода и его повторное использование.

Режим просмотра

Режим просмотра позволяет просматривать страницу в веб-обозревателе до ее сохранения. Это особенно удобно в тех случаях, когда Вы вносите изменения, в необходимости сохранения которых не совсем уверены.

Обновления

Обычно после обновления файлов большинство веб-разработчиков предпочитают сами загружать их на сервер, используя программы передачи файлов. Пользователям FrontPage 2003, работающим с веб-узлами, созданными с помощью служб Windows SharePoint Services, для выполнения этой операции достаточно лишь выбрать команду Сохранить (Save) в меню Файл (File). Это действие автоматически сохраняет на сервере все изменения.

Самые распространенные изменения, производимые с помощью FrontPage 2003

Существует множество операций, которые могут быть выполнены намного быстрее и проще при помощи FrontPage 2003. Ниже перечислены самые распространенные из них.

Добавление текста

Для того чтобы добавить текст на страницы веб-узла, созданного с помощью служб Windows SharePoint Services, щелкните на пустой области страницы, не содержащей веб-частей, и затем введите текст. Например, чтобы добавить текст на страницу «Общие документы», щелкните на пустом месте, не содержащем веб-частей, введите текст, а потом отформатируйте его на свое усмотрение.

Совет. Некоторые страницы отформатированы с использованием таблиц, поэтому для создания дополнительного места для текста Вам может понадобиться вставить новый ряд или столбец. Это можно сделать с помощью меню Таблица (Table).

Добавление или замена изображений

Добавление изображений на веб-узел не представляет труда. Сначала необходимо убедиться, что изображения сохранены на веб-узле (для добавления изображений воспользуйтесь командой Импортировать (Import) в меню Файл (File)). Как только все нужные файлы будут импортированы, убедитесь, что страница, на которой Вы хотите разместить изображение, открыта в режиме конструктора. Затем просто выделите необходимый файл и перетащите его из панели списка папок на страницу.

Удалить изображение так же просто, как нажать кнопку мыши. Например, если Вы хотите заменить логотип служб Windows SharePoint Services расположенный по умолчанию на домашней странице, то просто щелкните на нем и нажмите клавишу Delete .

Совет. Если на место удаленного изображения Вы планируете вставить свое, то после нажатия клавиши Delete нажмите клавишу Enter. Таким образом, Вы создадите на странице область, в которой можно будет разместить новое изображение.

После добавления нового изображения на Ваш веб-узел Вы, возможно, захотите обрезать рисунок, изменить его размеры, перевернуть его или уменьшить размер файла рисунка. Панель инструментов Рисунки (Pictures ) поможет Вам внести такие изменения.

При выделении изображения мышью появляется панель инструментов Рисунок (Picture) (если этого не произошло, тогда в меню Вид (View) перейдите в подменю Панели инструментов (Toolbars) и выберите пункт Рисунок (Picture)).

Рисунок 1 - Панель инструментов Рисунки (Pictures)

Панель инструментов Рисунки (Pictures ) включает в себя функции, используя которые, Вы можете обрезать изображение, вращать, менять цвета или создавать изображения-карты:

Добавление страниц

Добавить страницу на веб-узел, созданный с помощью служб Windows SharePoint Services, очень просто:

1. Перейдите в меню Файл (File).
2. Выберите пункт Создать (New).
3. Когда откроется область задач Создать (New), нажмите ссылку Пустая страница (Blank Page).

Использование шаблонов

FrontPage 2003 содержит много готовых шаблонов, которые можно использовать для создания веб-страниц. Для того чтобы воспользоваться такими шаблонами, в меню Файл (File) выберите пункт Создать (New) и затем нажмите ссылку Другие шаблоны страниц (More page templates) для открытия диалогового окна Шаблоны страниц (Page Templates). Щелкните на имени шаблона и затем нажмите кнопку ОК . Откроется новая страница, созданная на основе выбранного шаблона.

Рисунок 2 - Диалоговое окно Шаблоны страниц (Web Page Templates)

Курс представляет собой мультимедийный комплекс для самостоятельного обучения основам работы с приложением Microsoft FrontPage 2003. Учебный материал представлен в виде интерактивных видеолекций. Процесс обучения предельно прост и приближен к занятиям с преподавателем. Ученик слышит голос преподавателя, читающего лекцию, и видит на экране его действия, совершаемые в процессе рассказа. Такая форма обучения позволяет пользователю в короткие сроки освоить понятия изучаемого курса, ознакомиться с инструментальными средствами изучаемых программ.

Год выпуска: 2006
Язык: русский
Размер: 1140 Mb

Видео кодек: Flash

Курс включает следующие разделы:

Введение (5 уроков).
Web-страница (15 уроков).
Web-узел (5 уроков).
Переустановка и настройка (10 уроков).
Создание Web-узлов (17 уроков).
Работа с текстом (19 уроков).
Гиперссылки (7 уроков).
Панели переходов и объявления. Проверка гиперссылок (13 уроков).
Предварительный просмотр (2 урока).
Коллекция картинок Microsoft (10 уроков).
Графика (20 уроков).
Мультимедиа (11 уроков).
Рисование объектов (19 уроков).
Таблицы (13 уроков).
Рамки (7 уроков).
Web-компоненты (6 уроков).
Шаблоны и формы (15 уроков).
Публикация Web-узла и Web-узел группы SharePoint (12 уроков).
Работа с кодом HTML (3 урока).

Скачать одним файлом на высокой скорости:

Скачать с sms4file

http://sms4file.com/downloadvip/1482.156da...ntPage.rar.html
Скачать Vip-File

http://vip-file.com/download/1482.156dad2f...ntPage.rar.html

Скачать на низкой скорости частями:

Скачать с depositfiles

http://depositfiles.com/files/f5tn6g8iw

http://depositfiles.com/files/ezdy1axct

http://depositfiles.com/files/81ck8newq

http://depositfiles.com/files/9gabwvnxq

http://depositfiles.com/files/y79zg6dxi

http://depositfiles.com/files/87plma4hy

http://depositfiles.com/files/el88h9bpo

http://depositfiles.com/files/6kim8micp

http://depositfiles.com/files/b1m3urpfw

http://depositfiles.com/files/ue0s0u0mt

http://depositfiles.com/files/20tiavrgl

Скачать с Rapidshare

http://rapidshare.com/files/251752530/FrontPage.part01.rar

http://rapidshare.com/files/251752587/FrontPage.part02.rar

http://rapidshare.com/files/251752640/FrontPage.part03.rar

http://rapidshare.com/files/251752707/FrontPage.part04.rar

FrontPage 2003 (приложение для создания Web-узлов и управления ими) относится к числу основных приложений MS Office 2003, поэтому его окно (рабочий стол FrontPage 2003) похоже на окно любого другого приложения MS Office 2003, в особенности на окно MS Word 2003. Запуск FrontPage 2003 аналогичен запуску любого другого приложения MS Office, при этом стереотипна и технология работы со многими совпадающими в приложениях элементами меню и командами пользовательского интерфейса.

Вместе с этим отличие FrontPage 2003 от других приложений MS Office 2003 таково, что требует многостраничного описания (например, полное руководство FrontPage 2000 содержит более 700 страниц). Даже компактное и конструктивное описание возможностей FrontPage 2003 трудновыполнимая задача; поэтому, желающих более глубоко изучить возможности этой программы, мы отсылаем к учебнику по FrontPage 2002 (44,5 Mb), а с расширяющими возможностями FrontPage 2003 можно ознакомиться непосредственно по его справочной системе.

Рассмотрим один из наиболее простых вариантов создания сайта«Стандарты в области информационной технологии».

1. Запустите FrontPage 2003: Пуск Программы Microsoft Office Microsoft Office 2003 (Start All Programs Microsoft Office Microsoft Office FrontPage 2003). Появится окно FrontPage 2003, см. рис. 1.

Рис.1. Окно FrontPage 2003 при первом запуске программы.

2. Создайте одностраничный Web -узел . Для этого в меню Файл (File) выберите Создать (New…). Далее, в открывшей панели задач Создание (New…), выберите: Создать веб-узел (New Web Site) Одностраничный веб-узел (One Page Web Site…).В открывшемся окнеШаблоны веб-узлов (Web Site Packages), см. рис.2, выберите Одностраничный веб-узел (One Page Web Site). В результате на экране появится диалоговое окно одностраничного веб-узла (веб-сайта), содержащего пустую главную (стартовую) страницу (файл Index . htm ) и две пустые папки: _private и images (см. рис. 3).

Примечание. Веб-узел (то же, что и веб-сайт) FrontPage состоит из главной страницы (домашней страницы: Home Page), связанной с другими веб-страницами (файлами в формате html), а также встроенных в них графических, мультимедийных, текстовых и других типов файлов. Кроме того, веб-узел FrontPage содержит вспомогательные папки и файлы, необходимые для управ­ления этим веб-узлом.

Рис. 2. Панель задач Создание и диалоговое окно Шаблоны веб-узлов .

Рис. 3. Фрагмент окна одностраничного веб-узла.

3. Создайте, используя разработанную структуру сайта (см. пункт 2 п. 2.2) структуру переходов веб- узла. В меню Вид (View) выберите опцию Переходы (Navigation). В появившемся окнещелкните правой кнопкой мыши на пиктограмме домашней страницы (Index . htm ) и далее выберите:Создать (New). Страница (Page). В результате появится пиктограмма страницы второго уровня Новая страница 1 (New Page 1).Аналогичным образом создаются и другие страницы второго уровня (см. рис.4). Для создания страницы третьего уровня необходимо курсор мыши установить на пиктограмму страницы второго уровня. При необходимости переименуйте страницы.

Рис. 4. Структура переходов веб-узла (фрагмент окна “Переходы”).

4. Заполните, созданные в предыдущем пункте пустые страницы веб- узла . Для этого в меню Вид (View) выберите Папки (Folders).В левой части окна FrontPage появится панель Список папок (Folder List); если эта панель отсутствует, то нажмите клавиши Alt+F1. Последовательно, используя ранее подготовленные материалы (см. пункт 2 п. 2.2), заполните все пустые страницы веб-узла по следующей схеме. Откройте пустое окно требуемой страницы (двойной щелчком мыши на пиктограмме этой страницы в панели Список папок) и скопируйте в окно страницы (правая часть экрана) заготовленный для этой страницы материал (для копирования проще всего воспользоваться буфером обмена). При необходимости отредактируйте содержимое веб-страницы в режиме Конструктор (Design), см. внизу окна, или в режиме С разделением (Split), в котором окно поделено на две части: нижняя часть содержит текст, а верхняя - код (см. рис. 5). Редактировать можно в любой из этих частей. Сохраните результаты (Ctrl+S).

Рис. 5. Редактирование веб-страницы в режиме “С разделением”.

Предостережение. Копируемые материалы (ровно как структура сайта) должны быть хорошо структурированы и продуманы на этапе проектирования сайта, в противном случае временные затраты на создание сайта многократно возрастут. Это характерно для любого проекта. Причем чем сложнее проект и чем на более ранней стадии проектирования допущены ошибки, тем выше временные и материальные издержки (в отдельных случаях издержки могут достигать отношения 10:1).

5. Создайте схему навигации сайта. Откройте окно главной страницы (Index.htm). Для этого выполните те же действия, что в предыдущем пункте. На главной странице должны содержаться пункты (например, оглавление), связанные со всеми страницами второго уровня. Свяжите посредством гиперссылок эти пункты с соответствующими страницами по следующей схеме. Выделите на главной странице текст, имеющий отношение к некоторой странице второго уровня и, щелкнув на нем правой кнопкой мыши, выберите Гиперссылка (Hyperlink…), в окнеАдрес (Address) (введите адрес этой страницы. Аналогично создаются гиперссылки и на страницы нижних уровней, а также на другие внутренние и внешние объекты. Сохраните результаты (Ctrl+S) и убедитесь в правильной организации гиперссылок. Для этого переведите курсор мыши на пиктограмму стартовой страницы, далее в меню Вид выберите Гиперссылки. В окне Гиперссылки для ‘ Index . htm ’ (Hyperlink for ‘Index.htm’) появится структура гиперссылок (см. рис. 6).

Теперь для удобства навигации необходимо обеспечить возврат из любой страницы веб-узла на его стартовую страницу. Это можно сделать разными способами. Самый простой: откройте любую страницу и внизу этой страницы напечатайте, например, ГЛАВНАЯ , далее выделите напечатанное и создайте гиперссылку на стартовую страницу; затем скопируйте это и растиражируйте на все остальные страницы веб-узла. Для возврата на стартовую страницу можно воспользоваться и командами Панель ссылок (Navigation…)или Меняющееся кнопка (Interactive Button…) меню Вставка (Insert),но это приведет некоторому усложнению структурывеб-узла.

Создайте необходимые ссылки на главную страницу (не забывайте сохранять результаты). Откройте окно Гиперссылки для ‘ Index . htm ’ и убедитесь в правильной организации гиперссылок (см. рис. 7).

6. Скопируйте созданный веб-узел в личную папку и проверьте его работоспособность.

Перед тем, как начать работать во FrontPage, рекомендую Вам создать папку специально для Вашего сайта. Ее можно назвать «сайт», «мой сайт», «мой супер-пупер сайт», или, если Вы предпочитаете английский, «my site», «site».

В Интернете файлы с русскими названиями, увы, не работают (но это не значит, что они не будут работать на Вашем компьютере), поэтому я, по давно выработанной привычке, буду использовать по умолчанию папку site . Вы тоже можете начать вырабатывать в себе эту привычку, но это уже только по Вашему желанию 🙂

Разместить созданную папку можно в любом месте, на диске C, в «Моих документах», на рабочем столе… в принципе, это не имеет значения, главное, чтобы Вам было удобно с ней работать .

Правда, не советую Вам создавать папку прямо на рабочем столе. Путь к ней (его можно посмотреть в свойствах папки, или в самой папке, он указан в строке «адрес»), в таком случае, будет очень длинный. Например: «C:Documents and SettingsUsersUser001рабочий столsite». Правда, он может быть и коротким, например: «C:WINDOWSРабочий столsite». Все зависит от настроек Вашего компьютера.

Если путь все же получается длинным, то Вы можете создать папку для сайта на диске C (или D), тогда ее путь будет значительно короче: «C:site». А для того, чтобы открывать папку можно было быстро и просто, к ней нужно создать ярлык и поместить его в любое удобное для Вас место, например, на тот же рабочий стол.

Зачем заботиться о размере пути к папке? На качество создания сайта это никак не повлияет, но я на собственном опыте убедилась, что работать с папками, путь к которым не очень длинный, значительно удобнее. В примере будет использован следующий путь к папке «C:Documents and Settingssite»

Отдельная папка для сайта - вещь исключительно удобная , порой даже незаменимая. Ваши материалы и созданные страницы нигде не потеряются, а будут спокойно лежать в своей отдельной папочке.

Средствами FrontPage создать сайт даже не очень опытному пользователю не должно составить труда. Например, можно выбрать уже готовый веб-узел, изменить стандартные данные на свои, что-то добавить, что-то удалить и все, сайт можно выкладывать в Интернет. Создать новый веб-узел, можно, выбрав Файл (File) | Создать (New). Справа от рабочего пространства откроется следующее окно:

Нажав на ссылку Другие шаблоны веб-узлов , Вы увидите, что существует еще много разнообразных видов веб-узлов от одностраничного до корпоративного. Ради эксперимента можете попробовать выбрать какой-нибудь веб-узел и создавать сайт в этом шаблоне.

Но я вообще-то не поддерживают такой способ создания сайта, так как FrontPage для готового веб-узла создает много ненужных папок. Да и вообще много всего ненужного.

Поэтому я предлагаю несколько иной подход. Я предлагаю создать сайт с чистого листа, выбрав в окне создания новой страницы пункт Пустая страница . А можно ничего не выбирать, а просто закрыть окно создания новой страницы, так как этот пункт уже и так выбран по умолчанию.

И вот на этом пустом пространстве мы и начнем создавать первую страницу сайта, а точнее, ее шаблон.

Если Вы более-менее знакомы с Интернетом, то наверняка замечали, что многие сайты состоят из таблиц. Какие-то таблицы видны хорошо, какие-то совершенно незаметны. Вот и мы будем делать сайт, состоящий из таблиц .

Сейчас таблицы как средство создания каркаса понемногу устаревают, взамен им приходит верстка с помощью слоев . Но таблицы все еще остаются простым и эффективным способом форматирования страницы. Для начала это – в самый раз.

Во FrontPage существует несколько способов создать таблицу. Сейчас я подробно опишу каждый из них, чтобы потом Вы для себя смогли выбрать наиболее подходящий. Но так как научиться можно только на практике, советую вам не просто прочитать текст ниже, но и выполнить все описанные действия.

Итак, первый способ . В строке командного меню выберите команду Таблица (Table), а в выпадающем меню - пункт Вставить (Insert) со стрелкой. Подведите мышь к этой стрелке и перед вами откроется еще одно выпадающее меню. Выберите пункт Таблица (Table).

Первый способ создания таблицы во FrontPage- с помощью меню Таблица

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

Какие же параметры можно установить? В первой области Размер можно выбрать необходимое количество строк (rows) и колонок (columns).

В следующей области Положение (Layout) можно настроить:

• расположение таблицы на странице - для этого в поле Выравнивание (Aligment) нужно выбрать одно из следующих значений:

• По умолчанию (Default) - тогда таблица разместится по усмотрению браузера пользователя, скорее всего у левого края;
• Слева (Left);
• Справа (Right);
• По центру (Center);

• расстояние между границей ячейки и ее содержимым - для этого введите необходимое значение в поле Поля ячеек (Cell Padding);
• расстояние между ячейками таблицы - для этого достаточно ввести необходимое значение в поле Интервал ячеек (Cell Spasing);
• ширину таблицы - обратите внимание, если флажок Точная ширина (Specify width) снят, размер таблицы будет зависеть только от ее содержимого. Если же флажок стоит, то можно обозначить ширину в пикселах (in pixels) или в процентах (in percent). Скажу сразу, ширину для основной таблицы (которую мы сейчас и создаем), лучше делать в процентах, тогда она будет изменяться в зависимости от размеров окна пользователя.

В области Границы (Border) можно настроить:

• ширину границ таблицы - для этого нужно всего лишь ввести необходимое значение в поле Размер границ (Border size);
• цвет, светлую и темную стороны таблицы

В области Фон (Background) можно задать цвет для фона таблицы или выбрать фоновый рисунок.

Для примера возьмем настройки, которые я указала ранее. Выбираем ОК и смотрим на результат.

Отлично! Теперь давайте для сравнения попробуем использовать второй способ создания таблицы во FrontPage. На панели инструментов Стандартная (Standard) найдите значок Добавить таблицу (Insert Table) и нажмите на него. После этого откроется небольшой макет таблицы.

Быстрый способ создания таблицы - использование кнопки Добавить таблицу (Insert Table)

Удерживая нажатой левую кнопку мыши выделите нужное количество строк и колонок. Так, для примера, на рисунке выделены две строки и одна колонка. Если вы подведете мышку к правой или нижней границе макета, он расширится. После того, как вы отпустите кнопку мыши, моментально появится сама таблица.

Этот способ создания таблицы намного проще и быстрее, чем первый. Одно «но» — здесь нельзя предварительно указать параметры создаваемой таблицы. Поэтому, если вы соберетесь создать еще одну таблицу с помощью второго способа, менять ее параметры можно будет только после того, как вы ее создадите.

О том, как это сделать, я расскажу немного позже, а сейчас более наглядный, третий способ создания таблицы. Это - рисование таблицы мышью . Его мы использовать сейчас не будем, но если вам когда-нибудь понадобится создавать сложные таблицы, вы будете знать, как это делать.

Первый шаг точно такой же, как и в первом случае. В строке командного меню нужно выбрать команду Таблица (Table). Но следующий шаг уже совсем другой. Когда вы выберите команду Таблица (Table), перед вами откроется выпадающее меню. Присмотритесь, у него внизу есть двойная стрелка. Подведите мышь к этой стрелке. Теперь перед вами весь список команд.

Меню команды Таблица

На этот раз нам нужен пункт Нарисовать таблицу (Draw Table). Нажимаем. Откроется следующее небольшое окно.

Рисование таблицы состоит из нескольких этапов: прорисовывается внешний прямоугольный контур таблицы, проводятся линии, разделяющие таблицу на строки и колонки, лишние линии стираются.

Для начала убедитесь, что инструмент для рисования таблицы включен (при этом он должен отобразиться на более светлом фоне, чем остальные кнопки). Теперь, когда курсор попадет в область документа, он примет форму карандаша.

Теперь подведите курсор мыши к верхней левой вершине предполагаемой таблицы. Затем, нажав и удерживая левую кнопку мыши, подведите его к нижнему правому углу предполагаемой таблицы и отпустите кнопку. В результате появится внешний контур таблицы.

Теперь, при помощи того же карандаша, проведите линии, формирующие внутреннюю структуру таблицы.

Убрать лишние линии можно при помощи инструмента Ластик (Eraser). Воспользоваться им легко. На панели инструментов Таблица (Table) нажмите кнопку Ластик (Eraser). Затем подведите курсор мыши к линии, которую нужно стереть и проведите по ней. Стираемые линии окрасятся в красный цвет. Чтобы отключить режим ластика, нажмите на кнопку Ластик (Eraser) еще раз.

С помощью этого способа тоже можно нарисовать неплохую таблицу, но давайте вернемся к предыдущей. С ней мы сейчас и будем работать.

Первую строчку можно оставить для названия сайта, логотипа и т.д. Это будет так называемый верх сайта. Обычно его оставляют одним для всех страниц сайта. В следующую строку обычно помещают текст, картинки, фотографии, одним словом, информацию. Очень неплохо оставить внизу место для счетчиков, которые будут подсчитывать количество посетителей. Туда так же можно написать имя создателя сайта:).

Но у нас только две строки! Неужели, придется начинать все заново? Нет, что Вы! Мы просто вставим еще одну строку. Сделать это можно несколькими способами.

Например, если у вас еще открыта панель инструментов Таблица (Table), новую строку можно добавить, нажав на кнопку Добавить строку (Insert row). Не забудьте перед этим поставить курсор на одну из строк таблицы. Новая строка появится перед строкой, на которой стоял курсор.

Следующий способ вставки строки тоже довольно прост. Для начала нужно всего лишь выделить одну из существующих строк, нажать на правую кнопку мыши и… Но, подождите, как же выделить строку? Здесь тоже нет ничего сложного. Просто подведите курсор мыши к строке, которую вы хотите выделить.

Затем дождитесь, когда он превратится в стрелочку и нажмите на нее.

Выделенная строка выглядит так:

И вот теперь, не снимая выделения, щелкните по выделенной строке правой кнопкой мыши. Перед вами откроется вложенное меню.

Из всех этих, несомненно полезных, пунктов, нам сейчас понадобится только один: Добавить строки (Insert row).

Кстати говоря, строку можно было и не выделять, а просто щелкнуть в ней курсором. Но навык выделения таблиц, строк и колонок вам все равно понадобится, так что привыкайте 🙂

Следующий способ вставки новых строк в таблицу значительно удобнее. И сейчас вы сами поймете, почему. Установите курсор в строку над (под) которой вы собираетесь добавить новые строки. Затем обратитесь к нашему любимому пункту Таблица (Table), который находится в командной строке. В выпадающем меню выберете Вставка (Insert) | Строки или Колонки (Rows or Columns). Откроется следующее окно.

Видите, в нижней части окна можно выбрать расположение новой строки - над выделенной строкой (above) или под ней (below). Заметьте, при использовании первых двух способов такой выбор нам не был предоставлен. Определим количество строк, нажимаем на ОК и смотрим, что у нас получилось.

Теперь у нас три строки. Для всего нашлось место, осталось только определить, куда поместить структуру нашего сайта. Не забыли еще про нее? Сейчас мы рассмотрим самый простой способ поместить структуру на страницу - разместив ее во второй строке, рядом с «информационной» серединой.

Для этого создадим еще одну таблицу из двух колонок во второй строке. Как создавать новую таблицу, мы уже знаем. Причем мы знаем целых три способа, как сделать это! Какой будем использовать на этот раз?

Давайте сейчас используем первый, так как нам нужно с самого начала отрегулировать параметры таблицы. Путь к созданию таблицы: Таблица (Table) | Вставка (Insert) | Таблица (Table).

В открывшемся окне отмечаем одну строку, две колонки и ширину границ таблицы равной нулю. Саму ширину таблицы делаем 100% и нажимаем на ОК. Вся таблица теперь выглядит так:

Небольшие точки во второй строке - это и есть та самая «невидимая» таблица. Точнее, сейчас-то ее хорошо видно, но это только потому, что в данный момент мы находимся в режиме редактирования. А когда мы перейдем в режим просмотра, таблицы видно не будет.

Эта «невидимая» табличка нам нужна только для моделирования внешнего вида таблицы, поэтому мы и сделали ее «невидимой». Теперь в левую колонку нужно вставить еще одну таблицу. Количество строк должно быть равно количеству основных пунктов составленной вами структуры. Колонки делать не надо!

Листочек еще не потерялся? Тогда переносим названия всех основных страниц (разделов) в нашу табличку. Названия внутренних страниц (подразделов) туда включать не обязательно. Чтобы ввести названия страниц в таблицу, просто щелкните мышью в том месте, где будет располагаться текст и наберите его на клавиатуре.

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

А теперь, как и обещала, расскажу о том, как изменить параметры таблицы после ее создания. Помните, как мы выделяли строку таблицы? А теперь нам нужно выделить целую таблицу.

Если «вручную» выделить таблицу не получается, можно просто пройти путь Таблица (Table) | Выделить (Select) | Таблица (Table). Теперь, не снимая выделения, щелкните по таблице правой кнопкой мыши. Можно, кстати, вообще не выделять таблицу, но я уже писала, это очень полезный навык 🙂

Выскочит уже знакомое нам выпадающее меню. Только на этот раз нам понадобится пункт Свойства таблицы (Table Properties). При выборе этого пункта откроется окно, которое практически полностью повторяет окно вставки новой таблицы. В нем можно поменять существующие настройки на новые.

Кстати, в программе FrontPage рамку таблицы можно также сделать «двойной», состоящей из множества квадратиков, с тенью и т.д. Все это доступно в верхнем меню Формат (Format) | Границы и заливка (Borders and Shading)

В первой закладке - Рамки (Borders) можно поменять вид границ таблицы. Посмотрите на возможные результаты после изменения вида рамки таблицы.

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

Но, подождите, что же делать с нашим художеством, т.е. с созданными табличками? Все очень просто. Их нужно сохранить. Для этого в верхнем меню выберите Файл (File) | Сохранить как (Save as). Найдите на вашем компьютере папочку, в которую мы договорились складывать сайт и сохраните в ней ваш документ под именем index .

Почему именно index? Да просто потому что так всегда обозначают главную страницу сайта. А именно ее мы сейчас и делали. Если вы теперь, выйдя из программы FrontPage, откроете сохраненный вами документ, вы увидите, что он автоматически сохранился как index.htm . HTM - сокращенное от слова HTML, помните еще, что это такое?

Стоит запомнить, что форматы «htm» и «html» — это абсолютно разные вещи. Советую вам сразу же выбрать что-то одно, чтобы потом не возникало проблем. Если вы выбрали окончание «html», не забывайте прибавлять его к каждой сохраняемой странице, иначе она по умолчанию будет сохраняться как «htm»

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

И последнее о названиях. Писать названия файлов, страниц для сайта с большой буквы - это, конечно, похвально, но крайне неудобно. Рекомендую вам все, все: страницы, рисунки, архивы - все писать с маленькой буквы. Поверьте, в дальнейшем это поможет избежать очень многих неточностей.

Открытие сохраненного «index»

Сейчас мы будем открывать документ «index», который мы сохранили в папке для сайта в конце предыдущего дня. Способов сделать это существует несколько. Давайте рассмотрим каждый из них, чтобы потом Вы могли выбрать оптимальный для себя.

Итак, первый способ. Файл «index» по умолчанию является Интернет–файлом, так как имеет формат htm (html ). Поэтому если вы откроете его двойным щелчком, вы попадете в окно просмотра браузера.

Этот способ открытия «index» во FrontPage заключается в том, чтобы в верхней командной строке выбрать команду Файл (File), а в выпадающем меню — Править в Microsoft FrontPage (Edit with Microsoft FrontPage).

Если в меню Файл у Вас такого пункта нет, значит, FrontPage на компьютере не установлен в качестве редактора Интернет-страниц. Чтобы это исправить, нужно, во-первых, открыть саму программу FrontPage, и затем в командной строке выбрать Сервис | Параметры . Откроется следующее окно:

Чтобы нормально работать с сайтом, нам нужно, чтобы в области Редакторы находился FrontPage. Если его там нет, то нажмите на значок в верхнем правом углу и выберите там FrontPage (открыть как HTML) . Затем нажмите на кнопку Использовать по умолчанию .

Это был первый способ открытия файла во FrontPage, через окно браузера. Но логичнее будет этот путь сократить. Поэтому, чтобы не тратить время, можно, не открывая файл, нажать на него правой кнопкой мышки и в выпадающем меню выбрать Открыть с помощью… (Open with) и в предложенном списке найти программу FrontPage.

И последний, третий способ. Сначала нужно открыть саму программу FrontPage, а уже после этого открыть весь сайт, выбрав Файл (File) | Открыть веб-узел (Open web). Или, если Вы недавно уже открывали index , выбрать Последние файлы , а в выпадающем меню нужный файл.

Конечно, не так важно, каким именно способом вы откроете страницу «index» во FrontPage, главное, чтобы вы ее открыли 🙂 Поздравляю, еще один полезный навык приобретен!

Петропавловский гуманитарный колледж им.М.Жумабаева

открытого урока

« Создание Web-страниц в программе Microsoft Front Page»

Преподаватель: Жанбекова А.Е.

г.Петропавловск

Тема урока: «Создание Web-страниц в программе Microsoft Front Page»

Цель урока: знакомство с программой Microsoft Front Page, умение работать в

данной программе, развитие познавательной мотивации и

творческого подхода к учебной деятельности.

Задачи урока:

Образовательная: познакомить учащихся с определениями понятий

Web-страница, Web-сайт и закрепить основные навыки

работы с ними в программе Microsoft Front Page.

Развивающая: формирование умения анализировать и обобщать изученный

материал, развитие навыков самостоятельной деятельности,

познавательных возможностей, логического мышления в

процессе проектирования Web-страниц, применение теории

на практике.

Воспитательная: формирование коммуникативных качеств личности, чувства

само и взаимоуважения, информационной культуры.

Тип урока: Объяснение нового материала

Основные методы

применяемые на уроке: объяснительно-иллюстративный

Оборудование: компьютерный класс, оснащенный современной техникой и

лицензированным ПО, мультимедийный проектор.

Ход урока.

I . Организационный момент.

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

II . Объяснение нового материала.

Начну наш сегодняшний урок со слов одного знаменитого человека: «Кто владеет информацией, тот владеет миром».

Информация в мире распространяется различными способами: по телефонной линии, с помощью СМИ, почты и т.д. Однако, самым распространенным, удобным, быстрым и надежным способом распространения информации, является использование всемирной глобальной сети Интернет. У сети Интернет есть две грани. С одной стороны это физическое объединение миллионов компьютеров, образующих компьютерную сеть. С другой стороны это объединение сотен миллионов документов, образующее всемирное информационное поле. Чаще всего под словом Интернет понимают его наиболее популярную службу – World Wide Web. Информация, опубликованная в формате этой службы, представляется в виде Web-страниц.

Web-страницы – это комплексные документы, которые могут содержать любые виды данных: текст, графику, звук, видео и анимацию. Тематически однородная группа Web-страниц образует Web-сайт.

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

Теперь давайте поговорим о том, как создаются Web-страницы. Для создания Web-страниц предназначаются специальные программы. Сейчас мы познакомимся с одной из них. Она называется Microsoft Front Page.

Microsoft Front Page – это программа, рассчитанная на создание отдельных Web-страниц и на сопровождение полноценного Web-узла.

Запуск программы осуществляется с помощью команд Пуск- Программы – Microsoft Office - Microsoft Front Page. Окно программы Front Page представляет собой окно редактора, похожее на окна программ приложений пакета Office. Оно состоит из следующих элементов: строка меню, панель стандартная, имя файла страницы, панель форматирование, рабочая область, кнопки выбора способа отображения документа, панель Создание используется при работе с Web-узлом.

Планирование Web-сайта.

Для начала нужно решить, какой материал будет содержать ваш сайт; стоит определить, каким будет его назначение; его основные цели. Так эта наша первая страница, так ее и назовем – «Мой первый шаг».

III . Практическая работа.

Цель: научиться создавать Web Front Page .

IV . Закрепление. (фронтальный опрос)

Что называется Web-страницей?

Где создаются Web-страницы?

Как запустить программу Microsoft Front Page?

Что необходимо решить, прежде чем начинать создавать Web-страницу?

Чему мы сегодня с вами научились на уроке?

V. Домашнее задание.

(Создать Web-страницу о своей группе для посетителей сети Интернет)

Когда у великого композитора П.И. Чайковского спосили, что такое вдохновение, он ответил: «Это гостья, которая не любит посещать ленивых». Желаю вам вдохновения в создании ваших Web-страниц.

VI . Итог урока. Выставление оценок.

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

Цель: научиться создавать Web -страницы, в программе Microsoft Front Page .

Запустите программу Microsoft Front Page.

Выберите команду меню Файл – Создать и на панели Создание выберите команду Пустая страница.

На имя файла страницы нажмите правую кнопку мыши и выберите команду Сохранить. Назовите ее «Мой первый шаг».

Выберите 7 (36 пт) размер шрифта и наберите «Здравствуйте, это мая первая страница!». Выделите этот текст и на панели инструментов Стандартная нажмите кнопку Web-компонент. В открывшемся окне Вставка компонента Web-узла выберите эффект бегущая строка, затем команду Готово, в следующем коне нажмите ОК.

На следующей строчке 5 (18 пт) размером шрифта наберите «Добро пожаловать».

Выполните команду меню Формат – тема. В открывшемся окне Тема выберите понравившуюся тему.

Наберите следующий текст: Я совсем недавно начала знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу.

На кнопках способы выбора режима документа нажмите кнопку просмотр.

Ваша первая Web-страница готова!