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

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

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

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

Сайтам, которые созданы в программе 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, а веб-технологии уже далеко ушли вперед. Тем не менее, многие юзеры с ностальгией вспоминают об этой программе.

Office System Professional 2003, потому ее можно установить совместно с другими приложениями Microsoft Office либо раздельно. Мы не будем обрисовывать процесс установки и будем считать, что вы уже установили FrontPage на ваш компьютер.

Чтобы запустить программку FrontPage, нажмите кнопку Запуск (Start) на Панели задач (Taskbar) Windows и изберите в показавшемся меню команду Программки - Microsoft Office - Microsoft Office FrontPage 2003 (Programs - Microsoft Office - Microsoft Office FrontPage 2003).

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

Нажмите кнопку Да (Yes). На дисплее остается только рабочее окно программки.

Описание меню FrontPage

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

Под меню размещены две панели инструментов: Стандартная (Standard) для резвого вызова более нередко применяемых команд и Форматирование (Formatting) для форматирования текста. Как и другие программки из пакета Microsoft Office, редактор FrontPage позволяет показывать либо скрывать определенные панели инструментов, также поменять набор кнопок на панелях.

Основную часть рабочего окна занимают вкладки редактируемых документов. Текущий документ - new_page_1.html.

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

Закройте область задач, нажав комбинацию кнопок Ctrl+F1.

Чтобы вновь показать область задач, необходимо снова надавить комбинацию кнопок Ctrl+F1.

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

Как работать с WEB страничками.

В Microsoft FrontPage существует несколько методов просмотра содержимого WEB узла, облегчающих разработку, публикацию и управление им. Работать с WEB страничками можно, используя одно из последующих представлений:

Страничка (Page).

Папки (Folders).

Удаленный WEB узел (Remote WEB Site).

Отчеты (Reports).

Задачки (Tasks).

В Представлении Страничка (Page) можно использовать один из четырех режимов представления странички:

Конструктор (Design) - режим по умолчанию. В этом режиме можно разрабатывать и редактировать WEB странички, используя фактически все способности концепции WYSIWIG.

Код (Code). Позволяет без помощи других просматривать, записывать и редактировать теги HTML . Используя средства оптимизации кода в Microsoft FrontPage, можно сделать незапятнанный код HTML; также упрощается процедура удаления ненадобного кода.

С разделением (Split). В этом режиме можно инспектировать и редактировать содержимое WEB странички в формате с разделением экрана, предоставляющем одновременный доступ к режимам Код (Code) и Конструктор (Design).

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

В представлении Страничка (Page) режим ее представления выбирается в левой нижней части рабочего окна программки FrontPage.

В представлении Папки (Folders) можно использовать папки для конкретной работы с файлами и папками, также для организации содержимого WEB узла. В этом представлении папки можно создавать, удалять, копировать и перемещать, как и в Проводнике (Explorer) Microsoft Windows.

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

Представление Отчеты (Reports) позволяет рассматривать содержимое WEB узла после выполнения запроса отчета. Можно рассчитывать полный объем памяти, занимаемой файлами на узле, показывать файлы, не связанные с другими файлами, обнаруживать неспешные и устаревшие странички, группировать файлы по задачке либо по лицу, которому они предусмотрены, делать другие задачки.

При помощи представления Переходы (Navigation) можно показывать иерархическую структуру WEB страничек. Это представление позволяет изменять размещение страничек на узле с помощью обычных перемещений мышью.

В представлении Гиперссылки (Hyperlinks) отображается состояние гиперссылок WEB узла в виде перечня. Этот перечень включает внутренние и наружные гиперссылки и употребляет значки для обозначения испытанных либо неработающих гиперссылок.

Представление Задачки (Tasks) показывает все задачки WEB узла в формате столбца и содержит текущие сведения о каждой задачке под надлежащими заголовками.

Как загрузить в редактор FrontPage готовый WEB сайт

Хоть какое из перечисленных представлений можно включить при помощи команд меню Вид (View). Чтобы лучше осознать предназначение разных представлений, мы загрузим в редактор FrontPage готовый WEB сайт, воспользовавшись операцией импорта.

Изберите в меню команду Файл - Импорт (File - Import). На дисплее появится диалог Мастер импорта WEB узлов: начало (Import WEB Site Wizard - Welcome), в каком требуется найти метод получения файлов и их положение.

Вы сможете импортировать WEB сайт, находящийся на локальном диске. Для этого необходимо установить переключатель Файловая система (File System) в группе переключателей Метод получения файлов (How do you want to get the files?) и указать папку с файлами WEB сайта в поле ввода Размещение WEB узла (WEB Site Location).

При установленном по умолчанию переключателе Протокол HTTP (HTTP) вы сможете импортировать готовый WEB сайт прямо из сети Веб.

Чтобы импортировать WEB сайт из Интернет, в поле ввода Размещение WEB узла (WEB Site Location) укажите адресок WEB сайта, к примеру gov.ru.

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

Установите флаг Импортировать доменную страничку и (Import the home page plus linked pages) и в поле ввода со счетчиком справа от этого флага введите 5, чтобы ограничить вложенность в структуре папок и файлов WEB сайта пятью уровнями.

