Программа frontpage является примером веб редактора. Создание Web-страниц при помощи программы FrontPage

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.

Чтобы отображать информацию баз данных, узел должен быть размещен на

Тема 3.3: Прикладные программы для создания Веб-сайтов

Тема 3.4: Применение Интернет в экономике и защита информации

Программы для создания сайтов

3.3. Прикладные программы для создания Веб - сайтов

3.3.2. Знакомство с программой FrontPage

Web–страницы основаны на языке описания гипертекстовых документов HTML (Hypertext Markup Language). В HTML для определения содержания и формата гипертекстовых документов используются команды, которые называются тегами (tags). HTML – страницы представляет собой документы в обычном текстовом формате, содержащие специальные команды форматирования (теги HTML).

Для того чтобы создать сайт при помощи FrontPage, нет необходимости учить HTML. FrontPage позволяет довольно просто набрать текст, который можно поместить на Web - страницу, расположить в нужных местах рисунки. Используя FrontPage, можно создавать эффекты, для которых обычно требуются скрипты или программы DHTML.

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

На каждом сайте существует одна Web-страница, которая называется главной или домашней. Домашняя страница – первая Web-страница, на которую попадает посетитель сайта. Используя навигацию или гиперссылки, пользователи смогут попасть и на другие страницы сайта.

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

После запуска программы FrontPage (Пуск – программы – FrontPage) на экране появится окно программы, в котором отображается новая страница (нов_стр_1.htm). В области задач отображается панель Приступая к работе.

Рис. 1.

Окно прикладной программы FrontPage состоит: из строки заголовка, строки меню, панелей инструментов редактирования и форматирования, кнопок быстрого выбора тега (для редактирования и ввода тегов), ярлычков вкладок выбора страниц (для перехода между страницами), рабочего окна, в котором отображается новая страница, панели рисования, кнопок режимов просмотра, индикатора ожидаемого времени загрузки страниц при скорости 56 кбит/с, индикатора размера страниц, области задач.

В программе FrontPage можно пользоваться одним из четырех режимов просмотра: "Конструктор", "Код", "С разделением" и "Просмотр". В режиме "Конструктора" как в любом текстовом редакторе можно в визуальном режиме создавать, редактировать и форматировать страницу, т.е. вводить текст, добавлять рисунки, таблицы. При этом теги языка HTML автоматически добавляются в фоновом режиме, но кодировка HTML на экране не отображается.

В режиме "Код" на экране будет отображаться вся кодировка и можно напрямую редактировать код HTML, а также вводить новые коды. На рисунке представлен HTML – код новой пустой страницы в редакторе FrontPage .

Рис. 2.

В режиме "С разделением" - на экране отображается Web-страница одновременно в режиме Код и в режиме Конструктор. В режиме просмотра Web–страница имеет вид аналогичный ее отображению в Web–браузере.

Команды, которые предназначены для работы с Web–страницами и Web–узлами, расположены в меню Вид программы FrontPage:

1. Страница – это режим просмотра и разработки страницы.
2. Папки – отображается структура папок текущего сайта.
3. Удаленный узел – узел, который находится на сервере сети Интернет.
4. Отчеты – предоставляется сводка об Web – узле.
5. Переходы – отображается структура переходов между страницами сайта.
6. Гиперссылки – открывает список ссылок текущей страницы.
7. Задачи – открывает список задач для текущего сайта

Рис. 3.

Создание Web-страниц в прикладной программе FrontPage

Создание новой пустой Web-страницы

Если при открытии окна программы FrontPage в нем отображается пустая страница, то разработку веб - страницы можно осуществлять на базе этой страницы. Если при открытии редактора FrontPage, отображается пустое главное окно, то для создания новой пустой страницы необходимо выполнить команду Файл/Создать и выбрать в области задач Пустая страница. В окне приложения появится пустая страница. Далее необходимо осуществить разработку страницы, т.е. выполнить разметку (структуру) страницы, ввести текст, рисунки и т.д.

Рис. 4.

Создание веб–страницы на основе шаблонов FrontPage

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

Рис. 5.

Создание веб–страницы на основе имеющихся Web-страниц в ПК

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

