Размещено на http://www.allbest.ru/

КУРСОВАЯ РАБОТА

по дисциплине «Информационные технологии управления»

СОЗДАНИЕ САЙТА «РЯЗАНСКАЯ ОБЛАСТЬ»

СОДЕРЖАНИЕ

ВВЕДЕНИЕ

1 ТЕОРЕТИЧЕСКИЕ ОСНОВЫ СОЗДАНИЕ WEB-САЙТА

1.1 Программы по созданию web-сайта

1.2 Создание web-сайта при помощи Microsoft Office Publisher

2 ЯЗЫК HTML

2.1 Основы языка HTML

2.2 Cтруктура HTML - документа

2.3 Форматирование гипертекста

3 ТЕХНОЛОГИЯ СОЗДАНИЯ САЙТА «РЯЗАНСКАЯ ОБЛАСТЬ» ПРИ ПОМОЩИ ПРОГРАММЫ MICROSOFT OFFICE PUBLISHER

ЗАКЛЮЧЕНИЕ

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ И ЛИТЕРАТУРЫ

сайт microsoft office publisher

ВВЕДЕНИЕ

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

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

Одной из простейших программ по созданию web-страниц является Microsoft Office Publisher. На его основе автор попытается создать сайт «Рязанская область».

Рязанская область является одним из субъектов РФ, а следовательно ее развитие будет оказывать влияние на сферы жизни в целом страны.

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

Целью разрабатываемого курсового проекта является создание сайта «Рязанская область».

Для достижения цели были поставлены следующие задачи:

1. Ознакомиться с наиболее распространенными программами по созданию web-сайтов;

2. Изучить средства создания сайта: язык HTML и программу Microsoft Office Publisher;

3. Расширение круга знаний и умений в процессах редактирования web-страниц;

4. Применение полученных знаний при создании практической части курсового проекта «Рязанская область»;

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

Основываясь на поставленных задачах и цели объектом исследования будет являться программа Microsoft Office Publisher как редактор web-страниц, а предметом- разработка сайта «Рязанская область», основанная на работе в Microsoft Office Publisher.

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

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

1 ТЕОРЕТИЧЕСКИЕ ОСНОВЫ СОЗДАНИЕ WEB-САЙТА

1.1 Программы по созданию web-сайта

Существование веб-сайта в настоящее время является наиболее современным и эффективным средством интернет-активности и презентации для отдельных лиц или организаций. Для создания веб-сайта были придуманы множество программных инструментов от простейшего типа WYSIWYG (What-You-See-Is-What-You-Get) до самого высокого уровня, для построения приложений, услуги добавления элементов отделки, что придает сайту профессиональный вид.

Термин веб-сайт образован от двух английских слов «web» - сеть, паутина и «site» - место. Итак, веб-сайт - это место в сети. Интернет (термин, в свою очередь произошедший от английских слов «interconnected» - объединённые, «networks» - всё те же сети) физически состоит из серверов - специальных компьютеров, на которых установлено специфическое программное обеспечение и постоянный доступ к интернету, их ещё называют веб-узлами, и соединений между ними. Соединения могут быть модемные, спутниковые, через выделенные линии, оптоволоконные сети, через телефонные линии и т.д.

Такая система узлов и соединений действительно напоминает сеть. На узлах, то есть на серверах, хранятся специальные текстовые документы, называемые веб-страницами, а несколько (или много) веб-страниц, объединённых тематикой, оформлением, и расположенных обычно на одном сервере, называют сайтом. Каждая страница имеет в сети конкретный адрес. Этот адрес называют адресом URL (Uniform Resource Locator - унифицированный указатель ресурса) и вы можете увидеть его в адресной строке своего браузера. Он имеет, например, следующий вид:

http://www.site-name.ru/folder1/folder2/page-name.html , где http - протокол (о них речь пойдёт ниже), www.site-name.ru - домен (веб-сайт, на котором находится данная страница), folder1/folder2 - путь, последовательность папок на веб-сайте, которую необходимо пройти, чтобы дойти к нужной странице, page-name.html - собственно, страница, которую вы открыли: название файла, соответствующего данной странице с расширением .html.

Рассмотрим следующие HTML-редакторы:

Microsoft Front Page 98. Визуально-ориентированный HTML-редактор особенно полезный последователям новых Web-технологий Microsoft - VBScript, ActiveX. Состоит из нескольких модулей.

