Создание web-сайта при помощи Microsoft Office Publisher
Программа Microsoft Publisher представляет собой настольную издательскую систему, содержащую множество различных шаблонов. С помощью этой программы можно создать газеты, брошюры, визитные карточки, открытки, объявления, подарочные сертификаты, а также Web-страницы, для создания которых в Publisher включено множество готовых макетов.
Для создания Web - страницы на основе готового макета необходимо: просмотреть в окне программы предлагаемые шаблоны веб-страниц. При выборе типа создаваемой публикации в Publisher отображаются эскизы доступных заготовок. Для разработки веб-страницы на основе одной из заготовок, достаточно щелкнуть ее эскиз.
Также можно изменять цветовую схему и шрифтовую схему, удалять или добавлять элементы макета и выполнять любые другие требуемые изменения, чтобы веб-страница точно отражала стиль конкретной организации, вид деятельности, назначение веб-узла. Сделать это можно отобразив Область задач с помощью меню Вид. Выбрать нужную область задач, щелкнув на маленькой стрелке вверху.
Необходимо быть осторожными при удалении объектов с веб - страницы. Необходимые элементы страницы: Заголовок (например, Домашняя страница), Панели ссылок - верхняя и нижняя (без них вы не сможете перемещаться по страницам Вашего сайта). При добавлении новых страниц в ваш сайт эти элементы будут добавляться на них автоматически - сколько страниц в сайте, столько же и кнопок на панелях ссылок.
Далее необходимо сохранить работу. В поле Папка следует выбрать папку, в которой необходимо сохранить новый веб-узел. В поле Имя файла ввести имя файла (предпочтительно index). В этом случае веб-узел будет сохранен как файл программы Publisher, т.е. его имя будет таким index.pub. После того как работа над веб-узлом будет закончена в меню Файл следует выбрать команду Сохранить как веб-страницу. На экране появится надпись «Идет экспорт в формат HTML» и в указанной папке будет создан файл index.html (первая страница сайта), а также папка index.files, в которой будут располагаться все остальные страницы и вся графика сайта.
Ниже приведены основные принципы работы с текстом и графическими объектами на веб-странице.
Работа с текстом.
Текст не просто заполняет все пространство между полями и перетекает с одной страницы на другую, как это происходит в текстовых редакторах. Вместо этого текст размещается в контейнере, называемом Текстовое поле, и мы выстраиваем публикации, размещая текстовые поля на страницах.
Можно разместить текстовое поле в нужном месте страницы, придать ему нужный размер, разбить его на колонки и объединить одно текстовое поле с другим, так что текст будет перетекать между полями, даже если текстовые поля находятся на разных страницах.
Даже если публикация создается на основе одной из заготовок в Publisher, может возникнуть необходимость в добавлении полностью нового блока текста.
Добавление нового текста выполняется за два шага:
- Создайте новое текстовое поле, служащее контейнером для текста.
- Введите требуемый текст.
Создавая текстовое поле, не следует беспокоиться о его точном расположении и размерах. В любой момент текстовое поле можно переместить в произвольное место на странице (или за ее пределами), кроме того, можно изменить размер текстового поля.
При изменении размеров текстового поля часть текста может не вмещаться в измененном поле. Чтобы при изменении размеров текстовых полей в публикации текст оставался видимым, необходимо включить в Publisher автоматическое изменение размеров текста, последовательно выбрав в меню Формат пункты Автоподбор текста и По ширине.
Чтобы добавить новое текстовое поле, следует выполните следующие действия: нажать кнопку Текстовое поле на панели инструментов Объекты. (При открывании Publisher панель инструментов Объекты располагается по умолчанию вертикально вдоль левой стороны окна Publisher.)
Если требуется модифицировать внешний вид публикации, в распоряжении имеется множество способов изменения оформления текста и полей, в которых он содержится.
Например, для изменения внешнего вида выделенного текста можно выбрать в меню Формат один из следующих пунктов.
Шрифт, чтобы изменить шрифт, его размер, цвет или стиль начертания.
Абзац, чтобы изменить тип выравнивания, отступы, междустрочный интервал, а также разрывы строк и страниц.
Список, чтобы добавить маркеры и нумерацию или изменить их стиль.
А с помощью команды Текстовое поле (в меню Формат) можно изменять внешний вид текстового поля:
- делать видимой границу вокруг текстового поля;
- изменять цвет фона и границы;
- поворачивать текстовое поле;
- изменять зазор между текстом и границами текстового поля.
Графические объекты в публикации.
Термин рисунок используется для обозначения различных графических форматов и источников графики, включая следующие графические элементы:
Добавление нового рисунка в публикацию:
- замена рисунка-заполнителя в существующей рамке с помощью команды Изменить рисунок;
- создание новой рамки с помощью кнопки Рамка рисунка и вставка в нее рисунка.
Если требуемый рисунок временно отсутствует или неизвестен, можно вставить в публикацию пустую рамку. В меню Вставка следует выбрать пункт Картинка, а затем - пункт Пустая рамка рисунка.
После того как рисунок помещен в рамку на странице публикации, можно изменять его внешний вид, выполняя действия, описанные в следующей таблице.
Таблица 1.1 - Действия по изменению рисунка
ЦельВыполняемые действияДобавление цветной или художественной границыНажмите кнопку Формат рисунка и используйте установки на вкладке Цвета и линииДобавление цветного фонаНажмите кнопку Формат рисунка и используйте установки на вкладке Цвета и линии. Примечание. Цветной фон будет виден только на рисунках с прозрачными областями, в противном случае не выполняйте закраску всей рамки.Перекрашивание рисункаНажмите кнопку Формат рисунка и используйте установки на вкладке Картинка.Изменение контрастности и яркостиНажмите кнопки контрастности или яркости: Увеличить контрастность Уменьшить контрастность Увеличить яркость Уменьшить яркость.
Стандартные варианты обтекания текстом:
- по верхнему и нижнему краю. Текст прерывается на верхнем крае рамки рисунка и продолжается после нижнего края рамки;
- по контуру. Текст обтекает вокруг контура рисунка, а не вокруг рамки;
- вокруг рамки. Текст обтекает вокруг рамки, а не вокруг рисунка;
- отсутствует. Текст размещается так, как если бы рисунок отсутствовал;
Создание гиперссылки на другую страницу внутри веб-сайта.
Меню Вставка. Гиперссылка / Добавление гиперссылки. В списке Выберите место в документе следует щелкнуть имя страницы, с которой связывается гиперссылка. Сохранить на панели инструментов.
Создание ссылок на ресурсы Интернета. Выделите выбранный объект. Меню Вставка. Гиперссылка / Вставка гиперссылки. В списке Связать с диалогового окна Добавление гиперссылки. В строке Адрес - адрес веб-сайта, на который создается гиперссылка / кнопка Просмотренные страницы.
Использование инструмента Острие. Для создания гиперссылки на часть объекта используется инструмент Острие («горячая область») на панели инструментов Объекты. Диалоговое окно Добавление гиперссылки создается гиперссылка на ресурс Интернета, файл или другую страницу внутри сайта. Ctrl+C. Вернуться в Publisher. Вставить скопированный адрес в строку Адрес окна Добавление гиперссылки, нажав Ctrl+V. Сохранить на панели инструментов.
Создание гиперссылки на адрес электронной почты.
Выделение объекта, который нужно связать с адресом электронной почты. Меню Вставка - Гиперссылка / Добавление гиперссылки на панели инструментов. В списке Связать с щелкните электронной почтой. Далее адрес электронной почты в соответствующем поле. Сохранить на панели инструментов.
Создание ссылки на файл. Для связи веб-сайт с созданными документами есть несколько вариантов. Чтобы посетители сайта могли сохранять и редактировать размещенные на сайте документы (файлы), необходимо при сохранении документа (файла) не менять его тип (при этом формат сохранения файла устанавливается по умолчанию в соответствии с установками программы, в которой он создавался). Чтобы затем открыть этот документ, посетитель сайта должен иметь то же программное обеспечение, в котором документ создавался.
Чтобы посетители могли только читать документы (но делать это и без установки тех программ, в которых документ создавался), то документы (файлы) следует сохранять как веб-страницы.
Создание гиперссылки на документ Microsoft Word или Microsoft Excel.
Чтобы посетители сайта могли просматривать документ независимо от того, есть у них необходимое программное обеспечение или нет, сайт сохраняют как веб-страницу в той же папке, где находится веб-сайт. При этом возможно изменение или полная потеря форматирования исходного документа.
В меню Файл Сохранить как веб-страницу. Файл нужно сохранять в той же папке, что и веб-сайт. В веб-сайте следует выделить рисунок или часть текста, которые нужно связать с документом. В меню Вставка - Гиперссылка В списке Связать следует щелкнуть файлом, веб-страницей. В появившемся окне просмотра выберите нужный файл. Сохранить на панели инструментов.
Создание ссылки на документ Microsoft PowerPoint. В зависимости от варианта сохранения документа отличаются режимы просмотра презентации. Возможные варианты сохранения и соответствующие режимы просмотра:
- В виде презентации PowerPoint. Щелкнув гиперссылку, посетитель видит сначала загрузку PowerPoint, а затем в виде отдельных слайдов загружается презентация. Далее презентацию можно сохранять и редактировать.
- В виде демонстрации PowerPoint. Переход по гиперссылке на данный файл приводит к показу слайдов в автоматическом режиме. Загрузка PowerPoint не производится.
- В виде Html - документа PowerPoint. Посетители могут просматривать слайды, пользуясь специальными кнопками навигации - ссылками на каждый слайд. Анимация и переходы в этом случае могут быть потеряны, некоторые элементы форматирования также могут быть изменены. Однако посетителю не требуется иметь у себя на компьютере PowerPoint.
Создание ссылки на презентацию Microsoft PowerPoint:
В меню Файл при открытии презентации - Сохранить как в одной папке со веб-сайтом. В открытом веб-сайте выделяется рисунок или часть текста, которые нужно связать гиперссылкой с презентацией. Меню Вставка Гиперссылка В списке Связать с следует щелкнуть файлом, веб-страницей. В появившемся списке выбирается нужный файл.
В открытой презентации в меню Файл - Сохранить как сохранить презентацию в одной папке со своим веб-сайтом. В поле Имя файла - название презентации. В именах файлов, публикуемых в Интернете, допускается использование символов латинского алфавита (строчных или прописных), цифр, символов «-» (дефис) и «_» (подчеркивание). Использование других символов (кириллицы, пробелов и т. д.) крайне не рекомендуется, поскольку это может привести к неработоспособности гиперссылок. В поле Тип файла - Демонстрация Power Point. В этом случае расширение файла - .pps. Сохранить. В открытом веб-сайте выделяется рисунок или часть текста, которые нужно связать гиперссылкой с демонстрацией. В меню Вставка - Гиперссылка. В списке Связать с следует щелкнуть файлом, веб-страницей. В окне просмотр выбрать нужный файл. ОК.
Создание ссылки на веб-страницу Microsoft PowerPoint:
В открытой презентации в меню Файл - Сохранить как сохранить презентацию в одной папке со своим веб-сайтом. В поле Имя файла - название презентации. Выделить рисунок или часть текста, которые нужно связать гиперссылкой с веб-страницей PowerPoint. В меню Вставка - Гиперссылка В списке Связать с щелкнуть файлом, веб-страницей. В окне просмотра выбрать презентацию, сохраненную как веб - страница (файл HTML). ОК.
Использование режима Проверка макета. Microsoft Publisher проверяет дизайн веб-страницы и открывает диалоговое окно в случае обнаружения:
- текстового поля, внутри которого нет текста;
- текста, выходящего за границы текстового поля;
- рисунка, выходящего за края веб-страницы;
- случая преобразования текста в графику;
- пустого пространства вверху веб-страницы;
- страницы, не связанной гиперссылками с другими;
- слишком большого времени, требующегося для загрузки страницы.
Для проверки макета. В меню Сервис - Проверка макета. Для проверки всех страниц сайта - кнопка Все. Чтобы проверить только избранные страницы - кнопка Диапазон и затем ввести нужные номера страниц. ОК.проверяет дизайн веб-страницы и открывает диалоговое окно Проверка макета при обнаружении проблемы. Если проблем не будет обнаружено, появится окно Проверка макета закончена. В этом случае - ОК.
Предварительный просмотр веб-сайта. Перед окончательным сохранением и размещением сайта на каком-либо сервере желательно просмотреть, так ли все «работает» на сайте, как предполагалось.
В меню Файл команда Предварительный просмотр веб-страницы. В открывшемся диалоговом окне Просмотр веб-страницы - Веб-узел. Для просмотра только одной страницы - режим Текущая страница, но в этом случае гиперссылки на внутренние страницы сайта не работают.
Сохранение веб-сайта. Перед размещением сайта в Интернете следует убедиться, что сайт сохранен в двух форматах. 1. Сохранить его как файл Publisher - это позволяет редактировать сайт и вносить необходимые изменения. Когда работу над веб-сайтом полностью завершена, нужно сохранить его как веб-страницу. Publisher переводит все страницы в формат HTML и помещает встроенные файлы в специальную папку. Язык HTML использует символы и коды, с помощью которых веб-браузеры отображают текстовую, графическую и другую информацию на веб-странице.
Сохранение работы как файла Publisher.
Веб-страница сохраняется как файл Publisher в папке веб-сайта. Файл - Сохранить как. В рабочей папке в строке Имя файла вводится имя веб-сайта. Не изменяя тип файла (Файлы Publisher) сохранить имя.
Сохранение работы как веб-страницы. Перед тем как сохранить сайт как веб-страницу следует проверить, сохранен ли он как файл Publisher. Это важный аспект, так как документ в формате HTML нельзя редактировать с помощью Publisher.
Меню Файл - Сохранить как веб-страницу в рабочей папке.
Для проверки работы презентации PowerPoint. Пуск - Мои документы - Домашнюю страница - файл, имеющий значок презентации с земным шаром, и папку с аналогичным названием, в которой и хранятся все файлы и объекты, входящие в состав презентации.
Второй вариант - запуск презентации непосредственно из Microsoft Internet Explorer. Файл. Открыть. Обзор. Мои документы.