Создание сайта в прикладной программе FrontPage

Создание нового пустого сайта или создание веб-узла без содержимого

Для создания нового пустого сайта надо выполнить команду Файл/Создать и выбрать в области задач команду «Другие шаблоны веб–узлов». Откроется окно диалога Шаблоны веб–узлов, в котором необходимо выделить Пустой веб–узел и щелкнуть ОК. В окне приложения FrontPage будет отображаться веб - узел, который представлен на рисунке.

Рис. 6.

Для создания пустой домашней страницы в новом веб-узле необходимо перейти в режим Переходы и щелкнуть на кнопке Новая страница на панели Переходы, в рабочем поле появится домашняя страница (для создания домашней страницы можно также использовать контекстное меню).

Рис. 7.

Дважды щелкните на домашней странице левой кнопкой мыши, и она откроется в режиме конструктора для редактирования (страница - index.htm).

Рис. 8.

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

Будет добавлена Новая страница 1, которая представлена на рисунке. Далее добавьте столько страниц, сколько необходимо для сайта, затем страницы можно переименовать и изменить порядок их следования. Далее на каждую страницу нужно ввести содержание или контент (текст, таблицы, картинки и т.д.), в результате получим сайт.

Рис. 9.

Создание сайта на основе шаблона редактора FrontPage

Для создания сайта на основе шаблона выполните Файл/Создать и в области задач щелкните команду Веб – пакеты, откроется окно диалога Шаблоны веб–узлов.

Рис. 10.

Выберите требуемый шаблон или мастера для создания нового сайта.

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

Программа для создания сайтов ФронтПейдж - это настоящий помощник не только для новичков. Все страницы сайта выглядят в виде кода html . Этот код состоит из множества цифр, букв и символов. Чтобы создать сайт необходимо взять и написать этот код.

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

Программа для создания сайтов Фронт Пейдж

Существует специальная программа, которая позволяет создавать сайты без знания кода html . Это программа бесплатная и называется Microsoft Office FrontPage . По сути, это визуальный редактор и вы видите все, что создаете в онлайн.

Скачать программу Microsoft Frontpage - Уроки для новичков

Это очень простая в использовании программа. С ней справиться любой новичок. Она на русском языке и очень похожа на Microsoft Word (Ворд) .

Скачать программу Microsoft Frontpage - бесплатно

Вот, как она выглядит после установки на компьютер:

Скачайте программу Microsoft Frontpage и установите. Если у вас есть навыки работы в программе Ворд, то у вас не составит никакого труда создавать сайты в программе Фронт Пейдж. Она автоматически будет переводить все, что вы пишите, в код html .

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

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

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

Первый вводный урок для новичков Вы прошли успешно. Теперь давайте двигаться дальше и начнем создавать сайт. Для этого перейдите к следующему уроку . В нем Вы узнаете из каких частей состоит страница сайта.

Если раньше казалось, что создание веб-страниц — дело довольно сложное и невозможное без специальных знаний, то после начала выпуска HTML-редакторов с функцией WYSIWYG оказалось, что сверстать сайт может даже абсолютный новичок, который ничего не знает о языках разметки. Одним из первых программных продуктов данной группы являлся Front Page на движке Trident от компании Microsoft, который входил в различные версии офисных пакетов вплоть до 2003 года включительно. Не в последнюю очередь именно благодаря этому факту программа пользовалась такой широкой популярностью.

Основной фишкой программы, которая привлекает особенно новичков, является возможность верстки страницы без знания HTML-кода или других языков разметки. Это стало реальным благодаря функции WYSIWYG, название которой представляет собой англоязычную аббревиатуру выражения, переводящегося на русский, как «что видишь, то и получишь». То есть пользователь получает возможность набирать текст и вставлять картинки на создаваемую веб-страницу почти так же, как в текстовом процессоре Word . Главное отличие от последнего заключается в том, что в Front Page доступно больше различных веб-компонентов, например, Flash и XML. Функция WYSIWYG включена при работе в режиме «Конструктор» .

Используя элементы на панели инструментов, можно форматировать текст так же, как в Ворде:

