Шаблоны страниц. Примеры предлагаемых шаблонов Создание страницы рамок

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

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

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

3.3.4. Создание сайта и веб-страниц в FrontPage

Планирование сайта

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

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

Допустим, что мы решили разработать сайт, на котором будет представлена информация о компании EN101, эту имеющуюся у нас информацию мы можем изложить на четырех страницах:

1. Главная
2. О компании
3. Бизнес-обзор проекта
4. Способы оплаты

Выбираем имя сайта исходя из вида деятельности, например: lessons-en101.

Назначаем имена страницам:

• index – Главная;
• info - О компании;
• business- Бизнес-обзор проекта;
• pay - Способы оплаты.

В качестве главной страницы используем созданную ранее веб-страницу Главная (index). Создаем структуру сайта, которая представлена на рисунке.

Рис. 1.

Подготовим текст в редакторе Word для каждой страницы и рисунки в Adobe Photoshop в форматах GIF, JPEG или PNG с разрешением 72 пикс/дюйм, кроме того, можно использовать скрипты.

Далее можно зарегистрировать домен второго уровня в одной из зон (ua, ru, com, net, info и т.д.) и после разработки сайта выбрать платный хостинг, который устраивает по скорости доступа и предоставляет необходимые услуги для эффективной работы сайта. Если мы будем располагать сайт на бесплатном хостинге, то можно выбрать, например, хостинг на сервере narod.ru. Для этого необходимо будет зарегистрироваться на сервере и получить бесплатный хостинг. В этом случае у Вас будет домен третьего уровня, например: lessons-en101.narod.ru.

Создание сайта с помощью приложения FrontPage

1. Для создания сайта с помощью приложения FrontPage необходимо открыть окно приложения одним из способов. После чего на экране будет отображаться окно приложения или графический интерфейс FrontPage, в котором будет отображаться предыдущий сайт или страница. Для выхода из предыдущего сайта или страницы в FrontPage надо выполнить команду «Файл/Закрыть» или «Файл/Закрыть узел», либо то и другое, если были открыты узел и страница.

Затем выполняем команду Файл / Создать и в отрывшейся области задач «Создание» щелкаем мышью на «Другие шаблоны веб – узлов» в разделе «Создать Веб-узел». Откроется окно диалога «Шаблоны веб – узлов», в котором необходимо выделить «Пустой веб – узел», далее указать расположение нового веб-узла (например, D:\Documents and Settings\ТВА\Мои документы\Мои веб-узлы\lessons-en101) и щелкнуть ОК. На рисунке представлен фрагмент окна диалога «Шаблоны веб – узлов», в котором указан адрес нового сайта.

Рис. 2.

После сохранения сайта на экране в окне приложения FrontPage будет отображаться новый веб-узел в режиме папки.

Рис. 3.

2. Создание в FrontPage домашней страницы для нового сайта. Создание домашней страницы в FrontPage можно осуществлять по-разному. Например, можно щелкнуть на кнопке «Создать страницу» на панели «Содержимое», в результате в окне веб-узла добавится страница index.htm, которая показана на рисунке

Рис. 4.

3. Затем копируем содержимое ранее созданной папки EN101, в которой находятся папка images и страничка index (папка _vti_cnf формируется автоматически при создании веб-страницы). Содержимое папки EN101 представлено на рисунке.

Рис. 5.

Вставляем сохраненное содержание папки EN101 из буфера обмена во вновь созданную папку веб-узла lessons-en101, которая представлена на рисунке.

Рис. 6.

Рис. 7.

Таким образом, в качестве домашней страницы в новом сайте использована ранее созданная страница index.htm (Английский язык в Интернет). Можно создавать главную страницу и другими способами, изложенными в разделе 3.3.2. Знакомство с программой FrontPage.

5. Создаем в редакторе FrontPage структуру сайта, т.е. к главной странице добавим еще три страницы: info - О компании; business - Бизнес-обзор проекта; pay - Способы оплаты. Для этого надо перейти в режим Переходы, выполнив команду Вид/Переходы. Затем необходимо выделить домашнюю страницу и щелкнуть на кнопке Новая страница на панели Переходы или применить контекстное меню, добавится Новая страница 1. Аналогичным образом добавляем еще две новые страницы. Структура сайта представлена на рисунке.

Рис. 8.

6. Переименование Новых страниц в FrontPage. Переходим в режим папки и с помощью контекстного меню меняем имена Новая страница 1 на info , Новая страница 2 на business , Новая страница 3 на pay .

Рис. 9.

7. С целью единства дизайна страниц сайта копируем содержание главной страницы в созданные страницы info, business, pay. Для этого открываем главную страницу в режиме Страница и выполняем команду "Правка / Выделить все", и щелкаем на кнопке Копировать на панели инструментов. Переходим в режим Папки и щелкаем дважды на страничке info, она откроется в режиме Страница, затем щелкаем на кнопке Вставить. Содержимое главной страницы скопируется в страницу info, аналогично копируем содержимое главной страницы в остальные две страницы.