Front Page Editor, как и большинство HTML-редакторов предлагает три режима работы, устанавливаемых соответствующими вкладками - Normal, HTML и Previw. Первая - графическое WYSIWYG-отображение (визуальный редактор), вторая позволяет видеть и редактировать HTML-текст создаваемой странички, третья - обеспечивает предварительный просмотр внешнего вида аналогично броузеру. Полученный HTML-код желательно внимательно просмотреть на предмет вредных излишеств. Например, визуальное центрирование какого-либо объекта Front Page прописывает всеми мыслимыми способами, что в сумме неплохо утяжеляет код. Кроме того, META с прописанным charset'ом кодовой таблицы Windows определенно ограничит Вашу аудиторию «выбросив за борт» посетителей с других платформ.

Microsoft Image Composer - простой, но довольно мощный графический редактор в составе Fron Page 98. Он предоставляет более 500 инстрементов и эффектов, что в подавляющем большинстве случаев позволяет обходится без других графических редакторов.

Front Page Explorer является мощным средством управления Web-узлом. Благодаря режимам Navigation или Hyperlinks можно легко перемещать и изменять связи отдельных страниц Вашего сайта.

Allaire Home Site 4.0. Мощный и наглядный редактор, обладающий средствами публикации и сопровождения сайта. Знание английского языка практически не требуется, но для обычного использования русского языка желательно отключить в настройках представление ASCII-символов в виде &nnn. Текстовый режим редактирования очень удобен благодаря сопровождению текущих команд языка, наличию интерактивного редактора стилей, встроенному Validator'у и подробнейшему Help'у с описанием языка HTML. Открытие и закрытие разнообразных инструментальных окон, подключение комплекта вкладок Quick Bar и многое другое осуществляется простым нажатием кнопок панели управления, а доступ к содержимому окон - нажатием соответствующих вкладок. После старта сразу предлагает пустое окно с уже прописанными конструкциями HTML, HEAD, body bgcolor="#FFFFFF". Используя кнопки соответствующих вкладок справа от панели инструментов можно вставить команды, элементы оформления, запустить наглядный JavaScript Wizard и многое другое. Причем каждую из вкладок или групп панели управления можно вынести в виде отдельного окна поверх всего редактора. При ручном наборе первых символов какой-либо команды или ее параметра редактор предлагает список возможных вариантов. При нахождении курсора на какой-либо конструкции внутри HTML-текста вкладка Tag Inspector окна Resource Tab обеспечивает удобное добавление и редактирование параметров. Validator легко настраивается под текущие задачи (например, проверять соответствие только стандарту HTML 3.2 или 4.0), при использовании некоторых конструкций (например, команд FONT, CENTER) предупреждает о наличии у стандарта 4.0 более мощных средств форматирования. К сожалению, средства визуального редактирования не работают, если у Вас не установлен Inernet Explorer версии 4.1 или старше. Если же Вы обладаете свежей версией броузера, то получаете доступ к типичным для большинства визуальных редакторов функциям - создание и форматирование таблиц, подключение картинок и гиперссылок, форматированию текста аналогично обычным текстовым редакторам. Получающуюся страницу можно просмотреть средствами редактора (вкладка основного окна Browser) или любым из установленных броузеров (выбор из панели управления). Для публикации необходимо задать имя проекта и указать нужные файлы, используя вкладку Projects окна Resource Tab. Встроена поддержка команд Cold Fusion (той же фирмы) и ASP для интеграции с базами данных.

