СОЗДАНИЕ WEB-САЙТОВ

Создание одностраничного Web-узла

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

Задание.
Создайте одностраничный экспериментальный Web-узел города Кемерово.

Щелкните по ярлычку FrontPage на вашем рабочем столе. Откроется окно программы.

Для создания одностраничного Web-узла необходимо в меню File (Файл) выбрать команду New (Новый) - Web (Web-узел).

В появившемся окне New Web-sites в поле Specify the location of the new web (укажите расположение нового узла) в правой части окна наберите имя и местоположение нового узла. Например, kemer_1.

Щелкните дважды левой кнопкой мышки по значку One Page Web (одностраничный Web-узел). Программа создаст новый узел, с которым вы будете работать.

Активизируйте область Folder List. Для этого используйте меню View-Folder List. В открывшейся области отображается структура созданного сайта, состоящая из двух папок и страницы index.htm, которая по умолчанию считается домашней страницей сайта.

Дважды щелкните по имени файла index.htm в области Folder List. В рабочем окне программы откроется пустая страница, на которой вы будете размещать необходимые объекты.

Добавьте папку Kemerowo к содержимому вашего узла. Для этого сверните список папок вашего узла, нажав значок "-" возле названия узла. Затем используйте меню File-Import. На экране возникает окно Import. Для выбора и добавления папки к вашему узлу нажмите Add Folder. В открывшемся списке выберите папку Kemerowo и нажмите OK. В окне вы увидите список добавляемых файлов, после чего нажмите OK.

В области Folder List разверните содержимое узла, для чего необходимо нажать "+" возле его имени. Вы увидите, что к содержимому узла добавлена новая папка Kemerowo.

Начнем наполнять страницу содержимым. Вставьте на страницу текст. Для этого щелкните два раза по имени текстового файла Kem.doc в папке Kemerowo. Загружается программа Word, в открытом окне которого расположен нужный нам текст. Скопируйте его в буфер обмена, используя меню Правка-Выделить все. Нажмите правую кнопку мышки и выберите опцию Копировать. Закройте окно Word.

Щелкните правой кнопкой мышки по рабочей области программы Front Page и выберите опцию Paste (Вставить) в открывшемся контекстном меню. Нужный текст добавлен к содержимому страницы.

Перед тем, как добавлять текст из буфера обмена, убедитесь, что в свойствах страницы Page Properties установлено значение параметра Page language - Russian .

Измените формат текста (размер шрифта, начертание, цвет шрифта и фона заголовков) по своему усмотрению.

В начало страницы вставьте графический файл kemerovo-online.gif. Для этого разверните содержимое папки Kemerowo, нажав на "+" возле имени папки. Нажмите левой кнопкой мышки на имени файла, перетащите его в рабочую область FrontPage в нужное место.

Используя меню Format - Position, отредактируйте расположение иллюстрации в тексте.

Добавим все остальные иллюстрации. Перед текстом "У каждого города" вставьте файл gorod.jpg.

Перед словами "Таким мы видим город" вставьте файл city1.jpg.

Перед строкой "Забытый клад" вставьте файл history.jpg.

Перед строкой "Культурный центр" вставьте файл drama_new.jpg

Перед строкой "Кузнецкий хлеб" вставьте файл volkov.jpg.

Добавьте фон страницы, используя меню Format - Background. В открывшемся окне Page Properties выбирайте вкладку Background. В этом окне установите флажок Backgroud Picture (фоновое изображе-ние) и введите имя файла, который будет фоном страницы или выбери-те его из предложенного списка - tit_fon.gif. Кроме того, необходимо установить флажок Watermark (Водяной знак).

Следующий этап работы - создание гиперссылок. В верхней части страницы наберите названия гиперссылок: "История", "Культура", "Уголь", "Химия".

Сначала создадим закладки на Web-странице. Для этого в том месте текста, где вы хотите разместить закладку, необходимо выделить любое количество символов. Затем в меню Insert (Вставить) необходимо выбрать команду Bookmark (Закладка). На экране появится диалоговое окно Bookmark, содержащее список закладок, созданных на текущей странице. В поле Bookmark name нужно ввести имя закладки или подтвердить данное по умолчанию нажатием кнопки ОК. Выделенный вами текст будет подчеркнут с помощью пунктира.

