Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Заочн_БАГсЗ, БАГЗ-13 / Лекции / лекции сети т_11 / Глобальные вычислительные сети и технологии глобальных сетей.doc
Скачиваний:
103
Добавлен:
17.03.2015
Размер:
346.62 Кб
Скачать

2.6. Программа для создания сайта FrontPage 2003

2.6.1. Визуальный редактор FrontPage 2003 для создания сайта

Веб-сайт - это набор связанных гиперссылками веб-страниц (файлов, размеченных на языке HTML), объединенных общей тематикой, и доступных в Интернет по прикладному протоколу HTTP (HTTPS).

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

Визуальные редакторы HTML работают по принципу WYSIWYG (What You See Is What You Get — Что Вы видите, то и получаете). Для создания сайта в визуальном редакторе нет необходимости изучать язык разметки HTML. Технология создания сайта в визуальном редакторе аналогична технологии создания документа в редакторе Word.

Текстовые программы HTML. При создании сайта в текстовом редакторе HTML необходимо знать языки разметки или web программирования (HTML, PHP, XML, CSS, ASP и другие) с помощью которых будет создаваться сайт. Веб-страницы, созданные в текстовом редакторе, являются "легкими" (имеют небольшие размеры), так как содержат чистый программный код без дополнительных служебных слов, которые обычно формируются в визуальных редакторах HTML.

К наиболее популярным визуальным редакторам HTML относятся следующие приложения:

  • Microsoft FrontPage

  • Macromedia Dreamweaver

  • TinyMCE WYSIWYG Editor

  • FCKeditor

  • Homesite

  • Namo WebEditor

  • Adobe GoLive

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

Виртуальный редактор FrontPage поддерживает языки разметки и веб-программирования: HTML, DHTML, JavaScript, VBScript, CSS, ASP, XML, XSL и другие.

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

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

Конструкторы веб-сайтов размещаются на сайтах:

  • www.imhoster.net/constructor.htm

  • www.saitodrom.ru

  • www.e-gloryon.com

  • http://narod.yandex.ru/

  • http://ru.jimdo.com/

  • www.in-web.ru

  • и так далее...

2.7. Создание web- страницы

2.7.1. Создание web-страницы в редакторе FrontPage 2003

Web-страницы или гипертекстовые документы (html-документы) - это текстовые файлы, размеченные тегами (tags) с помощью языка HTML (HyperText Markup Language). HTML не является языком программирования, он является языком разметки или средством форматирования гипертекста. Для разметки документа используются теги. Теги заключаются в угловые скобки. В основном теги являются парными, т.е. существуют открывающий и закрывающий теги.

Язык разметки HTML позволяет форматировать текст веб страницы, размещать на ней графические объекты, рисунки, вставлять звукозапись и различные мультимедийные элементы, а так же скрипты (JavaScript, VBScript), создавать гипертекстовые ссылки.

Веб-страница начинается и заканчивается парными тегами <html> и </html>. Между этими тегами размещаются парные теги <head>, </head> (голова веб-страницы), между которыми размещаются парные теги <title></title> для заголовка web-страницы, а также вводятся различные метатеги для ключевых слов, описания содержания страницы и т.д. Затем следуют теги <body>, </body> (тело веб-страницы), между этими тегами размещается содержание или контент страницы.

Например, если в редакторе Блокнот ввести текст, размеченный тегами:

  • <html>

  • <head>

  • <title>Обучение в интернет</title>

  • </head>

  • <body>

Этот сайт посвящен дистанционному обучению информатике, телекоммуникациям и электронному бизнесу

</body>

</html>

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

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

WWW-страницы могут быть:

  • статическими;

  • динамическими;

  • интерактивные.

Статические страницы - это статические файлы (набор текста, таблиц, рисунков и т.д.), которые создается с помощью языка разметки HTML и имеет расширение .html или .htm.

Динамические веб-страницы - это веб-страницы, сгенерированные или сформированные (созданные) в процессе исполнения запроса пользователя. Эти страницы пишутся на языке PHP, ASP и т.д. и имеют соответственно расширения .php, .aspx. Динамические страницы создаются так называемым движком (Content Managment System – Система Управления Контентом) или специальной программой на сервере, которая по запросам пользователей формирует веб-страницу из данных хранящихся на сервере в базе данных.

Интерактивные веб-страницы - это веб-страницы, которые включают в себя формы (созданные на языках PHP, JavaScript и VBScript и т.д.), с помощью этих форм происходит обмен данными между пользователем и сервером.

Web-страницы создаются с помощью различных html-редакторов: Microsoft FrontPage, Macromedia Dreamweaver, TinyMCE WYSIWYG Editor, FCKeditor, и т.д.

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