Установите флаг Импортировать менее (Import a maximum of) и в поле ввода справа от этого флага введите 1000, чтобы ограничить общий объем импортируемых файлов в 1000 кб.

Установите флаг Импортировать только файлы HTML и изображений (Import only HTML and image files).

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

Нажмите кнопку Готово (Finish) в заключительном диалоге мастера. Будет установлено соединение с Интернет, и на дисплее появится диалог Ход импорта WEB узла (Import WEB Site Progress), в каком будет отображаться процесс загрузки файлов WEB сайта.

В процессе загрузки файлов WEB сайта может показаться диалог Подтвердите подмену файла (Confirm File Replace).

В случае возникновения диалога Подтвердите подмену файла (Confirm File Replace) нажмите кнопку Нет (No), чтобы не подменять уже скопированный файл.

Импорт будет завершен после загрузки всех файлов либо при достижении установленного предела размера WEB сайта.

В процессе импорта программа FrontPage копирует файлы WEB сайта с удаленного сервера на локальный диск и располагает их в отдельной папке. Практически WEB сайт представляет собой набор файлов, содержащихся в определенной папке и вложенных папках. Обычно FrontPage располагает WEB сайты в папке Мои WEB узлы (My WEB Sites), которая создается в папке Мои документы (My Documents). Если для WEB сайта не обозначено имя, ему по умолчанию присваивается имя мой_узел (myweb1) либо схожее.

После окончания импорта WEB сайт будет загружен в редактор FrontPage, и в заголовке окна программки рядом с заглавием приложения появится путь к папке WEB сайта на локальном диске. Программа переключится в представление Папки (Folders). В левой части рабочего окна программки будет показано дерево папок, а в правой части появится новенькая вкладка со перечнем папок и файлов WEB сайта.

Щелкните правой кнопкой мыши на вкладке нов_стр_1.htm (new_page_l.htm) и в показавшемся контекстном меню изберите команду меню Закрыть (Close), чтобы закрыть пустую страничку, сделанную при запуске программки.

В представлении Папки (Folders) все странички, картинки и другие файлы, составляющие WEB сайт, представлены так же, как и в программке Проводник (Explorer) операционной системы Windows. Слева выводится дерево папок, справа - содержимое избранной папки. В этом режиме вы сможете перемещать, удалять либо переименовывать файлы в процессе работы над WEB сайтом. Двойной щелчок на названии файла странички открывает ее для редактирования. Обычно, файл главной странички WEB сайта именуется index.htm либо default.htm.

Найдите файл с таким именованием в перечне файлов и два раза щелкните на нем мышью. В правой части рабочего окна появится новенькая вкладка index.htm, и на ней будет показана избранная страничка в режиме Конструктор (Design) представления Страничка (Page).

В меню Вид (View) представление Страничка (Page) выделено, а режим Конструктор (Design) этого представления выделен в нижней части вкладки index.htm.

Режим Конструктор (Design) представления Страничка (Page) предназначен для редактирования и просмотра текущей странички WEB сайта. Это основной рабочий режим, в каком доступны команды вставки частей, форматирования текста, работы с таблицами и другие средства FrontPage для редактирования страничек. В нижней части вкладки размещены кнопки для выбора других режимов представления странички.

В режиме С разделением (Split) представления Страничка (Page) можно инспектировать и редактировать содержимое WEB странички в формате с разделением экрана, предоставляющем одновременный доступ к режимам Код (Code) и Конструктор (Design).

Режим Код (Code) представления Страничка (Page) позволяет без помощи других просматривать, записывать и редактировать теги HTML.

В этом и двух прошлых режимах в высшей части вкладки index.htm размещена панель для резвого выбора тега, которую можно скрыть либо показать при помощи команды меню Вид - Резвый выбор тега (Quick Tag Selector).

Режим Просмотр (Preview) представления Страничка (Page) позволяет просматривать внешний облик странички в WEB обозревателе, не сохраняя ее.

Закройте страничку index.htm, нажав комбинацию кнопок Ctrl+F4. Мы опять вернемся на вкладку WEB узел (WEB Site) в представлении Папки (Folders).

Нажмете кнопку Отчеты (Reports) в нижней части вкладки WEB узел (WEB Site). В правой части окна будет отображен отчет Сводка по узлу (Site Summary), содержащий общие сведения о структуре WEB сайта: количество файлов, рисунков, ссылок и другую информацию.

Представление Отчеты (Reports) позволяет получать и просматривать статистическую информацию о WEB сайте и проводить анализ с целью выявления возможных заморочек и ошибок, допущенных при разработке. Редактор FrontPage предлагает разные отчеты, собирающие информацию о размере WEB сайта, количестве страничек и рисунков, труднодоступных страничках, разорванных ссылках, «медленных» страничках и другие сведения. Эти отчеты можно избрать из открывающегося перечня в высшей части вкладки WEB узел (WEB Site).

Изберите команду меню Вид - Переходы (View - Navigation).

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

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

Представление Задачки (Tasks) предназначено в главном для планирования коллективной работы над проектом WEB сайта. В этом режиме можно запланировать задачки, закрепить их за отдельными разработчиками и смотреть за ходом их выполнения.

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

Функционал

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

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

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

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

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

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