Упражнение 1. Создание нового веб-узла.

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

- Какие функции должен выполнять узел?

- Кто будет посещать созданный узел и как привлечь внимание посетителей, чтобы им захотелось на него вернуться?

- Какой тон (возвышенный, шутливый, серьезный) больше подходит для предполагаемой аудитории?

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

Возможное предназначение веб-узла:

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

- товары и услуги в Интернет (предоставление потенциальным клиентам сведений о товарах и услугах; реклама новых товаров и услуг, размещение специальных рекламных предложений; продажа без посредников по электронному каталогу и т.д.);

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

1. Создание с помощью шаблона. Откройте программу Publisher и в меню Новая публикация/Начать с макета выберите пункт Веб-узлы и электронная почта/Веб-узлы. Для того, чтобы создать веб-узел с особыми свойствами, нажмите Построитель простых веб-узлов, затем в правой части экрана выберите макет узла, а после того, как макет узла будет загружен, появится мастер Удобный построитель веб-узлов, который позволит задать цели построения веб-узла, и мастер добавит в создаваемый сайт необходимые страницы и элементы страниц. Для того, чтобы создать веб-узел, содержащий только «Домашнюю страницу», страницу «О нас» и страницу «Наши координаты», выберите пункт Веб-узлы на трех страницах. Чтобы создать веб-узел, содержащий страницы продаж продукции, выберите вариант Веб-узлы «Продажи». Чтобы создать веб-узел, на страницах которого будут перечислены предлагаемые услуги, выберите пункт Веб-узлы «Услуги».

2. Создание «с нуля». Откройте программу Publisher и в меню Новая публикация/Новая выберите пункт Пустая веб-страница. Данный вариант позволяет полностью построить веб-узел в соответствии с Вашими пожеланиями. Publisher позволяет применить к пустой веб-странице как уже готовые макеты оформления, так и добавить отдельные элементы макетов с помощью команды Вставка/Объект библиотеки макетов.

3. Добавление страниц и компонентов в веб-узел. После создания исходного веб-узла можно добавить в его состав необходимые страницы (например, календарь, о нас, продукты и т.д.) выбрав пункт Параметры: Веб-узел/Добавить страницу. В открывшемся окне «Добавление веб-страницы» можно не только выбрать необходимую страницу, но и добавить ссылку на эту страницу в панель навигации. Кроме того, на следующем шаге можно указать следует ли добавлять одну страницу или несколько, вставить новую страницу перед или после текущей страницей. Для того, чтобы добавить новый компонент в веб-узел необходимо выбрать пунктПараметры: Веб-узел/Добавить компонент. Откроется окно мастера Удобный построитель веб-узлов, в котором можно выбрать компонент для добавления, после чего мастер добавит новые страницы с соответствующими элементами.

Упражнение 2. Настройка веб-узла.

1. Создание гиперссылок. Гиперссылка – это связь в документе, при щелчке по которой открывается другая страница или файл. Гиперссылка часто указывает на другую веб-страницу, но может указывать и на картинку, адрес электронной почты или программу. Сама гиперссылка выглядит как строка текста или картинка. При указании на текст или картинку, служащие гиперссылкой, указатель мыши принимает форму руки , показывая, что в этом месте можно сделать щелчок. Текстовая гиперссылка – это слово или фраза, для которой указан URL-адрес назначения. Гиперссылка-картинка – это картинка, для которой указан URL-адрес назначения; адрес указывается одним из двух способов: - по умолчанию гиперссылка указывается для всей картинки. В этом случае посетитель веб-узла вызывает помеченный гиперссылкой ресурс, щелкнув любую часть картинки. Примером картинки с гиперссылкой по умолчанию является кнопка. - для картинки можно указать несколько гиперссылок. Картинка, содержащая несколько гиперссылок, называется картой образа. Например, карта образа может представлять собой картинку с изображением различных страниц веб-узла (домашняя страница, страница каталога и т. п.). Посетитель веб-узла, щелкнув определенную часть картинки, переходит на соответствующую страницу. При создании гиперссылки адрес перехода по ней кодируется в виде URL-адреса (UniformResourceLocator – унифицированный указатель ресурса адрес, указывающий протокол (такой как HTTP или FTP) и расположение объекта, документа, веб-страницы или другого ресурса в Интернете или локальной сети). Например, для составляющие части URL-адреса показаны на рис.7.1.