• Главная;
• О компании;
• Бизнес-обзор проекта;
• Способы оплаты.

Например, выделяем пункт навигации "Бизнес-обзор проекта" и с помощью контекстного меню открываем окно диалога Добавления гиперссылки, в котором выделяем business.htm и щелкаем ОК. Аналогично создаем гиперссылки для всех пунктов навигации на всех страницах. На рисунке представлен фрагмент окна диалога Добавления гиперссылки.

Рис. 10.

10. Добавляем и заполняем метатеги (между тегами и ) на страницах: "О компани"; "Бизнес-обзор проекта"; "Способы оплаты" в режиме Код.

Например, для страницы "О компании" теги заполнены следующим образом:

11. Переименование заголовков страниц в режиме Переходы. Выделить страницу и с помощью контекстного меню осуществить переименование:

• новая страница 1 переименовать на "О компании".
• новая страница 2 переименовать на "Бизнес-обзор проекта".
• новая страница 3 переименовать на "Способы оплаты".

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

Для разработки собственного сайта в FrontPage скачайте.

Создание нового Веб-Узла во FrontPage.

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

Открывая FrontPage первый раз Мы видим примерно такое окно.

Итак. Переходим в "Файл"\"Создать"

После этого появляется панель с правой стороны на которой выбираем "Одностраничный Веб-Узел..."

В открывшемся окне необходимо выбрать тип создаваемого узла. Это делается во вкладке "Общие" . Так же необходимо ввести расположение и название узла. (название узла можно будет всегда изменить!)

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

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

Создание и сохранение страниц на Веб-Узле

Итак, Мы создали наш Веб-Узел и теперь будем его наполнять страницами.

Список страниц, которые мы создадим:

• Главная страница (Создаётся автоматически и имеет название index.htm)
• Об авторе
• Контакты (на этой странице будет форма отправки писем создателю сайта на его e-mail)
• Галерея (Создание галереи из изображений)
• Видео (страница с видео On-Line)
• Аудио (Страница с аудио On-Line)
• Поиск по сайту
• Дальнейшие пункты списка Вы можете добавлять сами при необходимости....

Создание новой страницы:

Нажмите кнопку "Создание новой обычной страницы"

Не наполняя её содержимым сохраняем её. Нажимаем "Файл"\"Сохранить как..."

В появившемся окне необходимо убедиться в том, что страница сохраняется в наш веб-узел. Для этого необходимо посмотреть параметр "Папка"

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

В поле "Имя Файла" необходимо ввести название страницы, но на латинице, т.е. например "ob-avtore"

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

Таким же образом создаём все остальные страницы, которые мы запланировали.

Для изменения названия главной страницы, необходимо нажать на ней правой кнопкой мыши и выбрать "Свойства"

В открывшемся окне необходимо изменить параметр "Название" на то, что Вы хотите. Например - "Домашняя страница" или "Главная"

Теперь нам осталось создать динамический Веб-Шаблон, оформить визуально страницы, и наполнить их информацией.

Общая структура. Прикрепление шаблона к страницам.

Часть 1.

Для чего нужен динамический веб-шаблон. Если говорить коротко, то он предназначен для того, чтобы Вы, как администратор изменяли и дополняли одну страницу своего сайта, а при ваших действиях с этой страницей, изменялись и все остальные страницы, к которым прикреплена данная страница. Это коротко. Более подробно можно найти здесь . (сайт office.microsoft.com)

Переходим к созданию шаблона.

Для начала необходимо создать обычную страницу. Нажимаем на "Создание новой обычной страницы".

Теперь обратимся к общей структуре создания нашего сайта - как, и где будут располагаться элементы, и т.д.

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

Итак, имея структуру нам необходимо перевести её в таблицы, чем и займемся.

Создаём таблицу - 1x1

На новой таблице нажимаем правой кнопкой мыши и выбираем "свойства таблицы."

В появившемся окне вводим параметры, как на рисунке:

· Выравнивание - по центру

· Задать ширину -100 процентов

· Поля ячеек - 0

· Интервал ячеек - 0

· Размер границы - 0

Нажимаем кнопку "ОК"

Эта таблица будет основой для нашей странице.

В этой таблице нам предстоит создание ещё нескольких таблиц.

Первая таблица, которую мы создадим будет относиться к шапке сайте. Создаём в новой таблице ещё одну таблицу, но теперь на 3 ячейки, т.к. шапка сайта состоит из 3 элементов - Логотип, баннер, поиск.

Этой таблице задаем такие же параметры, как и предыдущей. Можно задать и другие, например ширина - 1024 точек, это надо делать, когда сайт пишется под определенное разрешение экрана.

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

Теперь необходимо задать точные размеры для ячейки с логотипом и для ячейки с поиском.

У меня заранее сделан логотип, и он имеет размеры - ширина - 300, высота - 186 точек. Его необходимо поместить в папку "Images" на Вашем "Веб-Узле"

Нажимаем правой кнопкой на первой ячейке, где должен располагаться логотип и выбираем "Свойства Ячейки"