Создайте четыре закладки для гиперссылок, выделив тексты: "Что мы знаем о нашем городе?", "Культурный центр", "Кузнецкий хлеб", "Родники большой химии".

Перейдите в начало страницы, выделите первый элемент списка гиперссылок "История" и откройте диалоговое окно, нажав кнопку Hiperlink на стандартной панели инструментов. В этом окне нажмите кнопку раскрытия списка Bookmark и выберите наименование закладки. Нажмите кнопку ОК. Повторите эти действия для создания остальных гиперссылок.

Ссылки на закладки созданы. Проверьте их действие: сохраните все изменения, нажав кнопку Save (Сохранить) на панели управления, после чего перейдите в режим Preview и нажимайте поочередно на созданные гиперссылки.

Создание многостраничного Web-узла

Выполняя это задание, вы научитесь:
- создавать новый многостраничный узел, используя панель Navigation,
- создавать панели навигации сайта с использованием общих областей.

Задание.
Создайте многостраничный экспериментальный сайт города Кемерово.

Щелкните по ярлычку FrontPage на вашем рабочем столе. Откроется окно программы.

Для создания одностраничного Web-узла необходимо в меню File (Файл) New (Новый) Web (Web-узел).

В появившемся окне New Web-sites в поле Specify the location of the new web (укажите расположение нового узла) наберите имя и местоположение нового узла. Например, kemer_2.

Щелкните дважды левой кнопкой мышки по значку One Page Web (одностраничный Web-узел). Программа создаст новый узел, с которым вы будете работать.

Добавьте папку Kemerowo к содержимому вашего узла.

Активизируйте область Folder List, если она закрыта. Для этого используйте меню View-Folder List. В открывшейся области отображается структура созданного сайта, состоящая из двух папок и страницы index.htm, которая по умолчанию считается домашней страницей сайта. Дважды щелкните по имени файла index.htm в области Folder List. В рабочем окне программы откроется пустая страница, на которой вы будете размещать необходимые объекты. Активизируйте режим работы Navigation, нажав кнопку на панели Views.

Установите указатель мыши на значок Home Page . Щелкните правой кнопкой мыши на домашней странице, представленной на карте сайта. В появившемся контекстном меню выберите New Page (Создать страницу), новая страница отобразится на экране в виде значка, расположенного под значком домашней страницы. Переименуйте страницу, нажав правой кнопкой по значку новой страницы и выбрав в контекстном меню опцию Rename: история.

Создайте еще две новые страницы, присвоив им имена: культура, уголь .

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

Не путайте имя страницы (тело документа) с именем файла!

Перейдите в режим Page, нажав кнопку на панели Views. Сохраните все ваши изменения - Save.

Вернитесь в режим Navigation. Щелкайте левой кнопкой мыши по созданным вами страницам и попробуйте перемещать их. Вы увидите, как просто можно изменить структуру сайта в зависимости от ваших планов, ведь планы иногда могут меняться! Затем восстановите начальную структуру сайта.

Наполните каждую страницу информацией и иллюстрациями, используя содержимое папки Kemerowo и поочередно открывая каждую страницу, дважды щелкая в области Folder List.

Создадим панели навигации с использованием общих областей.

Откройте любую Web-страницу сайта. В меню Format выберите команду Shared Borders (Общие поля).

Открывается диалоговое окно Shared Borders. В верхней части расположен переключатель Apply to (Применить к). Можно выбрать одну из опций, указывающих, где будут создаваться общие поля: на всех страницах или только на открытой. Установите опцию All pages (Все страницы).

Установите флажки Top, Left, Include navigation buttons (Включить кнопки навигации).

Нажмите кнопку ОК. Сохраните все изменения - Save и проверьте, как работает панель навигации Preview in Browser.

Создание Web-узла с фреймами

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

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

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

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

Создание такого узла состоит из этапов:

1. Создание пустого Web-узла.
2. Создание трех страниц (по числу областей фрейма), отображаемых по умолчанию во фрейме при его загрузке.
3. Создание страниц, которые будут размещаться в основной области фрейма при выборе значений списка, размещенного в области оглавления. Количество страниц определяется оглавлением.
4. Размещение фрейма в узле.
5. Связывание областей фрейма с загружаемыми страницами.
6. Связывание элементов списка, размещенных в оглавлении, со страницами, загружаемыми для просмотра в основную область фрейма.

Задание.
Теперь приступаем к созданию экспериментального Web-узла с фреймами.