Hot Metal 5.0 Pro. Мощный редактор, требующий приложить некоторые усилия для своего освоения. Например, довольно неочевидно, в каких же случаях пункты меню Site становятся доступны. Обеспечивает сетевой доступ к коллекции графических элементов оформления фирмы-разработчика. Предоставляет три возможности редактирования Web-странички- как HTML-текста, как набора тэгов (команд HTML) и визуально - WYSIWYG. Если первый и третий способы близки по своим возможностям и способам реализации соответствующим элементам конкурентов, то режим Tags On является вариацией визуального представления с возможностью прямого текстового редактирования благодаря добавленным указателям тэгов в виде пятиугольников с соответствующими именами. Насколько это наглядно и удобно решать не нам. Возможно, такое представление стало необходимо из-за ограниченности текстовой реализации редактирования у Hot Metal (например, в этом режиме становятся недоступны многие кнопки панели инструментов). Причем, дополнительные группы инструментов (подключаемые через пункт меню View\Toolbars-) добавляются к уже имеющимся, а не образуют комплект вкладок, как у Home Site. Даже если вынести их в качестве отдельных палитр над редактором это сильно сужает рабочее окно. Кроме того, такое действие приводит к образованию «дырок» в панели управления, которые приходится ликвидировать ручным перемещением остальных групп инструментов, что не всегда возможно. Получается, что кнопки только мешают и выгоднее пользоваться соответствующими пунктами меню. Конечно, никто не мешает Вам купить 25-ти дюймовый монитор, но разве это решение проблемы? Имеются средства проверки орфографии (английской, но можно редактировать словарь), а также встроенный validator. Неплохие средства создания и редактирования форм, но желательно вывести комплект кнопок на панель инструментов, если не хотите все время обращаться к пунктам меню Fоrm. В общем, редактор, конечно, мощный, но, по-нашему скромному мнению, удобен менее конкурирующих.

В качестве редакторов, упрощающих создание Web-сайтов, можно использовать приложения Microsoft Office - Word, Excel, PowerPoint и др. При этом пользователь может не знать язык HTML и иметь привычную среду для оформления документа - WYSIWYG (что вижу, то и получаю).

Создать Web-станицу в Word можно двумя способами: с помощью Мастера или шаблона либо преобразовав существующий документ Word в формат HTML. При этом Word сам генерирует тэги HTML, хотя и не оптимальным образом.

Первый способ создания HTML-документов достаточно прост - надо начать создание документа "с нуля" и только следовать советам Мастера и использовать те средства, которые имеются в меню программы.

Второй способ - преобразование существующего документа Word в тэги HTML при сохранении файла Word в формате HTML. Преобразование естественно приводит к тому, что какие-то элементы оформления документа будут утрачены или изменены.

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

1.2 Создание web-сайта при помощи Microsoft Office Publisher

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

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

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

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

Необходимо быть осторожными при удалении объектов с веб - страницы. Необходимые элементы страницы: Заголовок (например, Домашняя страница), Панели ссылок - верхняя и нижняя (без них вы не сможете перемещаться по страницам Вашего сайта). При добавлении новых страниц в ваш сайт эти элементы будут добавляться на них автоматически - сколько страниц в сайте, столько же и кнопок на панелях ссылок.

Далее необходимо сохранить работу. В поле Папка следует выбрать папку, в которой необходимо сохранить новый веб-узел. В поле Имя файла ввести имя файла (предпочтительно index). В этом случае веб-узел будет сохранен как файл программы Publisher, т.е. его имя будет таким index.pub. После того как работа над веб-узлом будет закончена в меню Файл следует выбрать команду Сохранить как веб-страницу. На экране появится надпись «Идет экспорт в формат HTML» и в указанной папке будет создан файл index.html (первая страница сайта), а также папка index.files, в которой будут располагаться все остальные страницы и вся графика сайта.

Ниже приведены основные принципы работы с текстом и графическими объектами на веб-странице.

Работа с текстом.

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

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

Даже если публикация создается на основе одной из заготовок в Publisher, может возникнуть необходимость в добавлении полностью нового блока текста.

Добавление нового текста выполняется за два шага:

Создайте новое текстовое поле, служащее контейнером для текста.

Введите требуемый текст.

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

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

Чтобы добавить новое текстовое поле, следует выполните следующие действия: нажать кнопку Текстовое поле на панели инструментов Объекты. (При открывании Publisher панель инструментов Объекты располагается по умолчанию вертикально вдоль левой стороны окна Publisher.)

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

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

Шрифт, чтобы изменить шрифт, его размер, цвет или стиль начертания.

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

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

А с помощью команды Текстовое поле (в меню Формат) можно изменять внешний вид текстового поля:

делать видимой границу вокруг текстового поля;

изменять цвет фона и границы;

поворачивать текстовое поле;

изменять зазор между текстом и границами текстового поля.

Графические объекты в публикации.

Термин рисунок используется для обозначения различных графических форматов и источников графики, включая следующие графические элементы:

прямоугольник, круг, стрелка, линия или автофигура;

отдельные графические файлы в форматах, таких как GIF (Graphics Interchange Format), JPEG (Joint Photographic Experts Group), BMP (Bitmap), WMF (Windows Metafile Format), TIF (Tagged Image File Format) и PNG (Portable Network Graphics);