• Выбирать тип шрифта;
• Задавать его размер;
• Цвет;
• Указывать позиционирование и многие другое.

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

Стандартный HTML-редактор

Более продвинутым пользователям программа предлагает возможность использования стандартного HTML-редактора с применением языка разметки.

Редактор с разделением

Ещё одним вариантом работы в программе при создании веб-страницы является использование редактора с разделением. В верхней его части расположена панель, где отображается HTML-код, а в нижней отображается его вариант в режиме «Конструктор» . При редактировании данных в одной из панелей автоматически изменяются данные и в другой.

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

В Front Page имеется также возможность просмотра полученной веб-страницы в том виде, в котором она будет отображаться на сайте через браузер Internet Explorer .

Проверка правописания

При работе в режимах «Конструктор» или «С разделением» в Front Page доступна функция проверки правописания, аналогичная таковой в Ворде.

Работа в нескольких вкладках

В программе можно работать в нескольких вкладках, то есть одновременно верстать несколько веб-страниц.

Применение шаблонов

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

Связь с веб-узлами

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

Достоинства

• Простота в использовании;
• Наличие русскоязычного интерфейса;
• Возможность создавать сайты даже новичку.

Недостатки

• Программа морально устарела, так как не обновлялась с 2003 года;
• Недоступна для скачивания на официальном сайте из-за того, что давно не поддерживается разработчиком;
• Отмечается некорректность и избыточность кода;
• Не поддерживает современные веб-технологии;
• Созданное в Front Page содержимое веб-страницы может неправильно отображаться в браузерах, которые работают не на движке Internet Explorer.

Front Page — популярный в свое время у пользователей HTML-редактор с функцией WYSIWYG, отличавшийся простотой создания веб-страниц. Однако в настоящее время он безнадежно устарел, так как давно не поддерживается компанией Microsoft, а веб-технологии уже далеко ушли вперед. Тем не менее, многие юзеры с ностальгией вспоминают об этой программе.

FrontPage 2007 — SharePoint Designer 2007

Итак, как я успел заметить, многие пользователи сети Интернет пытаются скачать русскую версию FrontPage 2007 . Внимание, программа FrontPage теперь называется SharePoint Designer. Т.е. если вы хотели скачать FrontPage 2007, то вам нужно скачать SharePoint Designer 2007. Более того, с апреля 2010 года программа SharePoint Designer 2007 стала абсолютно
бесплатной!

Программу можно загрузить с сайта Майкрософт, а тем, кому лень искать, то с депозитфайлс пройдя по ссылке Скачать SharePoint Designer 2007. Итак, что нового?

Особых трудностей при работе с программой SharePoint, у тех кто работал с FrontPage 2003 возникнуть не должно, т.к. интерфейс программы практически не изменился.

Интерфейс программы SharePoint Designer 2007

Итак, стоит ли переходить на SharePoint Designer 2007 или лучше продолжать пользоваться FrontPage ? Уверен, что стоит. Дело в том, что после выхода в свет программы FrontPage 2003 товарищи из Microsoft не спали и внесли много полезностей в SharePoint Designer 2007.

Например, многократно усилена возможность создания каскадных таблиц стилей (CSS). Скажу более — теперь есть возможность создания CSS в визуальном режиме ! Т.е. можно быть полным нулём в HTML (язык разметки гипертекста) и при этом создавать таблицы стилей для своего сайта.

Благодаря нововведениям код, создаваемый SharePoint стал намного чище, чем код FrontPage. Вообще рекомендую взглянуть на один пример по этому поводу Пользователям FrontPage 2003.

В заключение хочу сказать, что уже появилась новая версия программы SharePoint Designer 2010 (можете ее называть FrontPage 2010 🙂 Но с ней все не так просто, как с SharePoint 2007, дело в том, что новая версия программы по максимуму завязана на совместную работу большого числа людей над одним проектом. Для работы с SharePoint Designer 2010 необходимо, чтобы на сервере было установлено соответствующее программное обеспечение. Можно попросить хостера его установить, но ведь за это придется платить.

Поэтому, на данный момент, для не очень взыскательных пользователей подойдет именно SharePoint Designer 2007.