Создайте пустой сайт. Для этого используйте меню File - New - Web.

В поле Specify the location of the new web введите имя (например, kemer10) и местоположение нового сайта, а затем дважды щелкните мышкой по Empty Web (Пустой Web). Откроется пустой узел.

Для создания страницы, размещаемой в заголовке фрейма, добавьте новую страницу, нажав кнопку New Page на стандартной панели инструментов.

Введите в верхней строке страницы заголовок Кемерово, отформатируйте и расположите его в центре строки. Сохраните страницу, нажав Save на панели инструментов. Задайте имя файла в диалоговом окне Save As, например, kem10.htm

Добавьте в Web-узел новую страницу и разместите в ней текст оглавления вашего сайта, оформив его в виде списка, сохраните на диске в файле, например, cont_kem.htm (История, Культура, Уголь).

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

Теперь необходимо создавать и наполнять новые страницы, которые будут появляться в правой области фрейма при выборе пунктов оглавления. Количество страниц должно быть равно количеству пунктов в ог-лавлении. Создайте страницы "История" (файл hist_kem.htm), "Куль-тура" (файл cult_kem.htm), "Уголь" (файл coal_kem.htm), используя кнопку New Page стандартной панели инструментов, и наполните их текстами и иллюстрациями из папки Kemerowo.

Вы подготовили все страницы, теперь разместите их во фрейме. Добавьте в Web-сайт новый фрейм, используя меню File - New - Page.

В диалоговом окне New нужно перейти на вкладку Frames Pages (Страницы фреймов) и дважды щелкнуть по значку шаблона Banner and Con-tents. Фрейм, созданный с использованием этого шаблона, содержит область заголовка, оглавление и область отображения основной информации.

Для указания страницы, которую вы хотите разместить в верхней части фрейма при загрузке, нажмите Set Initial Page в этой области.

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

Используя кнопки Set Initial Page остальных частей фрейма, поместите в них созданные страницы cont_kem.htm и main_kem.htm. На этом завершается размещение во фрейме страниц, загружаемых по умолчанию.

Теперь вы будете создавать в области оглавления ссылки на страницы, которые с его помощью будут просматриваться. Для этого в области оглавления выделите первый элемент списка и выберите в его контекстном меню команду Hyper-link (Гиперссылка).

В поле URL укажите название страницы, содержащей информацию "О городе", дважды щелкнув на файле main_kem.htm.

Для указания области фрейма, в которую страница должна загружаться, нажмите кнопку Change Target Frame (Изменение целевого фрейма).

В открытом диалоговом окне в области Current frames page отражается структура фрейма. Для указания места загрузки страницы щелкните в требуемой области. Она выделится синим цветом. Нажмите кнопку ОК. В открывшемся окне Create Hyperlink также нажмите ОК.

Аналогично сделайте для всех элементов списка оглавления. После чего нажмите кнопку Save на стандартной панели инструментов.

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

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

Создание Web-узла с фреймами

В этом упражнении вы сделаете экспериментальный Web-узел города Владивостока с использованием фрейма и закладок.

Создайте пустой сайт. Для этого используйте меню File - New - Web.

В поле Specify the location of the new web введите имя (например, vlad_1) и местоположение нового сайта, а затем дважды щелкните мышкой по Empty Web (Пустой Web). Откроется пустой узел.

Добавьте папку Vladi с информационными файлами о Владивостоке к содержимому вашего узла. Для этого сверните список папок вашего узла, нажав значок "-" возле названия узла. Затем используйте меню File-Import. На экране возникает окно Import. Для выбора и добавления папки к вашему узлу нажмите Add Folder. В открывшемся списке выберите папку Vlad и нажмите OK. В окне вы увидите список добавляемых файлов, после чего нажмите OK. В области Folder List разверните содержимое узла, для чего необходимо нажать "+" возле его имени. Вы увидите, что к содержимому узла добавлена новая папка Vlad.

Для создания страницы, размещаемой в заголовке фрейма, добавьте новую страницу, нажав кнопку New Page на стандартной панели инструментов.

Введите в верхней строке страницы заголовок Владивосток, расположите его в центре строки. Используйте иллюстрации из папки Vlad. Сохраните страницу, нажав Save на панели инструментов. Задайте имя файла в диалоговом окне Save As, например, Vlad.htm