Рисунок 7.1.

Протокол – способ доступа через Интернет к документам или службам, такой как FTP (FileTransferProtocol – протокол передачи файлов) или HTTP (HypertextTransferProtocol – протокол передачи гипертекста).

Веб-сервер – компьютер, используемый для хранения веб-страниц и отвечающий на запросы от обозревателей, или ресурс (уникальное имя в URL-адресе, определяющее сервер Интернета. Состоит из двух или более частей, разделенных точками (например, microsoft.com)). Веб-серверы, на которых хранятся файлы, URL-адреса которых начинаются с http://, называют также HTTP-серверами.

Путь – адрес, по которому операционная система находит папку или файл.

Имя файла.

В абсолютном URL-адресе содержится полная информация о размещении файла, включая название протокола, название веб-сервера, путь и имя файла. В относительном URL-адресе одна или несколько частей опускаются. Пропущенные данные берутся из адреса той страницы, в которой содержится данный URL-адрес. Если, например, отсутствует информация о протоколе и веб-сервере, то веб-обозреватель использует протокол и домен текущей веб-страницы (например, домен com, org или edu).

2. Изменение цвета гиперссылки. Каждая цветовая схема имеет настройки по умолчанию для цветов, используемых при отображении простого текста, текста гиперссылки и просмотренной ссылка. На веб-странице можно изменять цвет любого из перечисленных выше видов текста. Для этого следует выбрать команду Формат/Цветовые схемы. В области Цветовые схемы выберите команду Пользовательская цветовая схема и нажмите на стрелку рядом с надписью Основной, чтобы выбрать цвет текста, в котором отсутствуют гиперссылки. Затем нажмите на стрелку рядом с надписью Гиперссылка, чтобы выбрать цвет, который приобретает текст после преобразования его в гиперссылку. Для того, чтобы выбрать цвет текстовой гиперссылки, который она приобретает после того, как кто-либо ее выберет, нажмите на стрелку рядом с надписью Просмотренная ссылка. Выбирайте цвет текста так, чтобы он не сливался с цветом фона.

3. Задание заголовков и имен файлов для веб-страницы. Заголовок веб-страницы может отличаться от имени файла. Например, заголовок веб-страницы может быть «Моя домашняя страница», а имя файла – «index.html». Заголовок страницы отображается в строке заголовка веб-обозревателя. Он используется обозревателями Интернета в качестве надписи для избранных веб-узлов. Он также может появляться в списке узлов, найденных в ходе поиска по Интернету. Для того чтобы задать заголовок веб-узла, необходимо перейти на страницу, для которой требуется задать заголовок, а затем в меню Сервис выберите команду Параметры веб-страницы и в окне «Заголовок страницы» введите желаемый заголовок.

Имя файла веб-страницы – это имя файла формата HTML отдельной страницы в Microsoft Publisher. Эти файлы имеют расширения HTM или HTML, например index.htm. По умолчанию имена файлов для страниц задаются автоматически при публикации веб-узла в Интернете. Для того, чтобы задать имя файла для страницы не являющейся домашней, необходимо найти страницу, имя файла которой требуется задать. Затем выполнить командуСервис/Параметры веб-страницы и в поле Имя файла группы Публикация на веб-узле необходимо ввести имя веб-страницы. Имя файла не должно содержать пробелов и специальных знаков. Имя файла домашней страницы веб-узла не может быть задано с помощью диалогового окна Параметры веб-страницы. Имя файла домашней страницы веб-узла должно быть указано в момент публикации узла в Интернете.

4. Добавление ключевых слов. Ключевые слова – это теги META (тег HTML, входящий в раздел head страницы. Теги META предоставляют сведения о странице, но не влияют на ее внешний вид. Стандартный тег META «generator», используется для указания редактора, с помощью которого была создана веб-страница.), которые позволяют поисковым средствам Интернета классифицировать данный веб-узел. Ключевые слова наиболее эффективны при добавлении в домашнюю страницу, но добавлять их можно в любую страницу веб-узла. Описание является другим тегом META, классифицирующим веб-узел для поисковых служб Интернета. Описание, добавленное на домашнюю страницу, рассказывает о назначении веб-узла.