коллекция картинок;

сканированные фотографии или изображения, снятые цифровым фотоаппаратом.

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

Добавление нового рисунка в публикацию:

замена рисунка-заполнителя в существующей рамке с помощью команды Изменить рисунок;

создание новой рамки с помощью кнопки Рамка рисунка и вставка в нее рисунка.

Если требуемый рисунок временно отсутствует или неизвестен, можно вставить в публикацию пустую рамку. В меню Вставка следует выбрать пункт Картинка, а затем - пункт Пустая рамка рисунка.

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

Таблица 1.1 - Действия по изменению рисунка

Цель	Выполняемые действия
Добавление цветной или художественной границы	Нажмите кнопку Формат рисунка и используйте установки на вкладке Цвета и линии
Добавление цветного фона	Нажмите кнопку Формат рисунка и используйте установки на вкладке Цвета и линии. Примечание. Цветной фон будет виден только на рисунках с прозрачными областями, в противном случае не выполняйте закраску всей рамки.
Перекрашивание рисунка	Нажмите кнопку Формат рисунка и используйте установки на вкладке Картинка.
Изменение контрастности и яркости	Нажмите кнопки контрастности или яркости: Увеличить контрастность Уменьшить контрастность Увеличить яркость Уменьшить яркость.

Стандартные варианты обтекания текстом:

по верхнему и нижнему краю. Текст прерывается на верхнем крае рамки рисунка и продолжается после нижнего края рамки;

по контуру. Текст обтекает вокруг контура рисунка, а не вокруг рамки;

вокруг рамки. Текст обтекает вокруг рамки, а не вокруг рисунка;

отсутствует. Текст размещается так, как если бы рисунок отсутствовал;

Создание гиперссылки на другую страницу внутри веб-сайта.

Меню Вставка. Гиперссылка / Добавление гиперссылки. В списке Выберите место в документе следует щелкнуть имя страницы, с которой связывается гиперссылка. Сохранить на панели инструментов.

Создание ссылок на ресурсы Интернета. Выделите выбранный объект. Меню Вставка. Гиперссылка / Вставка гиперссылки. В списке Связать с диалогового окна Добавление гиперссылки. В строке Адрес - адрес веб-сайта, на который создается гиперссылка / кнопка Просмотренные страницы.

Использование инструмента Острие. Для создания гиперссылки на часть объекта используется инструмент Острие («горячая область») на панели инструментов Объекты. Диалоговое окно Добавление гиперссылки создается гиперссылка на ресурс Интернета, файл или другую страницу внутри сайта. Ctrl+C. Вернуться в Publisher. Вставить скопированный адрес в строку Адрес окна Добавление гиперссылки, нажав Ctrl+V. Сохранить на панели инструментов.

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

Выделение объекта, который нужно связать с адресом электронной почты. Меню Вставка - Гиперссылка / Добавление гиперссылки на панели инструментов. В списке Связать с щелкните электронной почтой. Далее адрес электронной почты в соответствующем поле. Сохранить на панели инструментов.

Создание ссылки на файл. Для связи веб-сайт с созданными документами есть несколько вариантов. Чтобы посетители сайта могли сохранять и редактировать размещенные на сайте документы (файлы), необходимо при сохранении документа (файла) не менять его тип (при этом формат сохранения файла устанавливается по умолчанию в соответствии с установками программы, в которой он создавался). Чтобы затем открыть этот документ, посетитель сайта должен иметь то же программное обеспечение, в котором документ создавался.

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

Создание гиперссылки на документ Microsoft Word или Microsoft Excel.

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

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

Создание ссылки на документ Microsoft PowerPoint. В зависимости от варианта сохранения документа отличаются режимы просмотра презентации. Возможные варианты сохранения и соответствующие режимы просмотра:

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

В виде демонстрации PowerPoint. Переход по гиперссылке на данный файл приводит к показу слайдов в автоматическом режиме. Загрузка PowerPoint не производится.

В виде Html - документа PowerPoint. Посетители могут просматривать слайды, пользуясь специальными кнопками навигации -- ссылками на каждый слайд. Анимация и переходы в этом случае могут быть потеряны, некоторые элементы форматирования также могут быть изменены. Однако посетителю не требуется иметь у себя на компьютере PowerPoint.