Добавьте в Web-узел новую страницу и разместите в ней текст оглавления, оформив его в виде списка, сохраните на диске в файле, например, cont_vlad.htm

Откройте третью новую страницу, разместите на ней текст, который будет по умолчанию загружаться в основную область фрейма (файл hist_v.doc). Отформатируйте текст, добавьте иллюстрации из папки Vlad. Сохраните страницу в файле main_vlad.htm.

Вы подготовили все страницы, теперь разместите их во фрейме. Добавьте в Web-сайт новый фрейм, используя меню File - New - Page.

В диалоговом окне New нужно перейти на вкладку Frames Pages (Страницы фреймов) и дважды щелкнуть по значку шаблона Banner and Contents. Фрейм, созданный с использованием этого шаблона, содержит область заголовка, оглавление и область отображения основной информации.

Для указания страницы, которую вы хотите разместить в верхней части фрейма при загрузке, нажмите Set Initial Page в этой области

Открывается диалоговое окно Create Hyperlink. Вы должны указать название страницы, содержащей заголовок, дважды щелкнув по нему в списке, затем нажать OK (файл vlad.htm). Указанная вами страница разместилась в верхней части фрейма.

Используя кнопки Set Initial Page остальных частей фрейма, поместите в них созданные страницы cont_vlad.htm и main_vlad.htm.

Создайте закладки в тексте, расположенном в основном окне. Для этого выделите слова: "Основание", "Путешествие" и "Географическое" в заголовках текста. Затем поочередно используйте меню Insert - Bookmark.

Теперь создавайте в области оглавления ссылки на эти закладки. Для этого в области оглавления выделите первый элемент списка "География" и выберите в его контекстном меню команду Hyperlink (Гиперссылка).

В поле URL укажите название страницы, дважды щелкнув на файле main_vlad.htm. В списке Bookmark выберите имя нужной закладки "Географическое".

Для указания области фрейма, в которую страница должна загружаться, нажмите кнопку Change Target Frame (Изменение целевого фрейма) .

В открытом диалоговом окне в области Current frames page отражается структура фрейма. Для указания места загрузки страницы щелкните в требуемой области. Она выделится синим цветом. Нажмите кнопку ОК. В открывшемся окне Create Hyperlink также нажмите ОК.

Аналогично сделайте для всех элементов списка оглавления. После чего нажмите кнопку Save на стандартной панели инструментов.

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

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

Создание экспериментального Web-сайта
Ассоциации сибирских и дальневосточных городов (АСДГ)

Вы создали Web-сайты городов Кемерово и Владивосток. Будем использовать их для создания экспериментального Web-сайта АСДГ.

Задание.

Создайте пустой сайт. Для этого используйте меню File - New - Web. В поле Specify the location of the new web введите имя (например, asdg) и местоположение нового сайта, а затем дважды щелкните мышкой по Empty Web (Пустой Web). Откроется пустой узел.

Добавьте папку ASDG_1 с информационными файлами об АСДГ к содержимому вашего узла. Для этого сверните список папок вашего узла, нажав значок "-" возле названия узла. Затем используйте меню File-Import. На экране возникает окно Import. Для выбора и добавления папки к вашему узлу нажмите Add Folder. В открывшемся списке выберите папку ASDG_1 и нажмите OK. В окне вы увидите список добавляемых файлов, после чего нажмите OK. В области Folder List разверните содержимое узла, для чего необходимо нажать "+" возле его имени. Вы увидите, что к содержимому узла добавлена новая папка ASDG_1.

Для создания страницы, размещаемой в заголовке фрейма, добавьте новую страницу, нажав кнопку New Page на стандартной панели инст-рументов.

В верхней строке страницы разместите графические файлы logo.gif и asdg_r.gif. Сохраните страницу, нажав Save на панели инструментов. Задайте имя файла в диалоговом окне Save As, например, asdg_z.htm.

Добавьте в Web-узел новую страницу и разместите в ней графический файл logo.gif, который будет служить гиперссылкой на страницу с ново-стями АСДГ. Сохраните изменения на диске в файле, например, cont_asdg.htm.

Добавьте новую страницу для размещения раздела "Новости АСДГ", используя кнопку New Page, имя файла этой страницы будет news_asdg.htm.

Создайте таблицу для размещения в ней текста (2 столбца, 2 строки).