Для того, чтобы добавить ключевые слова в ваш веб-узел необходимо в меню Сервис выбрать команду Параметры веб-страницы, а затем ввести нужные ключевые слова, разделенные запятыми, в поле Ключевые слова (не более 256 символов). В поле Описание также можно ввести краткое описание веб-узла (не более 256 символов).

5. Задание ширины страницы. Веб-страницу можно оптимизировать для просмотра на экранах с низким или высоким разрешением. Для этого, в меню Файл выберите команду Параметры страницы, а затем щелкните вкладку Разметка и в списке Тип публикации выберите Веб-страница. В группе Размер страницы выполните одно из следующих действий: выберите пункт Минимальный (640x480 точек) для страниц, которые можно просматривать на экранах с низким разрешением без горизонтальной прокрутки, или выберите пункт Обычный (800x600 точек) для страниц, которые можно просматривать на экранах с высоким разрешением без горизонтальной прокрутки. Для создания веб-страницы с пользовательским размером необходимо в меню Файл выбрать команду Параметры страницы, а затем открыть вкладку Разметка. В спискеТип публикации необходимо выбрать Другой размер и в группе Размер страницы введите размер в полях Ширина и Высота.

6. Задание шрифта веб-узла. Веб-шрифтами называются латинские шрифты, легко читаемые на экране. При работе с веб-публикациями рекомендуется использовать веб-шрифты для улучшения восприятия текста веб-сайта на мониторах различных размеров. Веб-шрифтами являются следующие шрифты: Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Symbol, Times New Roman, Trebuchet, Verdana, Wingdings. Схемы веб-шрифтов состоят из наборов веб-шрифтов для разных типов текста. Для придания веб-сайту профессионального вида рекомендуется применять схемы веб-шрифтов такие как архивная, базовая, виртуальная и т.д. Для того, чтобы применить уже существующую шрифтовую схему к разрабатываемому веб-узлу необходимо открыть меню Параметры: веб-страница/Шрифтовые схемы, а затем выбрать одну из уже имеющихся схем.

7. Настройка фона веб-узла. Чтобы добавить цвет или узор фона страницам веб-узла, необходимо в меню Формат выбрать команду Фон. В области задач выберите понравившейся фон. При подсвечивании квадратика с выбранным фоном, в нем появляется стрелка, щелчок по которой открывает меню, которое позволяет применить выбранный фон или к текущей странице или ко всем страницам веб-узла. Чтобы использовать дополнительные типы фона, такие как градиент, текстуру, узор, картинку или оттенок, щелкните Дополнительные типы фона и выберите нужные параметры. Если для фона выбрана картинка, то она повторяется многократно (выводится в виде мозаики), в результате чего создается фоновая текстура веб-страниц. Если для фоновой текстуры выбран файл с пользовательской картинкой, убедитесь, что его объем не превышает 20 КБ. Загрузка больших файлов с картинками отнимет у пользователей, просматривающих ваш веб-узел, много времени.

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

Для того, чтобы удалить ссылки с панели навигации, необходимо выбрать панель навигации, с которой требуется удалить ссылки. Затем в меню Формат выберите команду Свойства панели навигации, а затем откройте вкладку Общие. В списке Связи выберите ссылку, которую требуется удалить с панели навигации. Нажмите кнопку Удалить ссылку. Повторяйте шаги 3 и 4, пока с панели навигации не будут удалены все требуемые ссылки, и нажмите кнопку OK.

