JAVA-апплеты. Язык программирования JAVA был специально создан специально для Интернет. С помощью него можно создать довольно эффектные элементы страницы – например выезжающее меню или анимированные кнопки. CGI-скрипты. Формы. Другая дизайнерская полезность, созданная программистами. CGI-скрипты – это “мини-программы”, ссылки на которые можно вставить в тело самой страницы.
Эти программы помогают автоматизировать многие сложные операции вводимыми посетителями, данными и т.д. С помощью них можно создать гостевую книгу, анкету, поисковик и другие вещи. Счетчики. Одна из самых распространенных форм скриптов, которая служит для подсчета посетителей страницы. Фреймы. Собственно, это не какой-нибудь дополнительный элемент оформления странички, а способ ее оформления. При использовании фреймов большое окно броузера разделено на несколько частей, каждая из которых является самостоятельной независимой.
Большая из которых, собственно и отображает содержимое странички, и маленькие содержат панели для навигации по сайту, заголовки и рекламные поля для баннеров. Размеры и местоположения фреймов могут быть разные и редактируются как отдельные страницы. Навигационная панель присутствует на экране постоянно, упрощая перемещение по сайту. При щелчке по любой кнопке-ссылке новая страница открывается во втором, большом окне. Схема сайта.
Разделы Перед созданием всего сайта создается его структура, т.е. создается главная страница, а с ней связанные с помощью ссылок дополнительные страницы, которые отвечают за свои разделы. В редакторе FrontPage структуру можно задать по готовым шаблонам, но и можно создать самому. Новости – именно этого типа страницы создаются главными. И на этого типа страницах отражаются основные изменения произошедшие на сайте. Ссылки. Ссылки на основные страницы должны иметь свой определенный порядок расположения и распределены по определенным темам.
Гостевая книга. Структура гостевой книги крайне проста - цепочка отзывов – и не предполагает активного общения. Именно поэтому гостевую книгу используют, в основном, маленькие сайты с небольшим числом посетителей. Помимо гостевой книги может быть и “форум”, позволяющий создавать древовидную структуру сообщений, сгруппированных по веткам-темам. В форуме на каждое сообщение можно поместить множество отзывов и комментариев, каждый из которых может стать отправной точкой для новой дискуссии.
Чтобы создать форум или гостевую книгу, необходимо написать специальную программу-скрипт. Создание страницы Первым делом создается папка, в которой будет находиться до размещения в Интернет, будущий сайт. В этой папке должны находиться еще и “подпапки” предназначенные для картинок, музыкальных файлов прочего. Полезно также выделить отдельную папку для каждого раздела сайта. В корневом каталоге должна находиться главная страничка сайта.
Существует еще одно правило: размер странички должен укладываться в размер одного экрана. Т.е. если сайт рассчитан на пользователей 15 дюймового экрана то разрешение должно быть 600х800, а для 17 дюймового – 1024х786. Сначала создается структура документа. При создании структуры указываются имена страниц (не файлов). Затем страница заполняется нужными картинками и текстом. В конце, когда страница создана, ее нужно сохранить в нужной папке. Имя файла для главной страницы должно быть index.html. Далее созданные страницы объединяют с помощью ссылок.
При связке в общий документ ссылки можно спрятать под любой видимый объект (картинки, меню, кнопки и т.д.) . Публикация готовых WWW-страниц в Интернет Местом прописки для страницы может стать сервер провайдера – эта услуга как правило бесплатная. Страничка может быть размещена в личном каталоге, причем правами на редактирование, удаление и добавление информации в нем будет обладать сам автор. Это обеспечит безопасность страницы и защиту ее от посторонних.
Точный адрес каталога можно узнать у провайдера. Для публикации страницы на ftp-сервере нужно указать точный адрес сервера, где она будет размещена, а также логин и пароль для доступа к нему. Если страница размещается на сервере провайдера, то логин и пароль совпадут с теми, что используются для выхода в Интернет. А вместо точного адреса можно указать просто название сервера. При подключении к ftp-серверу, он сам вычислит из пароля и логина, в какую папку “переадресовать” копируемые файлы.
Для закачки используется какой либо ftp-клиент. К тому же, как правило, вместе с пространством под сайт можно получить и бесплатный электронный почтовый ящик. Microsoft FrontPage Microsoft FrontPage относится к семейству визуальных редакторов WWW-страниц. Эта программа с легкостью позволяет создавать не только отдельные страницы, но и целые системы страничек – сайты. Здесь можно вставлять и позиционировать любые картинки, использовать таблицы, звук, анимацию и небольшие апплеты.
FrontPage также располагает большой коллекцией готовых шаблонов форм и схем. Есть возможность работы с фреймами (страницы состоящие из нескольких окон). FrontPage позволяет работать в трех режимах: стандартном режиме верстки документа, режиме просмотра в окне броузера и режиме редактора HTML-тегов. Работа в редакторе FrontPage Начиная работу в редакторе FrontPage, следует отдавать себе отчет, что в результате его применения получается документ HTML, построенный по тем же правилам, что и создаваемый вручную.
Этот факт сразу же определяет возможности и ограничения в работе этого редактора. • Все функции редактора FrontPage однозначно реализуются тегами HTML • Редактор FrontPage не имеет средств, которые нельзя было бы предста¬вить в виде тегов HTML • Пользователь обычно не знает, какие именно средства HTML используются для достижения заданного эффекта и насколько корректно они применяются. Редактор FrontPage «ориентирован» на применение обозревателя Internet Explorer, так что создаваемый им код HTML наиболее адекватно отображается именно в этом броузере.
В частности, FrontPage позволяет использовать «бегущую строку», средство, которое не входит в стандарт HTML, но поддерживается Internet Explorer. Из числа стандартных средств HTML редактор FrontPage не под¬держивает фреймы (точнее говоря, создание документов описания фреймов). Создание и редактирование документа Окно программы FrontPage представляет собой комбинацию окна редактора и окна броузера.
Документ HTML отображается редактором, как специ¬фическим броузером, отображающим даже обычно невидимые элементы (такие как якоря). В то же время, этот текст можно редактировать средствами, аналогич¬ными имеющимся в текстовом процессоре. В качестве основного средства форматирования используется Панель инструментов форматирования. Она содержит: • раскрывающийся список Изменение стиля, позволяющий выбрать стиль оформле¬ния абзаца (соответствующий стандартным функциональным элементам HTML); • раскрывающийся список Изменение шрифта, позволяющий выбрать гарнитуру шрифта (наличие такого же шрифта в ходе просмотра документа через Интернет не гарантируется); в кнопки увеличения и уменьшения размера текста (в относительных единицах HTML); • кнопки выбора начертания; • кнопки выбора выравнивания текста; • кнопки создания маркированных (неупорядоченных) и нумерованных (упорядо¬ченных) списков; • кнопки задания отступа текста (на основе некорректного использования элемен¬тов HTML). Окно проводника FrontPage Дополнительные элементы форматирования, не вынесенные на панель инструментов, задаются в отдельных диалоговых окнах.
Их можно открыть, например, с помощью команд Формат > Шрифт и Формат > Список.
Для создания гиперссылки надо выделить фрагмент текста, который будет исполь¬зоваться как ссылка, и дать команду Вставка > Гиперссылка. В открывшемся диало¬говом окне " Создать гиперссылку" выбирают вкладку WWW для создания внешней ссылки, вкладку Открыть страницы для создания ссылки на другую страницу своего узла (используется относительный адрес) и вкладку Новая страница для одновремен¬ного создания ссылки и соответствующего документа, который немедленно откры¬вается для редактирования.
Поле Кадр назначения служит для указания имени фрейма, в котором будет откры¬ваться страница, а поле Закладка — для указания якоря, который при этом исполь¬зуется. Созданная гиперссылка отображается в окне программы FrontPage так же, как и в окне броузера: синим цветом и с подчеркиванием.
Чтобы проверить работо¬способность ссылки, следует щелкнуть на ней правой кнопкой мыши и выбрать в контекстном меню команду Перейти по ссылке. Таблицы и формы невозможно создать только форматированием. Чтобы создать таблицу, используют команду Таблица > Вставить таблицу. В открывшемся диалого¬вом окне указывают размер таблицы (в ячейках), а также дополнительные параметры, реализуемые как атрибуты соответствующих тегов. Чтобы занести информацию в таблицу, следует установить курсор в нужную ячейку и начать ввод. При работе с ячейками таблицы можно применять любые команды форматирования.
Окно Web-редактора FrontPage Специальной команды создания формы редактор FrontPage не имеет. Однако при добавлении поля формы (через меню Вставка > Поле формы) создается и форма, включающая это поле. При добавлении последующих полей следует следить за тем, чтобы они включались в ту же самую форму. В языке HTML свойства элемента задаются атрибутами тега. Редактор FrontPage обеспечивает их задание с помощью специальных диалоговых окон. Чтобы открыть такое диалоговое окно, следует щелкнуть на редактируемом элементе правой кнопкой мыши. В нижней части контекстного меню располагаются команды, относящиеся к элементам документа, рассматриваемым редактором как открытые.
Порядок следо¬вания команд соответствует порядку вложения элементов. Выбор одной из этих команд приводит к открытию диалогового окна свойств соответствующего элемента.
Элементы управления в этом диалоговом окне соответствуют атрибутам открываю¬щего тега для выбранного элемента. Дополнительные объекты вставляются в редактируемый документ при помощи меню Вставка. Например, для вставки изображения используется команда Вставка > Изображение. Если в диалоговом окне Изображение щелкнуть на кнопке Обзор, можно выбрать файл с изображением. В ходе создания документа различные графи¬ческие форматы автоматически преобразуются в форматы GIF и JPEG. Сохране¬ние преобразованного файла осуществляется при сохранении документа.
Другие элементы, которые можно разместить на странице, — это: • горизонтальная линейка (Вставка > Горизонтальная линия); • видеозапись (Вставка > Видеозапись); • фоновое звуковое сопровождение (Вставка > Фоновый звук); • «бегущая строка» (Вставка > Бегущая строка, этот элемент воспроизводится только обозревателем Internet Explorer). Ограниченность возможностей редактирования при помощи FrontPage иногда приводит к необходимости вмешательства непосредственно в создаваемый код HTML. Это можно осуществить двумя способами.
Во-первых, можно дать команду Вставка > Разметка HTML. В этом случае открывается диалоговое окно Разметка HTML, в котором можно вводить произвольный текст с разметкой. Редактор FrontPage маркирует его особым способом и отображает в виде небольшого значка. Чтобы увидеть результат применения этой разметки, надо открыть документ с помощью броузера. Второй способ заключается в открытии окна просмотра генерируемого кода при помощи команды Вид > HTML При этом открывается диалоговое окно Просмотр или правка HTML, в котором отображается код HTML, сгенерированный программой FrontPage. Цветная маркировка позволяет немедленно увидеть ключевые слова тегов (изображены фиолетовым цветом), атрибуты (красным) и значения атрибутов (синим). Этот код можно редактировать вручную, однако после щелчка на кнопке ОК редактор проанализирует внесенные изменения и откорректи¬рует полученный документ в соответствии с собственным внутренним стандартом.
Применение мастеров и шаблонов Для упрощения и автоматизации создания Web-страниц редактор FrontPage позволяет использовать мастера и шаблоны.
Для этого надо создать новый документ командой Файл > Создать — на экране появится диалоговое окно Новая страница. Выбор в списке Шаблон или мастер любого варианта, кроме пункта Нормальная страница, приводит к использованию мастера или шаблона. При использовании мастера (Мастер персональных основных страниц или Мастер форм) программа задает ряд вопросов и на основании ответов формирует заготовку документа.
Результат представляет собой скорее план страницы, чем законченный продукт, и от пользователя требуется наполнение созданных разделов конкретным содержимым. Шаблоны (Форма обозрения или Форма подтверждения) представляют собой гото¬вый документ «общего характера». В тех местах, где должен располагаться текст, соответствующий нуждам конкретного пользователя, вместо этого помещен текст, описывающий принципы заполнения соответствующего раздела.
Этот текст заменя¬ется в ходе редактирования документа. В начале документа-шаблона имеется ком¬ментарий (не отображаемый в обычном броузере), описывающий общие правила заполнения данного шаблона. Сохранение документа, сформированного на основе шаблона, не изменяет сам шаблон, который может использоваться многократно. Публикация Web-документов Публикация Web-узла (Web-страниц) состоит в размещении документов HTML и всех сопроводительных файлов (изображений, мультимедиа и прочего) на Web-сервере.
Если оставить в стороне организационные вопросы (получение места на Web-сервере, оплата и другие), то остаются две основных проблемы. • Как подготовить документы Web-узла таким образом, чтобы перенос их на Web-сервер не привел к нарушению целостности структуры узла? • Как произвести копирование файлов на Web-сервер? Первый вопрос возникает в том случае, если файлы на Web-сервере предполагается разместить в группе тематических каталогов.
Он решается так: при работе над Web-документом необходимо воссоздать на своем компьютере структуру папок Web-узла и сразу же размещать документы в соответствующих папках. Во внутренних ссылках следует использовать только относительные адреса документов. Перенос файлов и папок на Web-сервер с сохранением структуры сохраняет работоспособность ссылок и корректность подключения вставных объектов (иллюстраций и мультимедиа). При таком подходе облегчается также обновление Web-узла в целом или его отдель¬ных файлов. Для копирования нужных документов на Web-сервер можно применять как передачу данных на съемном носителе, так и прямое копирование данных через Интернет.
Последний способ полностью автоматизирован и поэтому более надежен. Чтобы воспользоваться им, следует узнать адреса, используемые при отправке файлов (обычно для публикации Web-страниц применяют протокол FTP). В этом случае для проведения публикации можно использовать Мастер издания Web, входящий в состав Windows 98 (такое название этот мастер получает после уста¬новки обозревателя Internet Explorer 5.0). После запуска мастера и щелчка на кнопке Далее требуется указать имя папки или файла, который должен быть отправлен на Web-сервер.
При публикации узла в целом следует выбрать папку, используемую в качестве корневой папки узла, и убедиться в том, что флажок Включая вложенные папки установлен. После щелчка на кнопке Далее следует задать имя Web-сервера.
Это имя может быть произвольным — оно используется для упрощения последующих отправок данных на тот же сервер. На следующем этапе работы мастера задается метод отправки. При отсутствии информации следует выбрать вариант Автоматический выбор постав¬щика услуг. Затем задается адрес, используемый при публикации, и локальная папка. Мастер устанавливает соединение с Интернетом и проверяет правильность указан¬ного адреса. После щелчка на кнопке Готово осуществляется передача данных.
По ее завершении обновленный Web-узел доступен любым посетителям в Интернете. Регистрация на поисковых серверах Для регистрации странички можно использовать поисковые сервера данного региона. Для этого нужно зайти на сервер, затем “кликнуть” на ссылке (кнопке) “добавить ресурс” (“добавить адрес”, “Add URL” и т.п.). Далее в появившемся окне (чаще всего какой ни будь вид анкеты) заполняется форма-бланк, в которой указываются ключевые слова, тема, точный адрес и т.д. Здесь также вводится краткое описание страницы и ее содержание (одно, два предложения). В самом конце жмется кнопка “OK” или какая ни будь другая ссылка в этом роде.