Скопируйте, используя буфер обмена, текст для страницы новостей из файла news.doc и иллюстрации: people.jpg, tumen.jpg, ostrov.jpg из рабочей папки ASDG_1.

Разместите скопированный текст в таблице, 1 столбец - "Новости дня", 2 - "Ключевые события". Добавьте иллюстрации к каждому сообщению. Сохраните изменения Save.

Добавьте в Web-сайт новый фрейм, используя меню File - New - Page.

В диалоговом окне New нужно перейти на вкладку Frames Pages (Страницы фреймов) и дважды щелкнуть по значку шаблона Banner and Contents.

Для указания страницы, которую вы хотите разместить в верхней части фрейма при загрузке, нажмите Set Initial Page в этой области.

Открывается диалоговое окно Create Hyperlink, Вы должны указать название страницы, содержащей заголовок, дважды щелкнув по нему в списке, затем нажать OK (файл asdg_z.htm). Указанная вами страница разместилась в верхней части фрейма.

Используя кнопки Set Initial Page остальных частей фрейма, поместите в них созданные страницы cont_asdg.htm и news_asdg.htm.

Сохраните все изменения, нажав кнопку Save на панели инструментов.

В верхней части фрейма под иллюстрациями вводим названия будущих гиперссылок: АСДГ, Владивосток, Кемерово.

Выделяем слово Кемерово. Затем нажимаем кнопку Hiperlink на панели инструментов. В открывшемся диалоговом окне нажмите кнопку Select File и выберите в папке сайта Кемерово kemer10 страницу оглавления cont_kem.htm.

Для указания области фрейма, в которую страница должна загружаться, нажмите кнопку Change Target Frame (Изменение целевого фрейма).

В открытом диалоговом окне в области Current frames page отражается структура фрейма. Для указания места загрузки страницы щелкните в требуемой области. Она выделится синим цветом. Нажмите кнопку ОК. В открывшемся окне Create Hyperlink также нажмите ОК.

Аналогично, повторяя пп. 15-17, сделайте гиперссылку для города Владивосток (файл cont_vlad.htm, сайт vlad_1).

Выделите слово АСДГ в верхней части фрейма. Нажмите кнопку Hyperlink. В открывшемся окне выберите URL - cont_asdg.htm. Нажав кнопку Target Frame укажите на схеме левую часть фрейма для загрузки этой страницы, нажмите ОК.

Выделите картинку logo.gif в левой части фрейма, щелкнув по ней мышкой. Нажмите кнопку Hyperlink на панели инструментов. В открывшемся окне наберите URL - news_asdg.htm. В открытом диалоговом окне в области Current frames page отражается структура фрейма. Для указания места загрузки страницы щелкните в главной области фрейма. Она выделится синим цветом. Нажмите кнопку ОК. В открывшемся окне Create Hyperlink также нажмите ОК.

Оформите страницы вашего сайта, используя темы. Разработчики FrontPage позаботились о том, чтобы сделать весьма трудоемкий процесс оформления сайтов как можно более простым. Использование тем (Theme) позволяет вам с минимальными затратами добиться профессионального оформления ваших Web-страниц. Для просмотра и использования тем можно выбрать команду Theme в контекстном меню страницы или в меню Format выбрать команду Theme. Выбранная тема может быть использована для оформления всех страниц сайта или только выбранной. В открывшемся окне Theme установите нужные вам параметры и просмотрите, как будет изменяться вид ваших страниц при изменении темы.

Нажмите кнопку Save на стандартной панели инструментов.

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

Создайте ссылку на адрес электронной почты. Для оперативного обмена информацией с вашими посетителями необходимо создать ссылку на адрес вашей электронной почты. Щелкните на пустой строке в левой части фрейма.

Наберите текст Web-мастеру и выделите эти слова.

Откройте контекстное меню, щелкнув по выделенному тексту правой кнопкой мыши и выберите Hyperlink. Откроется диалоговое окно Create Hyperlink (Создание гиперссылки).

Щелкните на кнопке E-mail (Электронная почта) . Откроется диалоговое окно Create E-mail Hyperlink.

В текстовом поле наберите свой адрес электронной почты и щелкните на кнопке ОК. Вы вернулись в диалоговое окно Create Hyperlink, обратите внимание, что в поле появился ваш адрес электронной почты с префиксом "mailto".

Щелкните на кнопке ОК. FrontPage создаст новую гиперссылку.