Microsoft Publisher позволяет изменить адрес перехода по ссылке, а также текст, отображаемый на панели навигации. Для этого выберите панель навигации, которую нужно изменить. В меню Формат выберите командуСвойства панели навигации, а затем откройте вкладку Общие. В списке Связи выберите ссылку, которую нужно изменить, и нажмите кнопку Изменить ссылку. В диалоговом окне Изменение ссылки можно изменитьадрес перехода по ссылке на другую страницу (в группе Связать с выберите вариант местом в документе, затем в списке Выберите место в документе щелкните страницу, с которой нужно связать панель навигации, и в поле Текст введите текст, который будет отображаться на кнопке панели навигации, и нажмите кнопку ОК. В диалоговом окне Свойства панели навигации нажмите кнопку ОК), а также изменить адрес перехода по ссылке на внешний ресурс (группе Связать с выберите вариант файлом, веб-страницей. В поле Адрес введите URL-адрес веб-страницы, с которой требуется задать связь, или в поле Папка щелкните стрелку справа, чтобы найти и выбрать требуемый файл. В поле Текст введите текст, который будет отображаться на кнопке панели навигации, и нажмите кнопку ОК. В диалоговом окне Свойства панели навигациинажмите кнопку ОК.). Publisher также позволяет изменить порядок расположения ссылок на панели навигации. Изменение порядка ссылок на панели навигации не ведет к изменению порядка страниц данной веб-публикации. Точно так же, как перемещение страниц публикации не изменяет порядок соответствующих ссылок на панели навигации. Для того, чтобы изменить порядок расположения ссылок необходимо выбрать панель навигации, которую нужно изменить. В меню Формат выберите команду Свойства панели навигации, а затем откройте вкладку Общие. В списке Связи выберите ссылку, которую требуется переместить, а затем нажмите кнопку Вверх или Вниз, чтобы переместить ссылку. Повторяйте шаг 3, пока все ссылки не будут располагаться в нужном порядке, и нажмите кнопку OK.

9. Настройка внешнего вида панели навигации. Для того, чтобы изменить вид кнопок панели навигации выберите панель навигации, которую нужно изменить. В меню Формат выберите команду Свойства панели переходов, а затем откройте вкладку Стиль. Выберите требуемый стиль в списке группы Применить макет и один из следующих параметров: Мелкие кнопки, Крупные кнопки или Только текст(для использования текстовых кнопок).

Publisher позволяет изменить ориентацию панели навигации, т.е. кнопки и ссылки на панели навигации можно размещать как по вертикали, так и по горизонтали. Диалоговое окно «Свойства панели переходов» на вкладке Стиль позволяет выбрать в группе Ориентация и выравниваниеодин из вариантов: вертикальное (столбец гиперссылок) или горизонтальное (строка гиперссылок). Изменять выравнивание гиперссылок на странице можно только для горизонтальных панелей навигации. Для этого в поле Выравнивание гиперссылок выберите один из вариантов выравнивания: По левому краю, По центру или По правому краю.

Упражнение 3. Проверка и публикация веб-узлов.

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

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

2. Публикация веб-узла в Интернете и локальной сети. Веб-узел, создаваемый с помощью Microsoft Publisher, – это веб-публикация в виде файла с расширением pub. При публикации этого веб-узла в Интернете Microsoft Publisher преобразует такой файл в файл HTML с фильтром (при сохранении веб-страницы в формате HTML с фильтрацией на ней удаляются специальные теги Microsoft Office. При повторном открытии веб-страницы, сохраненной в таком формате, в приложениях Microsoft Office текст и основное оформление сохраняются, однако ряд средств может работать по-другому), а затем экспортирует эти файлы в выбранный ресурс.

Чтобы опубликовать веб-узел в Интернете, необходимо подписаться на услуги веб-обслуживания. Доступ в Интернет и хранилища на веб-серверах предоставляется с помощью услуг веб-обслуживания. Перед тем, как опубликовать веб-узел, необходимо узнать адрес URL веб-узла, на котором можно хранить файлы, у поставщика услуг Интернета или у администратора сети. Если имя «index.html» не используется в качестве имени по умолчанию для домашней страницы, посетителям веб-узла придется вводить URL-адрес и дополнительно имя домашней страницы (например, ). Для задания имени файла домашней страницы выполните команду Файл/Опубликовать на веб-узле, а затем в открывшемся окне в Имя файла введите URL-адрес Интернета или сервера в сети, где требуется сохранить веб-узел, а затем нажмите кнопку Сохранить. Если потребуется, введите имя пользователя и пароль, а затем нажмите кнопку OK. Папка, связанная с URL, будет отображена в диалоговом окне Публикация в Интернете. Щелкните два раза ту папку, в которую требуется сохранить веб-узел. В окне Имя файла выберите в качестве имени по-умолчанию для домашней страницы имя index. Нажмите кнопку Сохранить.

3. Публикация веб-узла в папке на ПК. В меню Файл выберите команду Опубликовать на веб-узле. В списке Папка диалогового окна Опубликовать на веб-узле выберите диск или папку, в которой нужно опубликовать веб-узел. В поле Имя файла введите имя файла домашней страницы. Нажмите кнопку Сохранить.