Задаём параметры ячейки:

· Выравнивание по горизонтали - "По центру"

· Ширина - 300 точек

· Высота - 186 точек.

Нажимаем кнопку "Вставка"\ "Рисунок" \ "Из Файла..." и выбираем логотип:

Выберете оставшиеся две ячейки таблицы и назначьте им высоту равную первой ячейке.

"Свойства ячейки"

"Задать высоту" - 186 в точках.

Задавать размеры ширины для ячейки с поиском пока не будем, это мы сделаем, когда установим форму для поиска.

Добавьте ещё одну таблицу ниже той, что мы сделали для шапки. Размер таблицы 1x3

Вот, что должно получиться:

Этой таблице задайте такие же параметры, как и предыдущей:

Выберете первую ячейку и задайте ей ширину, равную ширине логотипа (Это делается по желанию. Можно задать и любые другие размеры.)

Ниже создайте ещё одну таблицу с такими же параметрами. Эта таблица для "Низа сайта", там будут располагаться счетчики.

Примечание! Нижнюю таблицу не обязательно делать с тремя ячейками. Достаточно и одной. Для счетчиков все равно надо будет делать свою таблицу.

Выделите все ячейки всех таблиц, перейдите в "Свойства Ячейки" и задайте параметр "Выровнять по вертикали:" - "По верхнему краю"

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

Для ячеек с поиском и дополнительным меню произвольно можно поставить ширину - 200 точек. Это позволит таблице держать точные размеры при написании текста в ячейках.

Теперь у нас должно получиться следующее:

Создание динамического веб-шаблона.

Сделать сайт из шаблона это достаточно лёгкая задача, но одно дело редактировать шаблон вручную используя текстовый редактор типа Блокнот, и совсем другое дело взять в руки такую программу как Microsoft FrontPage. Объясню детали для тех, кто до этого ни когда не сталкивался с подобного рода задачами Microsoft FrontPage просто необходимость, а не каприз, поскольку только с ним вы сможете решить подобную задачу без углублённых знаний html, css и подобных вещей…

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

Скачать Microsoft FrontPage 2003 вы можете по этой ссылке: http://depositfiles.com/files/81cgnrowa

Итак общий вид программы следующий:

Очень похож на обычный текстовый редактор Word…

Для начала работы распакуем архив с шаблоном в ту папку в которой будет ваш будущий сайт. Теперь откроем главную страницу шаблона как правило она называется index.htm или index.html это не важно, для этого в программе заходите в закладку Файл->Открыть или сочетанием клавиш Ctrl+O и находим папку с распакованным шаблоном.

В данной программе можно использовать 3 режима работы с сайтом:

Конструктор – это режим когда ты просто чертишь таблицы, забиваешь текст и вставляешь графику, ни какого кода ты не видишь и не влезаешь в подробности…

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

Код – это соответственно тот режим при котором ты видишь перед собой только html код и не чего больше… Этот режим естественно больше подойдёт опытным пользователям.

Просмотр – а здесь ты будешь видеть как твой сайт, твоя страница будет смотреться в интернете…

Теперь пора перейти к правке вашего шаблона и превращению его в полноценный сайт.

Итак начнём с редактирования текста, здесь всё просто в окне Конструктор находим текст шаблона, который вы хотели бы заменить и просто выделяем его и пишем свой текст, он сам добавит ваш новый текст в html код. Для редактирования текста нам понадобится стандартная панель. Здесь есть маленькая панель в которой все основные функции, просто как в Word:

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

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

И перед вами появится следующее окно:

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

Следующий важный момент который вам необходимо усвоить это как делать другие страницы для вашего сайта… Здесь как говорится всё гениальное просто, вам просто необходимо убрать лишний текст который не будет присутствовать на других станицах, и зайти в закладку Файл-> Сохранить как.. и использовать как шаблон для новых страниц и каждый раз как вам будет нужна новая страница на сайте вы открываете её и сохраняете под другим названием которое вам необходимо, например news.html и т.д.

И последнее, что нам необходимо освоить это таблицы, для них в программе отведена целая закладка которая так и называется Таблица, заходим туда и выбираем второй пункт:

И перед вами появится маленькая панель создания и редактирования таблиц:

Здесь хотелось бы отметить несколько основных и интересных моментов, очень удобная и интересная кнопка «Показать параметры макета», с помощью ее вы можете узнать показатели длины и высоты таблицы в пикселях, очень удобно если вы используете шаблон сайта и не знаете какие параметры таблицы были заложены изначально… Далее основные инструменты создания и редактирования таблиц это «Нарисовать таблицу» и «Ластик» здесь все просто как в обычном текстовом редакторе Word, я думаю нет смысла разжёвывать это… Ну и последний основной элемент который вам может потребоваться это «Объединить и Разбить ячейки»… Остальные функции я думаю будут ясны без объяснений, ну а если что вам всегда поможет великий метод «Тыка»:)

Дата публикации:2009-05-08

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

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

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

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

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

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

Функционал

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

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

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

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

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

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

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

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

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