Для акцентирования внимания посетителей на возможность отправки письма, можно вставить возле текста Web-мастеру любое понравившееся вам графическое изображение или анимационный файл. Используя меню Insert - Picture - From file, выберите из папки Image анимационный файл email_grab.gif, щелкнув по нему кнопкой мыши.

На панели инструментов щелкните на кнопке Save (Сохранить). Проверьте как выглядит и работает новая гиперссылка в окне броузера.

Зачетное задание

Разработайте структуру и дизайн Web-сайтов: АСДГ и городов Красноярска, Новосибирска, в зависимости от предложенной информации и иллюстраций.

Для информационного наполнения новых сайтов используйте текстовые и графические файлы из рабочих папки: ASDG_1, Novosib, Krasn.

Создайте экспериментальный Web-сайт АСДГ, используя созданные вами Web-сайты.

ПУБЛИКАЦИЯ Web-САЙТОВ

Предположим, что ваша работа над созданием Web-сайта прошла успешно. Пользуясь инструментарием Frontpage 2000, вы сумели создать привлекательный и полезный набор Web-страниц. Осталось совсем немного: опубликовать ваш сайт на Web-сервере.

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

Вы научитесь модифицировать и сопровождать ваш Web-сайт на Web-сервере, переименовывать сайты и удалять их с сервера.

Проверка орфографии Web-страниц

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

Неважно, как бы тщательно вы набирали текст страниц, наверняка в него вкралась ошибка. Чтобы обнаружить и исправить ошибки, вы можете воспользоваться средством проверки орфографии FrontPage. Средство проверки орфографии сравнивает все слова документа с записями в словаре. Если слово из текста не будет найдено в словаре, FrontPage отметит его как слово, набранное с ошибкой.

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

Задание.
Проверьте орфографию всего Web-сайта

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

Откроется диалоговое окно Spelling, в котором будет включена опция Entire web (Весь Web-сайт).

Щелкните на кнопке Start. Frontpage отобразит список страниц, на которых предположительно допущены орфографические ошибки, количество ошибок на каждой странице, а также количество слов, которые, скорее всего, набраны неверно.

В диалоговом окне Spelling (Правописание) дважды щелкните на файлах, имеющих ошибки. Исправьте ошибки.

Публикация Web-сайта
Читаемость

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

Не используйте для текста пестрый, яркий или неоднородный фон.

Не используйте слишком мелкий шрифт.

Не пишите большие блоки текста нетрадиционным цветом (белым по черному, например), это допустимо, но в малых дозах.

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

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

Ширину колонок можно указывать в пикселях, например 500-600, можно указать в процентах от размера окна, возможны также случаи, когда текст ограничивать и не стоит.

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

800x600 43.0 %
1024x768 28.0%
Не определено 16.1 %
640x480 8.6 %
1280x1024 4.3 %

Из приведенной статистики одного из сайтов на 20.1.2000 видно, что разрешения экрана на 640х480 постепенно отходят в прошлое, хотя еще и существуют.

И конечно, в тексте не должно быть грамматических ошибок. Для этого нужно воспользоваться услугами корректора или обратиться в Интернете к сайтам, занимающимся проверкой ошибок и отвечающих на вопросы, связанные с грамотностью. В качестве такого сайта могу предложить конкурс "Золотая клякса" klyaksa.country.ru. Здесь вы, кроме всего прочего, найдете ссылки на подобные проекты и получите бесплатные консультации.

После проверки орфографии ваш Web-сайт готов к публикации.

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

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

Прежде чем вы сможете опубликовать ваш сайт, вам необходимо получить от вашего Internet-провайдера (Internet Service Provider - ISP) или системного администратора следующую информацию:

• адрес вашего Web-сервера;
• имя файла домашней страницы по умолчанию (обычно это index.htm или default.htm);
• адрес FTP-сервера, если Web-сервер не поддерживает FrontPage Server Exten-sions;
• имя папки, где будет помещен Web-сайт (в случае, если Web-сервер не поддерживает Frontpage Server Extensions).

Прежде чем зарегистрировать доменное имя, вы должны получить следующие сведения:

• информацию об администраторе (administrative contact) (на этого сотрудника возлагаются обязанности по оформлению документов);
• информацию о сотруднике технической службы вашей организации (technical contact), которому предстоит управлять Web-сайтом и обновлять его содержимое;
• информацию о сотруднике бухгалтерии (billing contact). В его обязанности будет входить перечисление платежей за регистрацию;
• имена серверов (главное и дополнительное), на которых будет размещена информация об имени и адресе вашего Web-сайта. Эту информацию может предоставить вам ваш Internet-провайдер);
• сетевой адрес (IP-адрес, соответствующий именам серверов, на которых расположен ваш Web-сайт). Сведения об этом адресе можно также получить у провайдера).

Задание.
Опубликуйте Web-сайт на локальном компьютере.

В меню File выберите команду Publish Web (Опубликовать Web-сайт). Откроется диалоговое окно Publish Web.

В поле Specify The Location To Publish Your Web To (Место публикации вашего Web-сайта) укажите папку, в которой будет сохранена копия вашего сайта Copy_Web и щелкните на кнопке ОК. Копия будет опубликована на жестком диске вашего компьютера. Отобразится диалоговое окно с сообщением о том, что сайт опубликован успешно.

Щелкните на кнопке Done (Готово). Диалоговое окно закроется.

Задание.
Опубликуйте сайт в сети

Если это необходимо, установите соединение с Internet или локальной сетью, в зависимости от того, где вы хотите опубликовать ваш Web-сайт.

В меню Fife (Файл) выберите команду Publish Web (Опубликовать Web-сайт). Откроется диалоговое окно Publish Web.

Узнать URL Web-сервера и папки, предназначенной для публикации вашего сайта, вы можете у вашего Internet-провайдера, в службе Web-xocтинга или у системного администратора.

В поле Specify The Location To Publish Your Web To (Место публикации вашего Web-сайта) наберите URL вашего Web-сервера и папки, в которой должен быть опубликован ваш Web-сайт.

