Описание программы microsoft office frontpage. Описание программы microsoft office frontpage Средства управления упрощают работу с несколькими расположенными рядом изображениями и фрагментами и позволяют создавать эффекты отображения, например всплывающи
FrontPage является одним из самых популярных визуальных инструментов web-дизайна.Microsoft FrontPage 2003 включает средства для профессионального проектирования, разработки, работы с данными и публикации, необходимые для создания динамических веб-узлов.
FrontPage позволяет как разрабатывать web-сайты в режиме визуального конструктора, без редактирования HTML-кода, так и получать доступ к соответствующему коду, создаваемому во время работы.
Для FrontPage существует большое количество платных и бесплатных дополнительных модулей ( plug - ins ), расширяющих его возможности. Например, оптимизаторы графики Ulead SmartSaver и Ulead SmartSaver Pro встраиваются не только в Photoshop, но и в FrontPage .
Кроме того, существует целая индустрия фирм, разрабатывающих и выпускающих темы для FrontPage . Темы - это стиль оформления , набор фонов, навигационных кнопок и т.д., которые можно применить к страничке или сайту, тем самым значительно ускорив процесс разработки.
FrontPage включает в себя шаблоны сайтов и шаблоны страниц. Инструмент Мастер сайтов на основе выбранного пользователем шаблона сайта формирует набор страниц с ссылками между ними. Пользователю остается заполнить страницы созданного шаблона сайта информацией. Шаблон страницы позволяет выбрать из базы шаблонов требуемый вид страницы и заполнить его информацией.
Главной особенностью FrontPage является то, что этот редактор работает в режиме WYSIWYG (What You See Is What You Get - что видишь – то и получишь), то есть позволяет создавать HTML-страницы в визуальном режиме. Для создания страниц пользователь использует те же приемы и навыки, что и при работе в Microsoft Word.. При этом необходимый код на языке HTML генерируется автоматически.
Веб-узел
Веб-узел – набор связанных между собой информационных онлайновых ресурсов, предназначенных для просмотра через компьютерную сеть с помощью специальных программ – веб-обозревателей. Веб-узел может представлять собой набор документов в электронном виде, онлайновую службу.
Веб-обозреватель (browser, браузер) – программа, используемая для навигации и просмотра различных интернет-ресурсов. Веб-обозреватель считывает HTML-документ и форматирует его для представления пользователю. Наибольшее распространение получили браузеры Microsoft Internet Explorer, Netscape Navigator, Mozilla, Opera.
Веб-узел состоит из отдельных веб-страниц. Структура каждой веб-страницы определяется ее внутренним HTML-кодом. Пользователь может просматривать этот код и работать с ним в панели Код или панели С разделением режима просмотра страниц, однако большая часть работы выполняется в панели Конструктор. Для работы в программе FrontPage не обязательно знать, как создается HTML-код.
Веб-узел вначале разрабатывается на локальном компьютере, а затем публикуется в Интернет. Пользователь не сможет получить доступ ко многим функциям, пока узел не будет опубликован на сервере, где запущен пакет FrontPage Server Extensions.
Типы узлов
Рассмотрим типы узлов, которые можно подготавливать с помощью FrontPage 2003.
Имеется два вида узлов: дисковые узлы и серверные узлы. Дисковые узлы можно запускать на любом компьютере или даже с гибкого диска или компакт-диска. Дисковые узлы поддерживают только базовые функции HTML. Многие веб-компоненты, поддерживаемые программой FrontPage , не действуют на дисковом узле.
Серверные узлы запускаются на веб-сервере , то есть на компьютере, который специально сконфигурирован для размещения ( хостинга ) узлов. При небольших масштабах веб-сервером может быть локальный компьютер или сервер внутренней сети компании. При более крупных масштабах веб-серверы, на которых размещаются корпоративные узлы интернета, обычно включаются в профессиональные пулы серверов , которыми управляет провайдер (поставщик) услуг интернета ( ISP ) или компания по предоставлению веб- хостинга .
Большинство узлов обычно разрабатываются как дисковые узлы. Это означает, что они разрабатываются на локальном компьютере. Затем они публикуются на веб-сервере , либо внутри организации, либо на внешнем хостинге.
Некоторые веб-компоненты FrontPage - это готовые элементы, такие как панели гиперссылок и таблицы содержания. Они действуют только при размещении на странице, которая является частью узла, созданного на основе FrontPage .
Для некоторых компонентов требуется, чтобы узел или веб-страница находились на веб-сервере , где запущен пакет Windows SharePoint Services компании Microsoft.
Другие общие веб-компоненты действуют только на серверном узле, размещенном на веб-сервере с комплектом серверных расширений FrontPage Server Extensions.
Некоторые компоненты получают свое содержимое непосредственно из других узлов, поэтому для них требуется визуализация интернет-соединения.
Возможности серверного администрирования доступны только для серверных узлов, размещенных на веб-серверах, где запущен пакет Windows SharePoint Services или FrontPage Server Extensions.
Чтобы отображать информацию баз данных, узел должен быть размещен на
С развитием Интернета появился протокол обмена информацией,протокол называется HTTP (HyperText Transfer Protocol – протокол передачи гипертекста).Вместе с этим протоколом появилась и служба World Wide Web (часто называемая WWW или просто Web ), которая подставляет собой обширную сеть серверов HTTP , передающих файлы через Интернет .
Основную часть этих файлов представляют собой Web-страницы
– специальные файлы, написанные на языке HTML (HyperText Markup Language
– язык разметки гипертекста). Web-страницы
публикуются в Интернете
путем размещения таких файлов на серверах HTTP (Web-узлах)
. Содержание Web-страниц
может быть разным и посвященным совершенно произвольным темам, но все они используют одну и тужу основу – язык HTML
.
Большинство людей желающих создать свой собственный сайт или страничку, знакомы с языком HTML
только понаслышке. Поэтому им на помощь может придти программа Microsoft FrontPage
,один из самых известных конструкторов сайтов.
FrontPage, входит в пакет приложений Microsoft Office , стал первым продуктом широкого использования для Internet , сочетающим в себе клиентскую и серверную части и обеспечивающим возможность разработки сайта в целом и установки его на большинство популярных серверов. FrontPage способен взять на себя всю необходимую работу по программированию. Однако FrontPage станет достаточно серьезным помощником и для профессиональных разработчиков, предпочитающих держать в руках полный контроль над творческим процессом.
Окно программы FrontPage 2003.
Программа FrontPage выпущена компанией Microsoft и выполнена в едином стиле продуктов, входящих в пакет Microsoft Office , поэтому внешний вид программы практически не отличается от текстового процессора Word .
В верхней части окна располагается строка меню и две панели инструментов: Стандартная и Форматирование
. Включать или отключать отображение панелей инструментов позволяет меню Вид
.
В левой части находится Панель представлений
, при помощи которой можно переключать режимы документа.
Основную часть окна занимает рабочая область, в которой могут быть открыты одно или несколько окон, содержащих отдельные документы.
В нижней части окна располагается строка состояния
, содержащая справочную информацию
. Так же в нижней части окна находятся три кнопки просмотра документа.
Отображение панелей инструментов.
Для управления панелями инструментов во FrontPage
можно воспользоваться теми же способами, как в Microsoft Word
. А именно:
в меню Вид
надо выбрать пункт Панели инструментов
, а в открывшемся новом подменю - установить флажки
напротив тех панелей инструментов, которые вам нужны; или щелкнуть правой кнопкой мыши
по какой-либо панели управления
(или по области рядом с ней) и точно так же воспользоваться контекстным меню.
FrontPage
, как и другие приложения Microsoft Office
, позволяет добавлять, удалять, менять местами пункты меню и кнопки на панелях инструментов. Также существует возможность создавать полностью свои панели.
Для этого надо:
В меню Сервис
выбрать пункт Настройка
…
или
в меню Вид
выбрать пункт Панели инструментов
, а в появившемся каскадном меню - пункт Настройка
…
В результате ваших действий откроется диалоговое окно Настройка
, где можно установить необходимые панели.
Создание новой Web-страницы .
Если вы запустили FrontPage
, значит, новая Web-страница
у вас уже создана (при запуске FrontPage
сразу открывается новая пустая Web-страница
, готовая для размещения текста и любых других элементов).
Создать новую Web-страницу
можно и другими способами:
С помощью кнопки Новая страница
на Стандартной панели
инструментов.
меню Файл
выбрать подменю Создать
, а затем – Страница
или Web-узел
;
с помощью комбинаций Ctrl+N
;
с помощью контекстного меню
(работает во всех режимах, кроме режимов Задачи и Отчеты
) - для этого внутри Списка папок
данного Web
) надо щелкнуть правой кнопкой мыши и в появившемся контекстном меню выбрать пункт Создать Страница
.
Создание станиц при помощи мастера и шаблонов.
Как уже говорилось выше, если для создания новой страницы вы воспользовались меню Файл Создать Страница или Web-узел
, то FrontPage
предложит вам воспользоваться шаблоном для создания новой страницы.
Для этого он откроет диалоговое окно, внешний вид которого приведен ниже:
На вкладке Общие
данного диалогового окна выводится перечень шаблонов FrontPage
, доступных в настоящий момент. Выбрав любой из шаблонов, можно посмотреть его описание в поле Образец
.
Создание FrontPage Web
.
Microsoft FrontPage Web
- это набор Web-страниц
, файлов с изображениями и других компонентов, которые можно рассматривать как единое целое.
Если делать сайт во FrontPage
, то для его хранения удобней всего использовать FrontPage Web
.
самый главный плюс - это возможность переименовывать файлы, входящие в состав FrontPage Web
.
Представьте себе, что перед публикацией вашего сайта в Интернет
вы вдруг заметили, что пара файлов у вас названа русскими именами. - «Теперь по всем файлам придется лазить и ссылки ручками менять!» дуамете Вы.Вот тут-то и поможет FrontPage Web
- вы можете покойно переименовать файлы, а FrontPage
самостоятельно пройдется по всем другим файлам, входящим в FrontPage Web
и переименует все ссылки на исправленный вами файл.
все остальные преимущества описывать не буду, но хочется сказать, что для использования всех возможностей FrontPage
, то лучше использовать FrontPage Web
.
Итак, чтобы создать новый FrontPage Web
нажмите на стрелочку, расположенную слева от кнопки Новая страница на панели инструментов и в появившемся выпадающем меню выберите пункт Веб-узел…
Открытие Web-страниц.
Очень часто при создании сайта приходится редактировать уже созданные Web-страницы . К одной и той же странице можно возвращаться сколько угодно раз, чтобы ее отредактировать или использовать ее части для создания новых Web-страниц .
Открыть уже существующую Web-страницу можно в любом из существующих режимов.
Из режима Page Views есть четыре способа открыть существующую страницу:
1 способ
Если вы работаете с FrontPage Web , то просто выберите нужный файл в Списке папок и дважды щелкните по нему мышью.
2 способ
В меню Файл выберите пункт Последние файлы . Из появившегося каскадного меню выберите нужный файл.
3 способ
С помощью диалогового окна Открытие файла: Файл Открыть .
Предварительный просмотр.
Для того чтобы посмотреть, как ваша страница выглядит непосредственно в браузере можно воспользоваться вкладкой Просмотр в режиме редактирования Web-страницы
. Но в данном случае может оказаться, что браузер FrontPage
не вполне корректно отобразит некоторые элементы вашей страницы
, поэтому лучше всего:
воспользоваться кнопочкой на панели инструментов
или в меню Файл
выбрать пункт Предварительный просмот
р в обозревателе.
Если вы воспользовались первым способом, то содержимое вашей страницы отобразиться во встроенном браузере FrontPage
.
Если же вы воспользовались вторым способами, то FrontPage
выведет диалоговое окно Просмотр в обозревателе…
Здесь можно:
Выбрать обозреватель, в котором вы хотите просмотреть свою Web-страницу
. Как правило, первоначально здесь отображается браузер
, который по умолчанию установлен на вашей машине.
Добавить любой другой обозреватель, для чего необходимо воспользоваться кнопкой Добавить
.
Редактировать или удалить установленные обозреватели.
Установить размер экрана, на котором будет просматриваться ваша Web-страничка
Сохранение Web-страниц .
По умолчанию FrontPage вместо названия страницы берет первую строку текста с вашей страницы . Это не всегда то, что надо. Изменить название страницы можно с помощью кнопки Изменить - нажатие на эту кнопку открывает диалоговое окно Название страницы , в котором вы можете изменить название страницы .
Удаление Web-страниц.
При работе с Web-сайтом рано или поздно случиться так, что какие-то страницы вам будут больше не нужны и вам захочется их удалить.
Существует три способа удаления Web-страницы .
1 способ
В панели Список папок выделите файл, который необходимо удалить и нажмите кнопку Delete на клавиатуре.
2 способ
В панели Список папок щелкните правой кнопкой мыши по файлу (или значку файла ), который необходимо удалить и в появившемся контекстном меню выберите пункт Удалить .
3 способ
В панели Список папок выделите файл , который необходимо удалить и затем выберите пункт Удалить в меню Правка .
Работа с текстом.
На первый взгляд, ввод текста во FrontPage
ничем не отличается от ввода текста в любом текстовом редакторе (например, в Microsoft Word
).
Для того чтобы набрать текст, достаточно щелкнуть мышью в любом месте страницы, и курсор будет помещен в ближайшую точку, в которую можно ввести текст.
Набор прописных букв, редактирование текста (удаление символов, вставка текста и т.д.) производится точно также, как в Microsoft Word.
Есть только одно небольшое НО: при нажатии клавиши Enter
во FrontPage
осуществляется принудительный переход курсора на новую строку, при этом до и после абзаца ставятся фиксированные абзацные отступы.
Если вам не надо создавать абзацы, то для перехода на новую строку лучше всего использовать комбинацию клавиш Shift +Enter.
Работа с изображениями.
Графически форматы в Web .
Все компьютерные изображения, все форматы для их хранения (а, следовательно, и все программы для их обработки) делятся на два больших класса - векторные и растровые
. Векторное изображение
состоит из объектов - геометрических форм, составленных из прямых, дуг, окружностей и кривых Безье. Достоинств у векторной графики
немало. С точки зрения дизайнера, самое главное ее достоинство состоит в том, что векторную графику можно «вертеть» как угодно, не боясь «протереть дырку» в изображении или потерять часть информации. Другое достоинство - небольшой объем файлов (в сравнении с растровыми изображениями) и независимость от разрешения устройств вывода (будь то принтер или экран монитора). Эти факторы сделали векторную графику
вероятным кандидатом для использования в Internet
. Правда стоит оговориться, что на сегодняшний момент векторная графика встречается не так уж часто, как хотелось бы.
Тем не менее, среди реально применяемых векторных форматов хотелось бы отметить формат Shockwave Flash фирмы Macromedia
. Для просмотра этого формата в браузере
нужен подключаемый модуль (plug-in
), бесплатно распространяемый фирмой Macromedia
. На сегодняшний день существуют как сайты целиком и полностью созданные по этой технологии, так и сайты, используемые Flash-формат
лишь частично.
Растровое представление графики базируется на понятии растра. Растр
– это совокупность объектов (в данном случае пикселей), размещенных в одинаковые строки и столбцы. Т.е. растровый компьютерный файл
можно рассматривать как набор маленьких цветных или серых квадратиков, образующих мозаику изображения. Т.к. размер этих квадратиков заведомо мал, то при просмотре растровой графики эти квадратики сливаются друг с другом, образуя непрерывную смену цветов.
Растровый формат хранения изображения имеет как свои преимущества, так и недостатки. Одним из больших плюсов растровой графики является возможность работы с полутонами, т.е. возможность передавать изображение точно также, как оно выглядит в жизни. А вот среди недостатков основной проблемой является размер файла. Естественно, чем больше пикселей отведено для формирования изображения
, тем выше качество передаваемого изображения
, но, тем самым больше будет и размер файла.
Если мы теперь вернемся к браузерам, то можно сказать следующее, что большинство браузеров без проблем могут отображать графические файлы четырех форматов (*.gif, *.jpg, *.png, *.bmp
), использовать из которых на сегодняшний момент лучше всего два - *.gif и *.jpg
. Да и то после предварительной оптимизации.
Вставка изображений на Web-страницу
.
Вставлять изображение на вашу Web-страницу
можно несколькими способами:
1. Перетащить изображение из Windows Explorer
(то есть прямо из проводника).
2. Перетащить изображение из Internet Explorer
.
3. Перетащить файл с изображением с панели Список папок
, прямо на страницу.
4. С помощью буфера обмена
- скопировать изображение в буфер обмена из любой другой программы, а затем на странице вставить его из буфера обмена.
5. С помощью кнопки Добавить
рисунок из файла на панели инструментов Стандартная
.
6. С помощью меню Вставка Рисунок.
Рассмотрим эти способы более подробно:
Способ 1
Windows Explorer
(то есть прямо из проводника) надо:
во FrontPage
открыть окно проводника;
в окне проводника выделить файл с картинкой, которую вы хотите вставить на свою страницу;
левой клавишей мыши перетащить файл-картинку на свою Web-страницу
картинка вставиться в то место, где на странице находился курсор вставки.
Способ 2
Для того чтобы перетащить изображение из Internet Explorer
надо:
во FrontPage
открыть страницу, на которую вы хотите добавить изображение;
в браузере
откройте то изображение, которое вы хотите поместить на своей Web-странице
браузера
название файла должно оканчиваться на jpg, jpeg, gif
);
левой клавишей мыши перетащите выделенную картинку на свою Web-страницу
;
Способ 3
Для того чтобы перетащить файл
с изображением с панели Список
папок, прямо на страницу надо:
во FrontPage
открыть страницу, на которую вы хотите добавить изображение
;
выбрать необходимый файл с картинкой на панели Список папок
;
левой клавишей мыши
перетащите выделенную картинку на свою Web-страничку
;
выбранная картинка вставиться в то место, где на странице находился курсор вставки.
Способ 4
Для того чтобы вставить изображение на свою Web-страницу
с помощью буфера обмена, надо:
в том приложении, из которого вы хотите скопировать картинку, выделить изображение и при помощи клавиш Ctrl + C
скопировать рисунок в буфер обмена;
на своей Web-странице
вставить это изображение из буфера обмена при помощи клавиш Ctrl + V
Способ 5
Web-страницу
вы решили воспользоваться кнопкой Добавить изображение
из файла на панели инструментов Стандартная
, то FrontPage
откроет диалоговое окно Рисунок
.
В данном диалоговом окне укажите тот файл с картинкой, который вы хотели бы добавить на свою Web-страницу
и нажмите кнопку Вставить.
Способ 6
Если для вставки изображения на свою Web-страницу
вы решили воспользоваться меню Вставка Рисунок
, то FrontPage
предложит сделать вам дальнейший выбор:
Картинки
… – выбор того пункта меню предоставляет вам возможность воспользоваться готовой библиотекой картинок.
Из файла
… – выбор данного пункта меню предоставляет вам возможность самостоятельно указать местонахождение файла с картинкой, который вы хотите добавить на свою Web-страницу
(использование этого пункта приведет к открытию диалогового окна Рисунок
, работа с которым была описана выше).
Создать фото коллекцию
… - при помощи этого пункта меню можно создать коллекцию изображений в определенном стиле. Для это в открывшемся окне Свойства
коллекции фотографий при помощи кнопки Добавить
на вкладке Рисунки
выбрать изображения, а на вкладке Макет
выбрать формат оформления.
Добавление файлов мультимедиа.
Помимо простой графики, как – изображения в форматах *.gif, *.jpg, *.png и т.д. FrontPage позволяет размещать на ваших Web-страницах файлы мультимедиа. К ним относятся: видеоклипы, звуки…
Для вставки видеоклипа надо в меню Вставка выбрать пункт Рисунок , а затем Видеозапись.. .
Откроется диалоговое окно Видео , в нем будут отображаться видеоклипы в формате *.avi, *.asf, *.ram, *.ra .
Добавить звук на Web-страницу можно на вкладке Общие диалогового окна Свойства страницы .
Работа с таблицами.
Таблица
- одно из наиболее мощных инструментов используемых при создании сайтов.
Изначально таблицы
применялись только для представления структурированных данных. Однако постепенно они превратились в мощное универсальное средство для компоновки Web-страниц.
Создание таблиц
Самый простой способ создания таблицы
– использовать кнопку Добавить таблицу
, расположенную на панели инструментов Стандартная.
Еще один способ – при помощи пункта меню Таблица Вставить Таблица
.
А так же таблицу
можно нарисовать и вставить при помощи буфера обмена.
Ввод данных и навигация по таблице.
Одной из замечательных особенностей таблиц является то, что введенный текст форматируется внутри ячейки точно так же, как мы привыкли форматировать его в пределах всего документа. Помещенный в ячейку текст автоматически переносится на новую строку, если его длина превышает ширину столбца. При нажатии клавиши Enter , как обычно, вставляется новый абзац. Текст или числа вводятся в таблицу с клавиатуры.
Перед тем, как заносить данные в таблицу , необходимо поместить текстовый курсор в нужную ячейку таблицы . Это можно сделать, щелкнув на ней мышью.
Однако более удобно для перемещения между ячейками использовать комбинации клавиш:
Сочетания клавиш: Действие:
Tab
в любом месте таблицы,кроме конца последней строки перейти в соседнюю ячейку и выделить ее содержимое
Tab
в конце последней строки добавить новую строку в низ таблицы
Shift +Tab
перейти в предыдущую ячейку и выделить ее содержимое
Enter
начать новый абзац
Enter
в начале первой ячейки добавить текст перед таблицей в начале документа
Создание и применение форм.
Формы представляют собой текстовые поля, переключатели, флажки, кнопки и многие другие элементы управления. Посетителю сайта достаточно ввести какую-нибудь информацию в то или иное текстовое поле, выбрать какие-нибудь данные из предложенного списка, нажать на кнопочку Отправить, чтобы данные отправились на Web-сервер для обработки (или обработались тут же на странице).
Давай познакомимся с тобой - пожалуйста, заполни следующие поля:
Твое имя:
Твоя фамилия:
Дата твоего рождения: год месяц число
Спасибо! А теперь - в путь!
1. Мала, а проворна.
Где бывает, там повелевает.
В шатер зайдет -
Богатыря перевернет.
Кто это?
Муха Блоха Капризный ребенок
2. Выпуча глаза сидит,
По-французски говорит,
По-блошьи прыгает,
По-человечьи плавает.
О ком идет речь?
Кот Лягушка Попугай
3. Чем дышит тюлень, нырнув под лед?
4. Почему плачут большие черепахи?
5. Какую одежду может и селедка носить?
Шубу Пальто Тельняшку
6. Кого называют «речной лошадью»?
Выдру Бегемота Крокодила
7. Какие птицы не высиживают птенцов?
8. Какие птицы не умеют летать?
Если вам необходимо выберать несколько ответов - нажмите и не отпускайте клавишу Ctrl и щелкайте левой клавишей мыши по нужному ответу
Но создание форм
на самой страничке
это только половина работы. Так как обязательно должна существовать программа, которая сможет обработать данные, введенные пользователем с помощью форм.
Такая программа может быть расположена на сервере; она может находиться в вашем Web-сайте
в виде отдельного файла, а может быть просто прописана в коде html
на вашей Web-страничке
.
Именно она определяет - что же произойдет с той информацией, которую ввел пользователь:
информация
может быть добавлена в базу данных и на ее основе могут быть построены различные графики, рейтинги…;
информация
может быть переправлена по электронной почте (это часто используют для получения информации о пользователе в анкетах различного рода);
информация
может быть обработана прямо на месте и посетитель вашего сайта тут же получит ответную информацию (например - получит баллы за тест, увидит введенную им информацию в гостевую книгу…).
В отношении форм существует несколько основных правил:
1. Каждая форма
занимает определенный участок Web-страницы
. На одной Web-страничке
может быть расположена одна или несколько форм.
2. Внутри каждой формы должен размещаться, по крайней мере, один из элементов форм (хотя, как правило, их несколько).
3.Каждый элемент формы
имеет имя и значение. Имя идентифицирует поле для ввода информации, а значение приравнивается к значению, выбранному пользователем.
4. Один из элементов формы (им может быть обычная кнопка или любой рисунок) должен выполнять функцию кнопки Отправить.
Создание форм во FrontPage
.
Чтобы добавить форму на Web-страницу
, надо:
Установить курсор в то место, где вы хотите вставить форму.
В меню Вставка
выбрать пункт Форма
, в открывшемся меню снова выбрать пункт Форма
. Форма
будет помещена на вашу Web-страницу
- появиться область, помеченная пунктирной рамочкой, с двумя кнопками: Отправить и Сброс
.
Пользуясь все тем же пунктом меню Вставка Форма
последовательно вставить необходимые вам элементы форм
, выбирая их из раскрывающегося каскадного меню (при этом необходимо помнить, что все элементы формы вставляются внутри области формы, помеченной пунктирной рамочкой).
После того, как форма
создана, остается только наполнить ее содержанием - элементами форм
, текстом, изображениями, таблицами… (при этом размеры формы
будут меняться автоматически).
Добавлять содержание форм
можно обычным образом. Например, текст можно набирать, а можно вставлять из буфера обмена… Все действия с добавленными объектами аналогичны.
Однако создание формы
- это только начало работы. После ее создания необходимо настроить свойства, как самой формы
, так и ее элементов.
Настройка свойств формы.
Для обработки или сохранения данных, вводимых посетителями Web-странички
, необходимо либо воспользоваться возможностями, предоставляемыми FrontPage Server Extensions
, либо какой-нибудь другой программой, работающей на Web-сервере
.
Но какую бы программу вы не выбрали, вам все равно придется настроить свойства формы и элементов в ней.
Чтобы открыть окно свойств формы, надо:
в меню Вставка
выбрать пункт Форма
, а затем -
или
вызвать контекстное меню к форме и в открывшемся контекстном меню выбрать пункт Свойства формы
.
В результате откроется диалоговое окно Свойства формы
.
1. В поле Сохранение
результатов необходимо указать, что надо будет сделать с данными, введенными в форму
. Вы можете выбрать следующие варианты:
o Отправка Имя файла
- данные будут помещены в указанный файл на Web-сервере
. Этот файл может быть Web-страницей
, которая со временем будет становиться все длиннее и длиннее, или файлом данных, который потом можно будет обработать в Excel, Access
или любой другой программой;
o Отправка Адрес почты
- в этом случае каждый раз при нажатии посетителем Web-странички
кнопки Отправить на форме
будет генерироваться электронное сообщение, которое будет отправляться по указанному вами адресу. В этом сообщении будут содержаться все данные, которые были введены пользователем на Web-страничке.
o В базе данных
- в этом случае данные формы
будут отправлены в базу данных. База должна находиться на Web-сервере
(или быть доступной для него).
2. В поле Свойства
формы необходимо указать имя формы
Режимы просмотра во FrontPage
.
FrontPage
предлагает шесть различных режимов для просмотра содержимого Web-сайта:
Страница,
Папки,
Отчеты,
Переходы,
Гиперссылки,
Задачи.
Для выбора нужного режима можно воспользоваться панелью Представления
, расположенной в левой части экрана, или в меню Вид
на панели инструментов Стандартная
выбрать соответствующий пункт меню.
Страница
В этом режиме осуществляется создание и редактирование Web-страниц.
Здесь можно создавать пустые Web-страницы
и страницы, базирующиеся на шаблонах, назначать страницам темы (набор стилей представления страницы на экране). В этом режимы можно добавлять и форматировать текст, оформлять страницы
с использованием графических и видеоизображений (поддерживается преобразование ряда графических форматов в форматы *.gif, *.jpg и *.png
), добавлять к странице звуковое сопровождение, представлять информацию в таблицах, кадрах и формах и, наконец, создавать гиперссылки. Таков далеко не полный перечень возможностей FrontPage
по редактированию содержимого Web-страниц
.
Папки
В этом режиме можно просматривать структуру Web-узла
(файлы и папки) и управлять ею аналогично тому, как вы это делаете в Windows
, данный режим дает возможность получить более подробные сведения о файлах и папках, чем это предусмотрено в режиме просмотра Страница.
Отчеты
Предоставляет вашему вниманию более десятка отчетов, содержащих разнообразную информацию о Web-узле
, открытом во FrontPage.
Переходы
Предназначен для просмотра иерархии сайта. В этом режиме можно управлять иерархией, перетаскивая прямоугольники (каждый из которых представляет определенную Web-страницу
).
Гиперссылки
Демонстрирует систему гиперссылок, которыми связаны между собой страницы Web-узла
(а также систему гиперссылок на другие узлы), обеспечивает проверку их целостности и возможность изменения.
Задачи
Этот режим предназначен для управления задачами Web-узла
(добавления, удаления, выполнения, установления приоритета выполнения, а также отслеживания состояния задач).
Скачать БЕСПЛАТНО FrontPage можно по следующей ссылке:
http://letitbit.net/download/28576.28615a37d4f2a575882748541adf3bf00/Microsoft_Office_FrontPage_2003.rar.html
Microsoft Front Page представляет собой полнофункциональное средство создания эффективно работающих Web –узлов, а так же детального и гибкого управления ими. Это приложение предоставляет широкие возможности импорта, редактирования и форматирования HTML файлов. Доступ ко всем этим функциям осуществляется с помощью удобного интерфейса, хорошо знакомого пользователям пакета Microsoft Office.
Web-сайт (Web-узел) - это набор связанных между собой близких по смыслу Web-страниц и файлов. В FrontPage имеется возможность создавать и редактировать Web-страницы на 26 языках. Сайты обычно посвящены какой-то определённой теме и содержат информацию, относящуюся к частному лицу или компании. При помощи Front Page можно создавать сайт непосредственно в файловой системе компьютера, а после подготовки, опубликовать его на сервере.
FrontPage содержит множество функций, сведенных вместе в одном рабочем пространстве. Рабочее пространство FrontPage делится на несколько экранных областей: слева находится панель режимов, а справа от нее – список папок. С помощью панели режимов можно простым нажатием соответствующей кнопки перейти от одного режима отображения Web-страницы к другому.
Существует несколько режимов работы в FrontPage.
1. Режим Folders используется для работы с отдельными файлами и папками. Он позволяет удалять перемещать и переименовывать файлы и папки, также просматривать структуру файлов Web-узла.
Front Page может работать с графическими файлами различных форматов: *.BMP; *.TIF; *.WMF (метафайлы WINDOWS); *.RAS (Sun Raster); *.EPS (инкапсулированный Postscript); *.PCX (Paintbrush); *.TGA (Targa) конвертируя их в форматы публикаций *.GIF и *.JPG. По умолчанию Front Page импортированные форматы сохраняет в формате GIF.
2. Режим Page предназначен для создания и редактирования отдельных страниц. Данный режим позволяет вставлять изображения, таблицы, гиперссылки, а также оформлять страницы с помощью различных стилей и макетов. Функция «Ярлыки страниц» позволяет упростить одновременное редактирование нескольких страниц. Переключение с одной страницы на другую осуществляется посредством ярлыков и производится одним щелчком мыши.
Для редактирования страниц применяются три режима: Normal (Обычный), HTML и Preview (предварительный просмотр). Работа в режиме Normal позволяет нам видеть страницу, так как она представлена на экране монитора. В режиме HTML производится редактирование кода HTML-страницы. Режим Preview позволяет видеть страницу в том виде, в котором она действительно будет выглядеть в Web-браузере (Internet Explorer.)
Создать сайт во Front Page можно тремя способами: при помощи мастера (wizards), шаблона (templates) или на основе готовых файлов. Шаблоны представляют собой встроенные страницы, содержащие необходимое форматирование для создания и настройки создаваемых страниц. Мастера и шаблоны позволяют создавать сайты различных типов.
При открытии в данном режиме Web-узла на экране появится новая пустая страница. Можно начать работу с чистой страницы, а можно использовать для работы один из готовых шаблонов. Для этого необходимо выбрать File - New - Page. В окне вкладки Web Sites (Web-сайты) вы видите несколько вариантов создания сайта:
Мастер Discussion web- сайты предназначаются для ведения обсуждений.
Мастер Import Web-сайт создаётся на основе готовых файлов.
Мастер Corporate Presence-для создания сайта компании.
На вкладке Frames Pages (страницы фреймов) перечислены шаблоны фреймовых схем. Фреймы – это многостраничные схемы, где окно браузера делится на несколько подстраниц. В диалоговом окне New на вкладке Style Sheets приведены шаблоны каскадных таблиц стилей.
Создать материал для Web-узла можно путем импортирования его из другого источника, причем импортировать можно не только отдельный файл, но и целую папку и даже Web-узел. Для этого необходимо вывести на экран диалоговое окно Import и выбрать File –Import. Импортируемые файлы или папки можно изменять путем нажатия кнопки Modify.
В настоящее время появилась возможность публикации одной страницы, что позволяет более гибко публиковать нужную информацию. Для этого необходимо щелкнуть правой кнопкой мыши по выбранной странице (или выбрать несколько страниц, удерживая нажатой клавишу CTRL) в списке папок, а затем выбрать команду Publish Selected Files (Опубликовать выбранные файлы).
FrontPage предоставляет возможности форматирования таблиц: автоформатирование, автозаполнение и разделение. Функция Table Autoformat (Автоформат таблицы) позволяет быстро создать на сайте таблицу профессионального качества. Для того чтобы применить данную функцию, щелкните мышью по любой таблице, редактируемой в приложении FrontPage, а затем выберите команду TablegTableAutoformat и выбрать нужный стиль, который автоматически определяет тип границ, тени и цвета, используемые при форматировании таблицы. Функция автоматического заполнения таблицы позволяет скопировать один и тот же элемент в несколько ячеек. Для этого нужно выделить строку и выполнить команду TablegFillgRight (Заполнить вправо). Аналогично можно заполнить ячейки, расположенные снизу, использовав команду TablegFillgDown (Заполнить вниз). Функция разделения таблицы позволяет в любом месте разделить одну таблицу на две.
3. Режим Reports дает возможность получить полный набор табулированных отчетов о состоянии Web-узла. Например, узнать количество страниц на Web -узле; его общий размер; недавно добавленные, измененные или старые страницы, нуждающиеся в обновлении; файлы к которым нет ссылок в пределах узла; нарушенные ссылки на другие страницы в текущем и других узлах; незавершенные страницы с назначенными авторами и статусом отображения каждой страницы и др. Таким образом, с помощью этого режима можно отследить проблемные области и исправить их, используя соответствующую панель инструментов.
4. Режим Navigation определяет параметры перемещения пользователей по Web-узлу и показывает структуру Web-узла. С помощью данного режима можно поменять расположение страниц в Web-узле, перетащив страницу из папки и переместив ее в нужное место; удалить страницу из Web-узла или добавить внешнюю связь к структуре. При изменении заголовка страницы с помощью режима Navigation, он автоматически будет отображен на странице, без необходимости дальнейшего редактирования.
5. Режим Hyperlinks (гиперссылки) дает возможность просмотра связей между страницами Web-узла. Гиперссылка - это текст или изображение на Web-странице, при щелчке на котором происходит переход к другой Web-странице или сайту. Front Page имеет несколько вариантов создания гиперссылок. Например, разместить все гиперссылки на одной главной странице или создать навигационную панель(navigation bar), которая автоматически создаёт и отображает гиперссылки на страницы вашего сайта.. навигационная панель легка в использовании, она имеет некоторые недостатки:
1. Навигационная панель содержит только определённые ссылки, которые вы можете только настроить и не более.
2. Панель навигации не будут работать до тех пор, пока вы не создадите структуру сайта.
Также можно создать и интерактивную карту (image map), представляющую собой рисунок с активными участками (hotspots), являющимися ссылками, на которых пользователь с помощью щёлчка мыши, переходит к нужной странице.
Просмотр связей между страницами Web-узла выполняется в диалоговом окне Create Hyperlink. Связи представлены в виде стрелок, поэтому оборванная стрелка обозначает нарушенную связь. Чтобы исправить нарушенную связь необходимо перейти в режим Broken- Hyperlink, щелкнуть правой клавишей мыши на нарушенной ссылке и выбрать Edit-Hyperlink. Все нарушенные ссылки будут автоматически исправлены.
В режиме Hyperlinks по умолчанию будут показаны не заголовки страниц, а имена их файлов. Это легко исправить, воспользовавшись одной из команд контекстного меню. Так, с помощью команды Show Page Titles вместо имен файлов будут показаны заголовки страниц, а, используя команду Hyperlinks to Pictures, можно отобразить гиперссылки на графические файлы. Команда Repeated Hyperlinks позволяет отобразить повторяющие гиперссылки, то есть все связи страницы с одним и тем же файлом. Для отображения ссылки на закладки внутри одной страницы используют команду Hyperlinks Inside Page.
Лучшие закладки – это заголовки разделов. Чтобы создать закладку, следует открыть страницу и выделить текст, на который требуется установить ссылку. Имя закладки вводится в диалоговом окне Bookmark, путем выбора Insert-Bookmark (вставка-закладка). С помощью данного диалогового окна можно также осуществлять удаление закладки. Чтобы создать одновременно и закладку и гиперссылку, необходимо щелкнуть правой кнопкой мыши на выделенном тексте будущей закладки и, удерживая ее нажатой, перетащить текст в место, где должна находится гиперссылка. После этого выберите в контекстном меню Link Here (создать ссылку). FrontPage автоматически создаст закладку и вставит на нее гиперссылку, в которой используется текст закладки.
В FrontPage имеется возможность создания пользовательских панелей ссылок для связи Web-страниц как в пределах сайта, так и вне его. Панели создаются очень быстро, имеется большой выбор формы и стилей кнопок. Панели ссылок вставляются в произвольном месте страницы или размещаются на общих границах для перехода между страницами сайта Для того чтобы вставить панели необходимо выбрать команду InsertgWeb ComponentgLink Bars и тип ссылок.
Во FrontPage существует также возможность соединяться с другими Web-узлами и FTP-серверами, для этого нужно знать URL соответствующего файла. При создании в Web-документе ссылки на файл в Интернете, необходимо выделить текст будущей ссылки и щелкнуть на кнопке Hyperlink, затем в диалоговом окне Create Hyperlink ввести полный URL или щелкнуть на кнопке обзора ресурсов, если URL неизвестен. В этом случае FrontPage автоматически запустит Web-браузер, с помощью которого указывается необходимый файл, и введет URL в соответствующее поле автоматически.
FrontPage является мощным инструментом для корпоративного использования, позволяя легко организовывать дискуссионные клубы, онлайновые опросы и списки, редактируемые из браузера. С помощью служб SharePoint Team Services можно быстро настроить сайт группы в Интранете, на котором участники группы могут сохранять, искать и совместно использовать данные, документы и Web-страницы.
С помощью служб SharePoint Team Services можно вставить форум, благодаря которому участники группы и посетители сайта могут принимать участие в обсуждениях. Пользователи могут создавать новые данные для библиотеки документов, сортировать и фильтровать списки документов, а также обновлять или включать новую информацию, используя любой браузер четвертого поколения и выше.
Также на страницу можно добавить интерактивный опрос. Посетители могут отвечать на вопросы при помощи браузера и просматривать результаты опроса на автоматически генерируемых диаграммах. Добавление опроса задается командой FilegNewgSurvey (ФайлgСоздатьgОпрос).
В приложение FrontPage включены функции для электронной коммерции, помогающие небольшим организациям превратить сайт из места размещения информации о продукции и услугах - в центр продаж.
6.7. Назовите основные компоненты и формы пакета FrontPage, определите понятие «режим WYSIWYG»
Microsoft Frontpage позволяет разрабатывать документы Web и управлять ими. Не только страницами Web, для работы с которыми имеется масса прекрасных программ, но документами Web (sites) в целом, т. е. наборами связанных страниц.
Frontpage состоит из трех основных компонентов:
1. Frontpage Explorer (Проводник) обеспечивает создание структуры документов Web, и предоставляет мастеров и шаблоны, которые позволяют это сделать всего за несколько минут. Если Web уже установлен, проводник дает визуальное представление всего документа Web и позволяет поддерживать его в дальнейшем;
2. Frontpage Editor (Редактор) позволяет создавать отдельные страницы
Web или редактировать ранее введенные страницы в режиме WYSIWYG "что видите, то и получаете"; Режим точного отображения "What You See Is What You Get". Принцип WYSIWYG - это принцип соответствия экранного образа готовому документу. В этом режиме автор непосредственно видит на экране готовый результат и работает с ним.
3. Frontpage Personal Web Server (Персональный сервер Web) обеспечивает проверку всех аспектов работы данного Web и его обслуживание в Internet.
Все функции редактора FrontPage однозначно реализуются тегами HTML;
Редактор FrontPage не имеет средств, которые нельзя было быпредставить в виде тегов HTML;
Пользователь обычно не знает, какие именно средства HTML используются для достижения заданного эффекта и насколько корректно они применяются.
Редактор FrontPage «ориентирован» на применение обозревателя Internet Explorer , так что создаваемый им код HTML наиболее адекватно отображается именно в этом браузере. В частности, FrontPage позволяет использовать «бегущую строку», средство, которое не входит в стандарт HTML, но поддерживается Internet Explorer. Из числа стандартных средств HTML редактор FrontPage не поддерживает фреймы (точнее говоря, создание документов описания фреймов).
Окно программы FrontPage представляет собой комбинацию окна редактора и окна браузера. Документ HTML отображается редактором, как специфическим браузером, отображающим даже обычно невидимые элементы (такие как якоря). В то же время, этот текст можно редактировать средствами, аналогичными имеющимися в текстовом процессоре.
Рис. 1
Первым делом создается папка , в которой будет находиться до размещения в Интернет, будущий сайт. В этой папке должны находиться еще и «подпапки» предназначенные для картинок, музыкальных файлов прочего. Полезно также выделить отдельную папку для каждого раздела сайта. В корневом каталоге должна находиться главная страничка сайта.
Чтобы открыть программу в меню Пуск выберите Все программы - Microsoft Office – Microsoft Office FrontPage 2003 .
Для упрощения и автоматизации создания Web-страниц редактор FrontPage позволяет использовать мастера и шаблоны. Выбор в списке Шаблон или Мастер веб-узлов , кроме пункта Нормальная страница, приводит к использованию мастера или шаблона документа. Результат представляет собой скорее план страницы, чем законченный продукт, и от пользователя требуется наполнение созданных разделов конкретным содержимым.
Шаблоны (Форма обозрения или Форма подтверждения) представляют собой готовый документ «общего характера». В тех местах, где должен располагаться текст, соответствующий нуждам конкретного пользователя, вместо этого помещен текст, описывающий принципы заполнения соответствующего раздела. Этот текст заменяется в ходе редактирования документа. В начале документа-шаблона имеется комментарий (не отображаемый в обычном браузере), описывающий общие правила заполнения данного шаблона. Сохранение документа, сформированного на основе шаблона, не изменяет сам шаблон, который может использоваться многократно.
При использовании мастера программа задает ряд вопросов и на основании ответов формирует заготовку.
1. В меню Файл выберите команду Создать и области задач Создание документа в группе Создать веб-узел выберите Другие шаблоны веб-узлов…;
2. В диалоговом окне Шаблоны веб-узлов выберите нужный шаблон (например, Личный веб-узел);
3. Новый веб-узел будет создан в папке Мои документы - Мой узел и открыт в окне программы (Рис. 1 );
4. В окне Список папок отобразятся страницы сайта и папки для хранения фотографий, рисунков, тем оформления и пр.;
5. Двойным щелчком откройте любую страницу для редактирования (в шаблоне страницы уже имеется цветовое и шрифтовое оформление (тема) и макет страницы, состоящий из таблиц, а также панели навигации, которые связывают между собой страницы сайта). Первая (главная) страница сайта всегда называется Index .
6. Не забывайте сохранять изменения, несохраненные страницы сайта обозначаются звездочками .
1. Создайте папку для Вашего веб-узла;
3. Программа предложит добавить данные FrontPage – нажмите ОК ;
4. Создайте первую страницу сайта. В меню Файл выберите команду Создать и в области задач Создать страницу выберите Пустая страница .
Существует одно правило: размер странички должен укладываться в размер одного экрана. Т.е. если сайт рассчитан на пользователей 15 дюймового экрана то разрешение должно быть 600х800, а для 17 дюймового – 1024х786. В строке состояния отображается размер страницы и время ее загрузки . Чтобы изменить размер страницы щелкните левой кнопкой в поле размера в строке состояния и выберите в выпадающем списке нужный размер.
|
5. Создайте структуру сайта. Перейдите на закладку Переходы или выберите команду Переходы в меню Вид. 6. Выберите команду Создать – Верхняя страница в контекстном меню в области переходов (Рис. 3 ). Назовите страницы (при создании структуры указываются имена страниц (не файлов)). |
|
|
7. В окне список папок это будет выглядеть так (Рис. 4 ). 8. Файлы можно переименовать (не ставьте пробелы в именах файлов) |
|
9. Затем страницы заполняется нужными картинками и текстом. Для корректного расположения на странице текста, панелей навигации, рисунков их помещают в таблицы с прозрачными рамками. Чтобы создать таблицу, используют команду Таблица - Вставить таблицу . В открывшемся диалоговом окне указывают размер таблицы (в ячейках), а также дополнительные параметры, реализуемые как атрибуты соответствующих тегов. Чтобы занести информацию в таблицу, следует установить курсор в нужную ячейку и начать ввод. При работе с ячейками таблицы можно применять любые команды форматирования.
В качестве основного средства форматирования используется Панель инструментов форматирования . Она содержит:
Дополнительные элементы форматирования, не вынесенные на панель инструментов, задаются в отдельных диалоговых окнах. Их можно открыть, например, с помощью команд Формат - Шрифт и Формат - Список .
Для создания гиперссылки надо выделить фрагмент текста, который будет использоваться как ссылка, и дать команду Вставка - Гиперссылка . В открывшемся диалоговом окне «Добавление гиперссылки» выбирают вкладку Связать с . Для создания внешней ссылки введите интернет-адрес на нужную страницу в поле Адрес , для создания ссылки на другую страницу своего узла (используется относительный адрес) выберите папку, в которой находится файл и укажите его мышью. Для создания ссылки внутри страницы выберите команду и укажите на какую закладку ссылается объект, предварительно поставив закладку в это место с помощью команды Вставка – Закладка и указав имя закладки. Выбрав вкладку одновременно с созданием ссылки будет создан соответствующий документа, который немедленно открывается для редактирования.
Кнопка
служит для
указания места открытия ссылки (в этом же окне, в новом окне
и др.)
Созданная гиперссылка отображается в окне программы FrontPage так же, как и в окне браузера: синим цветом и с подчеркиванием. Чтобы проверить работоспособность ссылки, следует щелкнуть на ней правой кнопкой мыши и выбрать в контекстном меню команду По ссылке.
10. Созданные страницы объединяют с помощью ссылок. При связке в общий документ ссылки можно спрятать под любой видимый объект (картинки, меню, кнопки и т.д.). Можно воспользоваться меню Вставка - Панель ссылок (Рис. 5 ) или меню Вставка – Меняющаяся кнопка (Рис. 6 ).
11.
В конце, когда страница создана, ее нужно
сохранить в нужной папке. Сохраните файл под именем
index
в папку веб-узла и дайте
название странице, нажав на кнопку Изменить
в разделе
Название
(например, Главная или Домашняя) (
Рис. 7
).
Специальной команды создания формы редактор FrontPage не имеет. Однако при добавлении поля формы (через меню Вставка - Форма ) создается и форма, включающая это поле. При добавлении последующих полей следует следить за тем, чтобы они включались в ту же самую форму.
В языке HTML свойства элемента задаются атрибутами тега. Редактор FrontPage обеспечивает их задание с помощью специальных диалоговых окон. Чтобы открыть такое диалоговое окно, следует щелкнуть на редактируемом элементе правой кнопкой мыши. В нижней части контекстного меню располагаются команды, относящиеся к элементам документа, рассматриваемым редактором как открытые. Порядок следования команд соответствует порядку вложения элементов. Выбор одной из этих команд приводит к открытию диалогового окна свойств соответствующего элемента. Элементы управления в этом диалоговом окне соответствуют атрибутам открывающего тега для выбранного элемента.
Дополнительные объекты вставляются в редактируемый документ при помощи меню Вставка . Например, для вставки изображения используется команда Вставка – Рисунок, а затем выбрать меню Картинки (эта команда позволяет вставить рисунок из коллекции MS Office ) или меню Из файла (открывает диалоговое окно, в котором нужно указать место расположения картинки или фото на диске). В ходе создания документа различные графические форматы автоматически преобразуются в форматы GIF и JPEG. Сохранение преобразованного файла осуществляется при сохранении документа, при этом Вам будет предложено указать папку, в которую будет сохранен рисунок.
Другие элементы, которые можно разместить на странице, - это:
Горизонтальная линейка (Вставка - Горизонтальная линия );
Видеозапись (Вставка -Рисунок - Видеозапись );
Фоновое звуковое сопровождение (Формат – Фон - Фоновый звук и и нажав на кнопку Обзор указать место расположения звука);
«бегущая строка» (Вставка - Веб-компонент - Бегущая строка , этот элемент воспроизводится только обозревателем Internet Explorer).
Ограниченность возможностей редактирования при помощи FrontPage иногда приводит к необходимости вмешательства непосредственно в создаваемый код HTML. Э то можно осуществить двумя способами. Во-первых, над строкой состояния находятся четыре кнопки, позволяющие переключаться в разные режимы просмотра страницы , выберите закладку Код .
Второй способ заключается в открытии окна просмотра генерируемого кода при помощи команды Вид – Показать теги. Цветная маркировка позволяет немедленно увидеть ключевые слова тегов (изображены фиолетовым цветом), атрибуты (красным) и значения атрибутов (синим). Этот код можно редактировать вручную.
