Использование шаблонов и мастеров Microsoft FrontPage. Создание Web-страниц при помощи программы FrontPage Офис фронт пейдж

FrontPage – это редактор, который предназначен для создания страниц с гипертекстовым кодом. Эта программа обеспечивает создание HTML - тегов, списков, тем оформления и необычных стилей для веб-сайтов.

FrontPage считается софтом старого поколения и его практически не используют. Сейчас есть более продвинутая программа для создания гипертекста - Adobe Dreamweaver.

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

Функционал

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

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

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

Режимы работы

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

В «просмотре результатов» вы посмотрите заготовку созданного сайта. Используя «комбинированный» режим, вы увидите основную область для создания кода и просмотр «заготовки».

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

Ключевые особенности

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

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.

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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Тема 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.

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

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