Создание сайта "Рязанская область"

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

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

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

СОДЕРЖАНИЕ

ВВЕДЕНИЕ

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

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

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

ЯЗЫК HTML

.1 Основы языка HTML

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

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

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

ЗАКЛЮЧЕНИЕ

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

сайт microsoft office publisher

ВВЕДЕНИЕ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Такая система узлов и соединений действительно напоминает сеть. На узлах, то есть на серверах, хранятся специальные текстовые документы, называемые веб-страницами, а несколько (или много) веб-страниц, объединённых тематикой, оформлением, и расположенных обычно на одном сервере, называют сайтом. Каждая страница имеет в сети конкретный адрес. Этот адрес называют адресом URL (Uniform Resource Locator - унифицированный указатель ресурса) и вы можете увидеть его в адресной строке своего браузера. Он имеет, например, следующий вид:://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. Состоит из нескольких модулей.Page Editor, как и большинство HTML-редакторов предлагает три режима работы, устанавливаемых соответствующими вкладками - Normal, HTML и Previw. Первая - графическое WYSIWYG-отображение (визуальный редактор), вторая позволяет видеть и редактировать HTML-текст создаваемой странички, третья - обеспечивает предварительный просмотр внешнего вида аналогично броузеру. Полученный HTML-код желательно внимательно просмотреть на предмет вредных излишеств. Например, визуальное центрирование какого-либо объекта Front Page прописывает всеми мыслимыми способами, что в сумме неплохо утяжеляет код. Кроме того, META с прописанным charset'ом кодовой таблицы Windows определенно ограничит Вашу аудиторию «выбросив за борт» посетителей с других платформ.Image Composer - простой, но довольно мощный графический редактор в составе Fron Page 98. Он предоставляет более 500 инстрементов и эффектов, что в подавляющем большинстве случаев позволяет обходится без других графических редакторов.Page Explorer является мощным средством управления Web-узлом. Благодаря режимам Navigation или Hyperlinks можно легко перемещать и изменять связи отдельных страниц Вашего сайта.Home Site 4.0 <#"justify">1.2Создание web-сайта при помощи Microsoft Office Publisher

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

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

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

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

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

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

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

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

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

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

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

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

1. Создайте новое текстовое поле, служащее контейнером для текста.
2. Введите требуемый текст.

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

При изменении размеров текстового поля часть текста может не вмещаться в измененном поле. Чтобы при изменении размеров текстовых полей в публикации текст оставался видимым, необходимо включить в 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 - Действия по изменению рисунка

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

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

1. по верхнему и нижнему краю. Текст прерывается на верхнем крае рамки рисунка и продолжается после нижнего края рамки;
2. по контуру. Текст обтекает вокруг контура рисунка, а не вокруг рамки;
3. вокруг рамки. Текст обтекает вокруг рамки, а не вокруг рисунка;
4. отсутствует. Текст размещается так, как если бы рисунок отсутствовал;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. текстового поля, внутри которого нет текста;
2. текста, выходящего за границы текстового поля;
3. рисунка, выходящего за края веб-страницы;
4. случая преобразования текста в графику;
5. пустого пространства вверху веб-страницы;
6. страницы, не связанной гиперссылками с другими;
7. слишком большого времени, требующегося для загрузки страницы.

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

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

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

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

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

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

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

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

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

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

Больше работ по теме: