Создание Web-страниц при помощи программы FrontPage. Описание программы microsoft office frontpage Описание редактора frontpage

Microsoft FrontPage – программа представляет собой редактор, позволяющий использовать верстку на языке HTML. ПО работает по принципу "Что делаете, то и получаете". В основе движка утилиты включена технология, используемая также в известном браузере IE. Разработчик отмечает, что в случае работы с обозревателями, в которых применяются сторонние движки, отображение будет выглядеть иначе.

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

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

Скачать бесплатно полную русскую версию Microsoft FrontPage с официального сайта без регистрации и смс.

Системные требования

  • Поддерживаемые ОС: Windows 7, 10, 8, 8.1, Vista, XP
  • Разрядность: 32 bit, 64 bit, x86

FrontPage – это программа для создания HTML-страниц и их последующей "публикации". Это довольно старое программное решение, которое давно не поддерживается. На смену ему пришла программа .

Функционал

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

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

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

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

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

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

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

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

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

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

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

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

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

Средства написания кода:

  • Представление с разделением позволяет увидеть, как изменения, вносимые в представление конструктора, обеспечивают обновление представления кода.
  • Простота выбора и изменения тегов, а также управления ими с помощью быстрого выбора тегов и быстрого редактора тегов.
  • Технология Microsoft IntelliSense® упрощает написание кода и снижает вероятность ошибок. Эта технология доступна для HTML (Hypertext Markup Language), таблиц каскадных стилей, XSLT (Extensible Stylesheet Language), Microsoft JScript® и Microsoft ASP.NET.
  • Удаление лишнего кода, генерируемого Word 2003 или другими программами веб-разработки.
Средства создания сценариев:
  • Усовершенствование интерактивных возможностей веб-узла без написания кода — благодаря использованию средств создания сценариев JScript.
  • Поддержка технологии IntelliSense в Microsoft Visual Basic® Scripting Edition (VBScript) и средствах создания сценариев JScript.

Программа для создания сайтов ФронтПейдж - это настоящий помощник не только для новичков. Все страницы сайта выглядят в виде кода 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.

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

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