Создание ссылки на презентацию Microsoft PowerPoint:

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

Создание ссылки на демонстрацию Microsoft PowerPoint:

В открытой презентации в меню Файл - Сохранить как сохранить презентацию в одной папке со своим веб-сайтом. В поле Имя файла - название презентации. В именах файлов, публикуемых в Интернете, допускается использование символов латинского алфавита (строчных или прописных), цифр, символов «-» (дефис) и «_» (подчеркивание). Использование других символов (кириллицы, пробелов и т. д.) крайне не рекомендуется, поскольку это может привести к неработоспособности гиперссылок. В поле Тип файла - Демонстрация Power Point. В этом случае расширение файла -- .pps. Сохранить. В открытом веб-сайте выделяется рисунок или часть текста, которые нужно связать гиперссылкой с демонстрацией. В меню Вставка - Гиперссылка. В списке Связать с следует щелкнуть файлом, веб-страницей. В окне просмотр выбрать нужный файл. ОК.

Создание ссылки на веб-страницу Microsoft PowerPoint:

В открытой презентации в меню Файл - Сохранить как сохранить презентацию в одной папке со своим веб-сайтом. В поле Имя файла - название презентации. Выделить рисунок или часть текста, которые нужно связать гиперссылкой с веб-страницей PowerPoint. В меню Вставка - Гиперссылка В списке Связать с щелкнуть файлом, веб-страницей. В окне просмотра выбрать презентацию, сохраненную как веб - страница (файл HTML). ОК.

Использование режима Проверка макета. Microsoft Publisher проверяет дизайн веб-страницы и открывает диалоговое окно в случае обнаружения:

текстового поля, внутри которого нет текста;

текста, выходящего за границы текстового поля;

рисунка, выходящего за края веб-страницы;

случая преобразования текста в графику;

пустого пространства вверху веб-страницы;

страницы, не связанной гиперссылками с другими;

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

Для проверки макета. В меню Сервис - Проверка макета. Для проверки всех страниц сайта - кнопка Все. Чтобы проверить только избранные страницы - кнопка Диапазон и затем ввести нужные номера страниц. ОК.

Publisher проверяет дизайн веб-страницы и открывает диалоговое окно Проверка макета при обнаружении проблемы. Если проблем не будет обнаружено, появится окно Проверка макета закончена. В этом случае - ОК.

Предварительный просмотр веб-сайта. Перед окончательным сохранением и размещением сайта на каком-либо сервере желательно просмотреть, так ли все «работает» на сайте, как предполагалось.

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

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

Сохранение работы как файла Publisher.

Веб-страница сохраняется как файл Publisher в папке веб-сайта. Файл - Сохранить как. В рабочей папке в строке Имя файла вводится имя веб-сайта. Не изменяя тип файла (Файлы Publisher) сохранить имя.

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

Меню Файл - Сохранить как веб-страницу в рабочей папке.

Для проверки работы презентации PowerPoint. Пуск - Мои документы - Домашнюю страница -- файл, имеющий значок презентации с земным шаром, и папку с аналогичным названием, в которой и хранятся все файлы и объекты, входящие в состав презентации.

Второй вариант - запуск презентации непосредственно из Microsoft Internet Explorer. Файл. Открыть. Обзор. Мои документы.

Размещение в сети.

Варианты размещения публикации:

1. Публикация на локальном сайте. Следует обратиться к администраторам сайта о вопросе включения сайта в общий и предоставить веб-мастеру диск со всеми файлами сайта.

2. Публикация на бесплатном гостевом Интернет-сервере. В России есть несколько веб-серверов, предоставляющих бесплатные услуги по размещению сайтов, например http://narod.ru, http://boom.ru. Кроме того, можно найти сервер для размещения сайта, воспользовавшись поисковыми серверами в Интернете, например Яндексом (yandex.ru), и набрав в поисковой строке «размещение на бесплатных серверах».

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

4. Размещение веб-сайта с помощью программы Publisher. Для самостоятельного размещения сайта в Интернете, нужен адрес для доступа к сайту по протоколу FTP (File Transfer Protocol), который можно получить, обратившись в соответствующую Интернет-службу.

В сайте, открытом (файл с расширением .pub) в Publisher. Файл. Сохранить как веб-страницу. Папка. Выбрать добавить/изменить адреса FTP. В открывшемся окне нужно ввести адрес FTP-сервера, на котором предоставлено место. Имя и пароль. Добавить. ОК. В диалоговом окне Сохранить как веб-страницу. Исчезновение окна Сохранение будет означать, что загрузка всех рисунков, html- и других файлов, входящих в состав сайта, завершена.

Добавление страниц на веб-узел.

Если веб-узел был создан с помощью приложения Microsoft Office Publisher 2007, его можно настраивать и обновлять, добавляя на него страницы следующих типов:

особые типы страниц, например, страница «Наши координаты» или «Вопросы и ответы», которые расширяют функциональные возможности веб-узла;

страницы с данными о продукции, распространяющие каталог товаров организации в Интернете;

страницы, содержащие календарь или расписание.

Количество добавляемых страниц не имеет значения: и для одной, и для 20 страниц используется один и тот же процесс.

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

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

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

2 ЯЗЫК HTML

2.1 Основы языка HTML

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

HTML (Hyper Text Markup Languare) - стандартный язык разметки гипертекста, публикуемого в World Wide Web.

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991--1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов -- дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи.

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

HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879.

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

Существует два способа создания гипертекстовых документов. Можно воспользоваться одним из WYSIWYG HTML- редакторов для работы с которыми не требуется специальных знаний о внутренней структуре создаваемого документа. Этот способ позволяет создавать документы для WWW без знания языка HTML. HTML-редакторы автоматизируют создание гипертекстовых документов, избавляют от рутинной работы. Однако их возможности ограничены, они сильно увеличивают размер получаемого файла и не всегда полученный с их помощью результат соответствует ожиданиям разработчика. Но, безусловно, этот способ незаменим для новичков в деле подготовки гипертекстовых документов.

Альтернативой служит создание и разметка документа при помощи обычного редактора plain-текста (таких, как emacs или NotePad). При этом способе в текст вручную вставляются команды языка HTML. Создавая документы таким способом, вы точно знаете, что делаете.

Как уже отмечалось, HTML-документ содержит символьную информацию. Одна ее часть - собственно текст, т.е. данные, составляющие содержимое документа. Другая - теги (markup tags), называемые также флагами разметки - специальные конструкции языка HTML, используемые для разметки документа и управляющие его отображением. Именно теги языка HTML определяют, в каком виде будет представлен текст, какие его компоненты будут исполнять роль гипертекстовых ссылок, какие графические или мультимедийные объекты должны быть включены в документ. Графическая и звуковая информация, включаемая в HTML-документ, хранится в отдельных файлах. Программы просмотра HTML-документов (браузеры) интерпретируют флаги разметки и располагают текст и графику на экране соответствующим образом. Для файлов, содержащие HTML-документы, приняты расширения .htm или .html.

Прописные и строчные буквы при записи тегов не различаются. В большинстве случаев теги используются парами. Пара состоит из открывающего (start tag) и закрывающего (end tag) тегов. Синтаксис открывающего тега:

<имя_тега [атрибуты]>

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

</имя_тега>

Атрибуты тега записываются в следующем формате:

имя[="значение"]

Кавычки при задании значения аргумента не обязательны и могут быть опущены. Для некоторых атрибутов значение может не указываться. У закрывающего тега атрибутов не бывает.

Действие любого парного тега начинается с того места, где встретился открывающий тег и заканчивается при встрече соответствующего закрывающего тега. Часто пару, состоящую из открывающего и закрывающего тегов, называют контейнером, а часть текста, окаймленную открывающим и закрывающим тегом, - элементом.