Щелкните на кнопке Publish (Опубликовать). FrontPage установит соединение с вашим Web-сервером (в некоторых случаях при установлении соединения отображается диалоговое окно Name And Password Required (Укажите имя и пароль}.

Наберите, если это необходимо, ваши имя в поле Name и пароль в поле Password, а затем щелкните на кнопке ОК. FrontPage опубликует ваш сайт в выбранной папке Web-сервера и отобразит сообщение, подтверждающее успешную публикацию.

Щелкните на кнопке Done (Готово).

Модификация и поддержка Web-сайта

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

В этом разделе вы научитесь обновлять отдельные страницы на вашем сайте или даже весь сайт целиком; вы узнаете, как редактировать и удалять Web-файлы на сервере, как переименовывать Web-сайт на сервере, и как удалять с сервера ваш Web-сайт.

Задание.
Измените ваш опубликованный Web-сайт.

В меню File (Файл) выберите команду Open Web (Открыть Web-сайт). Откроется диалоговое окно Open Web (Открыть Web-сайт).

Щелкните в текстовом поле Folder Name (Имя папки), наберите URL вашего Web-сайта и щелкните на кнопке Open. Вероятно, Web-сервер попросит вас ввести имя пользователя и пароль.

Наберите, если это требуется, ваш идентификатор пользователя. Ваш идентификатор пользователя или администратора теперь набран, и курсор переместился в текстовое поле Password (Пароль).

Если требуется, наберите ваш пароль и щелкните на кнопке ОК. Front-Page отобразит список ваших Web-файлов, относящихся к данному Web-серверу.

Если необходимо, щелкните на файле домашней страницы и щелкните на кнопке Open (Открыть). FrontPage откроет вашу домашнюю страницу в режиме просмотра Page (Страница).

В списке папок дважды щелкните на файле news_asdg.htm. FrontPage загрузит страницу с Web-сервера и отобразит ее в режиме просмотра Page (Страница).

Удалите первый абзац раздела Новости, выделив его и нажав клавишу Delete.

На панели инструментов щелкните на кнопке Save (Сохранить). Изменения, сделанные вами в файле History.htm на Web-сервере, будут сохранены. Поскольку вы изменяли файл, находящийся на удаленном сервере, процесс сохранения займет немного больше времени, чем в случае, если бы файл находился на жестком диске вашего компьютера.

В списке файлов папки images щелкните на файле people.jpg.

Нажмите клавишу Delete. Откроется диалоговое окно Confirm Delete (Подтвердить удаление).

Щелкните на кнопке Yes (Да). Графический файл people будет удален с сервера.

Модификация Web-сайта на Web-сервере

Модификация Web-сайта представляет собой загрузку новых страниц или исправленных версий старых Web-страниц.

В меню File (Файл) выберите пункт Publish Web (Опубликовать Web-сайт). Откроется диалоговое окно Publish Web.

Щелкните на кнопке Options (Параметры). Откроется вкладка Options (Параметры) диалогового окна. Обратите внимание на то, что включена опция Publish Changed Pages Only (Публиковать только измененные страницы). Это значит, что страница будет загружаться на сервер только в том случае, если она отличается от версии, опубликованной на сервере.

Если вы хотите загрузить копии всех файлов Web-страниц, а не только измененные, включите опцию Publish All Pages (Публиковать все страницы).

В текстовом поле Specify The Location To Publish Your Web To (Место публикации вашего Web-сайта) наберите URL вашего Web-сервера и имя папки, в которой должен быть опубликован сайт.

Щелкните на кнопке Publish (Опубликовать). FrontPage осуществит соединение с вашим Web-сервером и откроется диалоговое окно Name And Password Required (Укажите имя и пароль).

Если требуется, введите свое имя в текстовом поле Name (Имя), введите пароль в текстовом поле Password (Пароль) и щелкните на кнопке OK. FrontPage обновит файлы ваших Web-страниц на Web-сервере и откроет окно с сообщением, подтверждающим, что процесс публикации Web-сайта завершился успешно. Если на экране появится диалоговое окно с вопросом о том, следует записать файл поверх существующего, щелкните на кнопке Yes (Да).

Щелкните на кнопке Done (Готово).

В меню File (Файл) щелкните на пункте Close Web (Закрыть Web-сайт). FronPage завершит работу с вашим сайтом.

Реклама Web-сайта

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

Если Web-узел носит коммерческий характер, то в первую очередь следует провести рекламную кампанию среди своих партнеров. Наиболее распространенный прием рекламирования - добавление URL-адреса вашего сайта к реквизитам организации в документах. Регистрация сайтов в базах данных поисковых серверов потребует от вас немного времени, но после этого ваш сайт станет известен несоизмеримо большему кругу людей. Наиболее популярные поисковые серверы:

www.rambler.ru, www.ru, www.aport.ru, www.list.ru, www.stars.ru, www.yandex.ru, www.altavista.ru.

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

Для облегчения этого процесса можно пользоваться одной из таких страниц, которые с помощью одной заполненной вами анкеты зарегистрируют сразу в десятке поисковых систем:
http://www.design.ru/free/addurl.

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

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

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

Списки рассылки

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

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

Баннеры

Баннер - графический элемент, а, говоря простым языком, картинка, создающаяся для рекламы сайта на других страницах в Интернете.

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

468х60
120х60
100х100

Но наиболее распространен размер 468х60.

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

Как правило, баннеры делают в графических форматах jpg и gif.

Размер принимаемых в баннерообменных системах бывает ограничен 10-20 Кб, поэтому надо следить при их изготовлении за этим показателем.

Для примера приведем адреса нескольких баннерообменных систем:
www.lbe.ru
www.interreklama.ru
www.linkexchange.ru (www.rle.ru)

Чаще всего, за показанные на вашем сайте 10 баннеров, системы в ответ показывают от 5 до 9 ваших баннеров. Разность - плата за пользование системой. Т.е. за это не надо платить денег.

Но можно разместить свой баннер за деньги на каком-нибудь посещаемом сайте. Тогда вам не придется показывать на своей странице чужие баннеры.

Основной показатель эффективности баннера - его отклик, т.е. процент людей, которые кликнули на баннер, увидев его.

Желательно, чтобы этот показатель был не меньше 1%. При изготовлении баннера надо помнить о вещах, которые повышают его отклик, а именно:

• Наличие аннимации - если баннер шевелиться, ему легче привлечь внимание
• Наличие красивого женского образа (но в рамках приличия, иначе баннер могут забраковать)
• Наличие кнопки
• Призыв зайти или нажать в любой форме
• Яркие цвета больше привлекают внимание, чем темные
• Постарайтесь, чтобы размер баннера был не больше 10К, чтобы он успел загрузиться пока посетитель не ушел.
• При изготовлении баннера старайтесь задеть такие чуства людей как любопытство, страх, жадность, похоть, юмор и т.д.
• Даже хороший баннер со временем устаревает, добавляйте новые баннеры, следите за их откликом, тестируйте.

назад