Последовательность символов, составляющая текст, может состоять из пробелов, табуляций, символов перехода на новую строку, символов возврата каретки, букв, знаков препинания, цифр, и специальных символов (например, +, #, $, @), за исключением следующих четырех символов, имеющих в HTML специальный смысл: < (меньше), > (больше), & (амперсенд) и " (двойная кавычка). Если необходимо включить в текст какой-либо из этих символов, то следует закодировать его особой последовательностью символов.

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

Каждая из таких зарезервированных последовательностей начинается символом амперсенда (&) и заканчивается точкой с запятой (;).

2.2 Cтруктура HTML - документа

Самым главным из тегов HTML является одноименный тег - <HTML>. Он должен всегда открывать ваш документ, так же, как тег </HTML> должен непременно стоять в последней его строке. Эти теги обозначают, что находящиеся между ними строки представляют единый гипертекстовый документ. Без этих тегов браузер или другая программа просмотра не в состоянии идентифицировать формат документа и правильно его интерпретировать.

Закрывающий тег так же важен, как и открывающий. Если, например, документ включен в электронное письмо, тег </HTML> дает команду программе просмотра прекратить интерпретацию текста, как HTML-кода.

HTML-документ состоит из двух частей: заголовок (head) и тело (body).

В HTML-документ можно включать комментарии, позволяющие скрыть часть текста от браузера. Все, что заключено между последовательностями символов <!- и ->, при просмотре страницы остается невидимым. Комментарии не могут быть вложенными друг в друга.

Заголовок документа.

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

Заголовок документа открывается тегом <HЕAD>, который обычно следует сразу же за тегом <HTML>. Закрывающий тег </HEAD> показывает конец этого раздела, между ними располагаются остальные теги заголовка документа.

Чаще всего в заголовок документа включают парный тег <TITLE> ... </TITLE>, определяющий название документа. Многие программы просмотра используют его как заголовок окна, в котором выводят документ. Программы, индексирующие документы в сети Интернет, используют название для идентификации страницы. Хорошее название должно быть достаточно длинным для того, чтобы можно было корректно указать соответствующую страницу, и в то же время оно должно помещаться в заголовке окна. Название документа вписывается между открывающим и закрывающим тегами.

Тело документа.

В отличии от заголовка, тело документа является обязательным элементом, так как в нем располагается весь материал вашего документа. Тело документа размещается между тегами <BODY> и </BODY>. Все, что размещено между этими тегами, интерпретируется браузером в соответствии с правилами языка HTML, позволяющими корректно отображать страницу на экране монитора.

Тег <BODY> не только обозначает начало содержимого документа, но и задает его основные свойства: цвет фона, текста и многое другое.

Цветовое оформление документа

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

Цвет может быть задан названием (например, green) или шестнадцатеричным числом, определяющим цвет в модели RGB. Эта цветовая модель базируется на определении цвета как композиции трех основных оттенков цвета: красного (Red), зеленого (Green) и синего (Blue). Каждая компонента задается двузначным шестнадцатеричным числом (т.е. изменяется от 00 до FF). Затем эти значения объединяются в одно число, перед которым ставится символ # (большинство современных браузеров может распознать цвет и без указания символа #).

Следует также отметить, что в записи шестнадцатеричного значения цвета можно использовать как большие, так и маленькие латинские буквы, например, запись #00FF00 равнозначна записи #00ff00.

Например, чтобы установить синий цвет фона документа нужно для синей составляющей цвета указать максимальное значение, а остальные сделать равными нулю: <BODY BGCOLOR="#0000FF">.

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

Web-палитра распознает по шесть оттенков красного, синего и зеленого цвета, что в результате дает 216 возможных значений цветов (6x6x6=216). Поэтому ее иногда называют "куб 6x6x6".

Цвета, RGB-компоненты которых входят в Web-палитру, называют Web-надежными цветами. Среди всех цветов, имеющих имена, только 10 цветов входят в Web-палитру: aqua, black, blue, cyan, fuchsia, lime, magenta, red, white и yellow.

Разделение текста на абзацы.

Язык HTML предполагает, что автор документа ничего не знает о компьютере своего читателя. Читатель вправе установить любой размер окна и пользоваться любым из имеющихся у него шрифтов. Это означает, что место переноса в строке определяется только программой просмотра и установками конечного пользователя. Символы перевода строки оригинального документа игнорируются, в результате чего текст, отлично смотревшийся в окне вашего редактора, может превратиться в сплошной неудобочитаемый текст в окне программы просмотра.

Избежать этой неприятности позволяет разделение на абзацы при помощи тега <Р>. Разместив его в начало каждого абзаца программа просмотра отделит абзацы друг от друга пустой строкой. Использование закрывающего тега </P> необязательно. Несколько стоящих подряд тегов <Р> не дают дополнительного пространства между абзацами.

Тег абзаца имеет один атрибут, поддерживаемый большинством браузеров. Это атрибут ALIGN, задающий выравнивание текста в абзаце. Если этот атрибут не задан, то текст выравнивается по левому краю окна браузера.

Разрыв строки.

Иногда требуется "разорвать" текст, перенеся его остаток на новую строку, при этом не выделяя нового абзаца. Для этого используется тег разрыва строки <BR>. Он заставляет программу просмотра выводить стоящие после него символы с новой строки. В отличие от тега абзаца, тег <BR> не добавляет пустую строку. У этого тега нет парного закрывающего тега.

Некоторые браузеры интерпретируют несколько стоящих рядом тегов <BR> как один тег, поэтому не стоит использовать его для вставки пустых строк.

Бывают случаи, когда возникает надобность в операции противоположного назначения - запретить перевод строки. Текст, заключенный между тегами <NOBR> и </NOBR>, будет гарантированно располагаться в одной строке без переноса на другую.

Горизонтальные линии.

Другим методом разделения документа на части является проведение горизонтальных линий. Они визуально подчеркивают законченность той или иной области страницы. Тег <HR> позволяет провести рельефную горизонтальную линию в окне большинства программ просмотра. Этот тег не требует закрывающего тега. До и после линии автоматически вставляется пустая строка.

2.3 Форматирование гипертекста

Язык HTML поддерживает как логический (logical), так и физический (physical) стили форматирования содержимого документа. Использование логического форматирования указывает на назначение данного фрагмента текста, а при физическом форматировании досконально задается его внешний вид. По возможности стоит использовать логические стили, так как они позволяют браузеру выбрать наиболее подходящий документу вид. Использование логических стилей также поможет читателю разобраться в структуре документа. Физический стиль используется в основном программами, конвертирующими текстовые файлы, содержащие физическое форматирование, в HTML, так как логическое форматирование документа невозможно выполнить автоматически.

Логическое форматирование.

Хотя язык HTML включает теги для достижения различных шрифтовых эффектов (полужирный шрифт, курсив, подчеркнутый шрифт), не все браузеры их поддерживают. Однако все браузеры поддерживают тот или иной способ выделения текста. Поэтому использование логического форматирования текста в любом случае приведет к выделению программой просмотра различных частей текста и выявит структуру документа.

Говоря о логической разметке текста, можно выделить две основные части:

выделение заголовков в документе;

логическое выделение элементов текста.

Название документа, задаваемое с помощью тега <TITLE>, не выводится на экран как часть документа. Чтобы отобразить название используется один из тегов заголовка. Заголовки в типичном документе разделяются по уровням. Язык HTML позволяет задать шесть уровней заголовков: H1 (заголовок первого уровня), Н2, Н3, H4, Н5 и H6. Заголовок первого уровня имеет обычно больший размер и насыщенность по сравнению с заголовком второго уровня.

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

Теги заголовков поддерживают атрибут ALIGN, действие которого аналогично действию такого же атрибута тега выделения абзаца.

Для выделения длинных цитат из основного текста в HTML существует тег <BLOCKQUOTE>. Этот элемент является контейнером и может содержать любые форматирующие теги.

Современные браузеры реагируют на элемент <BLOCKQUOTE> смещением текста цитаты вправо. Некоторые текстовые программы просмотра обозначают цитату символами >, располагающимися в крайнем левом столбце экрана. Так как сегодня большинство браузеров являются графическими программами, элемент <BLOCKQUOTE> позволяет авторам внести в текст некоторое визуальное разнообразие.

Физическое форматирование.

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

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

<B><U>жирный и подчеркнутый текст</U></B>.

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

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

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

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

Атрибут SIZE служит для указания размера шрифта в условных единицах от 1 до 7. Считается, что размер "нормального" шрифта соответствует числу 3. Размер может быть как абсолютной величиной (SIZE=5), так и относительной (SIZE=+2). Во втором примере текущий размер шрифта увеличивается на 2.

Атрибут COLOR устанавливает цвет шрифта, который может быть задан как в формате RGB, так и указанием имени.

3 ТЕХНОЛОГИЯ СОЗДАНИЯ САЙТА «РЯЗАНСКАЯ ОБЛАСТЬ» ПРИ ПОМОЩИ ПРОГРАММЫ MICROSOFT OFFICE PUBLISHER

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

Сайт «Рязанская область» состоит из пятнадцати разделов:

Главная страница;

Символика;

География и климат;

Памятные места;

Рязанский кремль;

Художественный музей;

Музей- заповедник;

Город Касимов;

Касимовский музей;

Текие Шах-Али-Хана;

Гусь- Железный;

Троицкий собор;

Орлиное гнездо;

Село Пощупово;

Музеи области.

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