Содержание
1. Общие сведения8
1.1 Полное наименование системы и ее условное обозначение8
1.2 Шифр темы8
1.3 Наименование предприятий разработчика и заказчика исследования системы и их реквизиты8
1.4 Перечень документов, на основании которых исследуется система, кем и когда утверждены эти документы8
1.5 Плановые сроки начала и окончания работы по исследованию системы9
1.6 Сведения об источниках и порядке финансирования работ9
1.7 Порядок оформления и предъявления заказчику результатов работ по исследованию системы9
2.Назначение и цели исследования системы10
2.1 Назначение системы10
2.2 Цели исследования системы10
3. Характеристики объекта автоматизации10
3.1 Краткие сведения об объекте автоматизации или ссылки на документы, содержащие такую информацию10
3.2 Сведения об условиях эксплуатации объекта автоматизации и характеристиках окружающей среды10
4. Требования к системе11
4.1 Требования к системе в целом11
4.1.1 Требования к структуре и функционированию системы11
4.1.1.1 Перечень подсистем, их назначение и основные характеристики, требования к числу уровней иерархии и степени централизации системы12
4.1.1.2 Требования к способам и средствам связи для информационного обмена между компонентами системы11
4.1.1.3 Требования к характеристикам взаимосвязей имсследуемой системы со смежными системами, требования к ее совместимости, в том числе указания о способах обмена информацией (автоматически, пересылкой документов, по телефону и т. п.)11
4.1.1.4 Требования к режимам функционирования системы11
4.1.1.5 Требования по диагностированию системы11
4.1.1.6 Перспективы развития, модернизации системы11
4.1.2 Требования к численности и квалификации персонала системы и режиму его работы11
4.1.2.2 Требования к квалификации персонала, порядку его подготовки и контроля знаний и навыков11
4.1.2.3 Требуемый режим работы персонала 11
4.1.3 Показатели назначения12
4.1.3.1 Степень приспособляемости системы к изменению процессов и методов управления, к отклонениям параметров объекта управления12
4.1.3.2 Допустимые пределы модернизации и развития системы12
4.1.3.3 Вероятностно-временные характеристики, при которых сохраняется целевое назначение системы12
4.1.4 Требования к надежности12
4.1.4.1 Состав и количественные значения показателей надежности для системы в целом или ее подсистем12
4.1.4.2 Перечень аварийных ситуаций, по которым должны быть регламентированы требования к надежности, и значения соответствующих показателей12
4.1.4.3 Требования к надежности технических средств и программного обеспечения12
4.1.4.4 Требования к методам оценки и контроля показателей надежности на разных стадиях создания системы в соответствии с действующими нормативно-техническими документами12
4.1.5 Требования безопасности13
4.1.6 Требования к эргономике и технической эстетике13
4.1.7 Требования к транспортабельности13
4.1.8 Требования к эксплуатации, техническому обслуживанию, ремонту и хранению компонентов системы13
4.1.8.1 Условия и регламент (режим) эксплуатации, которые должны обеспечивать использование технических средств (ТС) системы с заданными техническими показателями, в том числе виды и периодичность обслуживания ТС системы или допустимость работы без обслуживания13
4.1.8.2 Предварительные требования к допустимым площадям для размещения персонала и ТС системы, к параметрам сетей энергоснабжения и т. п.13
4.1.8.3 Требования по количеству, квалификации обслуживающего персонала и режимам его работы13
4.1.8.4 Требования к составу, размещению и условиям хранения комплекта запасных изделий и приборов13
4.1.8.5 Требования к регламенту обслуживания13
4.1.9 Требования к защите информации от несанкционированного доступа13
4.1.10 Требования по сохранности информации при авариях14
4.1.11 Требования к защите от влияния внешних воздействий14
4.1.11.1 Требования к радиоэлектронной защите средств системы14
4.1.11.2 Требования по стойкости, устойчивости и прочности к внешним воздействиям (среде применения)14
4.1.12 Требования к патентной чистоте14
4.1.13 Требования по стандартизации и унификации14
4.1.14 Дополнительные требования.14
4.1.14.1 Требования к оснащению системы устройствами для обучения персонала (тренажерами, другими устройствами аналогичного назначения) и документацией на них14
4.1.14.2 Требования к сервисной аппаратуре, стендам для проверки элементов системы14
4.1.14.3 Требования к системе, связанные с особыми условиями эксплуатации15
4.1.14.4 Специальные требования по усмотрению разработчика или заказчика системы15
4.2 Требования к функциям (задачам), выполняемым системой15
4.2.1 По каждой подсистеме перечень функций, задач или их комплексов (в том числе обеспечивающих взаимодействие частей системы), подлежащих автоматизации15
4.2.2 Временной регламент реализации каждой функции, задачи (или комплекса задач)15
4.2.3 Требования к качеству реализации каждой функции (задачи или комплекса задач), к форме представления выходной информации, характеристики необходимой точности и времени выполнения, требования одновременности выполнения группы функций, достоверности выдачи результатов15
4.2.4 Перечень и критерии отказов для каждой функции, по которой задаются требования по надежности15
4.3 Требования к видам обеспечения15
4.3.1 Требования к математическому обеспечению15
4.3.2 Требования к информационному обеспечению15
4.3.2.1 К составу, структуре и способам организации данных в системе15
4.3.2.2 К информационному обмену между компонентами системы15
4.3.2.3 К информационной совместимости со смежными системами15
4.3.2.4 По использованию общесоюзных и зарегистрированных республиканских, отраслевых классификаторов, унифицированных документов и классификаторов, действующих на данном предприятии15
4.3.2.5 По применению систем управления базами данных15
4.3.2.6 К структуре процесса сбора, обработки, передачи данных в системе и представлению данных15
4.3.2.7 К защите данных от разрушений при авариях и сбоях в электропитании системы15
4.3.2.8 К контролю, хранению, обновлению и восстановлению данных15
4.3.2.9 К процедуре придания юридической силы документам, продуцируемым техническими средствами системы15
4.3.3 Требования к программному обеспечению16
4.3.3.1 К независимости программных средств от используемых СВТ и операционной среды15
4.3.3.2 К качеству программных средств, а также к способам его обеспечения и контроля15
4.3.3.3 По необходимости согласования вновь исследуемых программных средств с фондом алгоритмов и программ15
4.3.4 Требования к техническому обеспечению16
4.3.4.1 К видам технических средств, в том числе к видам комплексов технических средств, программно-технических комплексов и других комплектующих изделий, допустимых к использованию в системе16
4.3.4.2 К функциональным, конструктивным и эксплуатационным характеристикам средств технического обеспечения системы16
5. Требования к составу и содержанию работ по исследованию системы17
5.1 Приведение поступающей в систему информации (в соответствии с требованиями к информационному и лингвистическому обеспечению) к виду, пригодному для обработки с помощью ЭВМ17
5.2 Изменения, которые необходимо осуществить в объекте автоматизации17
5.3Исследование условий функционирования объекта автоматизации, при которых гарантируется соответствие исследуемой системы требованиям, содержащимся в ТЗ17
5.4 Исследование необходимых для функционирования системы подразделений и служб17
5.5 Сроки и порядок комплектования штатов и обучения персонала17
6. Требования к документированию17
6.1 Согласованный разработчиком и Заказчиком исследования системы перечень подлежащих разработке комплектов и видов документов, соответствующих требованиям ГОСТ 34.201-89 и НТД отрасли заказчика;17
перечень документов, выпускаемых на машинных носителях; требования к микрофильмированию документации;17
6.2 Требования по документированию комплектующих элементов межотраслевого применения в соответствии с требованиями ЕСКД и ЕСПД17
6.3 При отсутствии государственных стандартов, определяющих требования к документированию элементов системы, дополнительно включают требования к составу и содержанию таких документов17
7. Источники разработки18
Выдержка из текста работы
Актуальность. По мере развития интернета, позволяющего получить доступ из любой точки земного шара к огромным информационным и развлекательным ресурсам, у пользователей компьютеров появилась новая возможность яркого самовыражение, рекламы своей фирмы или продукции, демонстрации миру своих идей, стиля, новаторских технологий — создание веб — сайтов.
Сайты позволяют хранить, передавать, продавать различные типы информации не отходя от экрана компьютера. А главное, сайты позволяют подать эту информацию в ярком, красочном виде, снабдить её графикой, звуком, анимацией, видеороликами, ссылками и при правильном спланировании работы, продемонстрировать эту информацию тысячам других пользователей интернета.
Одной из простейших программ по созданию 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
Данный сайт представляет собой набор отдельных документов, объединенных возможностью перехода от одного документа к другому, то есть является гипертекстом.
Сайт «Рязанская область» состоит из пятнадцати разделов:
Главная страница;
Символика;
География и климат;
Памятные места;
Рязанский кремль;
Художественный музей;
Музей- заповедник;
Город Касимов;
Касимовский музей;
Текие Шах-Али-Хана;
Гусь- Железный;
Троицкий собор;
Орлиное гнездо;
Село Пощупово;
Музеи области.
В верхней части каждой страницы располагается ее название, выделенное жирным шрифтом для наиболее легкого его восприятия и понимания, не сливающееся с последующим текстом. Название каждой страницы отделено от последующего текста снизу узорчатой разделительной линией, которая способствует структурированию текста, легкому его восприятию предполагаемыми посетителями данного сайта, а так же служит элементом дизайна оформления страниц.
Та же разделительная линия используется и в конце каждой страницы как завершающий элемент.
Данное выше меню свойственно всей структуре сайта. Оно расположено в левой верхней части веб-страницы, а так же внизу каждой страницы сайта и не отличается от основной цветовой гаммы сайта собственным фоном.
На главной странице дается описание исторического развития города Рязани- центра Рязанской области. Название страницы отделено снизу от последующего текста разделительной линией. Так же на странице изображено правительство Рязанской области и карта Рязанской области. Карта отделена от вышестоящего текста разделительной линией.
Внизу страницы, под картой Рязанской области так же располагается разделительная линия, такого же вида как и та, что располагается после названия страницы.
Символика. На странице дается описание географического положения Рязанской области., дата ее образования. Справа от текста находится карта Рязанской области, на которой наглядно показано расположение области, а так же крупные города области. Показано, с какими субъектами граничит область.
Ниже дается описание герба Рязанской области. Слева от описания располагается иллюстрация данного герба, на которую добавлена ссылка на интернет-источник, с которого была взята данная иллюстрация.
Ниже располагается описание флага области, описание значения цветовой гаммы линий флага. Справа от описания располагается иллюстрация флага, которая так же имеет гиперссылку на электронный адрес.
Под текстом и иллюстрацией располагается разделительная линия такого же вида, что и после названия страницы. Данная разделительная линия будет использоваться на протяжении всех страниц данного сайта.
География и климат. После названия страницы дается краткое описание географического положения области. Описание основной реки области — Оки, ее местоположения, на название реки создана гиперссылка на электронный адрес, на котором дается более подробное описание реки. Слева и снизу от описания располагаются изображения реки.
Так же на странице дается описание климатических условий области. Далее говорится, что на территории области располагается Окский биосферный заповедник, на который создана гиперссылка на электронный адрес.
Внизу страницы располагается разделительная линия.
Памятные места. На данной странице дается перечисление памятных мест области. Область имеет следующие памятные места:
Город Рязань, в котором находятся: рязанский Кремль; рязанский областной художественный музей, а так же рязанский историко-архитектурный музей-заповедник.
Город Касимов, в котором находится касимовский музей.
Поселок Гусь-Железный.
Село Пощупово.
Напротив каждого названия памятного места располагается его иллюстрация. Название каждого памятного места соединено гиперссылкой со страницей основного меню, на которой дается более подробное его описание. Внизу страницы располагается разделительная линия.
Рязанский Кремль. На данной странице располагается информация о дате образования рязанского Кремля и о его составе. В состав рязанского кремля входят:
Христорождественский Собор;
Успенский Собор;
Архангельский Собор;
Архиерейский Двор;
Церковь Иоанна Предтечи;
Колокольня;
Церковь Святого Духа;
Спасский Монастырь;
Спасо-Преображенский Собор;
Музей-заповедник.
На странице напротив названия каждого элемента Кремля дана его иллюстрация. Каждое название и некоторые из иллюстраций соединены гиперссылками с электронными адресами, с которых была взята информация о них. Внизу страницы расположена разделительная линия.
Рязанский областной художественный музей. На данной странице дается описание музея, в честь кого он был образован; информация об отделах музея и о его экспонатах. На странице изображается иллюстрация вида музея, а так же иллюстрации некоторых его экспонатов. Внизу страницы — разделительная линия.
Рязанский историко-архитектурный музей-заповедник. На данной странице дается описание музея-заповедника. Название страницы связано гиперссылкой с электронным адресом, на котором дается более подробное его описание. Так же дается описание коллекций музея. На странице даются иллюстрации видов музея, а так же некоторых его экспонатов. На некоторые иллюстрации созданы гиперссылки. Текст от иллюстраций отделен прямой горизонтальной разделительной линией. Внизу страница дается узорчатая разделительная линия, которая применяется на всех страницах данного сайта.
Город Касимов. На название города создана гиперссылка на электронный адрес, где дана более подробная информация о городе. На странице располагается информация о местоположении города, дате его образования. Далее следует информация о достопримечательностях города, слева от данного текста располагается иллюстрация вида на город, далее располагается текст, внизу которого располагаются иллюстрации видов города. Страницу завершает разделительная линия.
Касимовский краеведческий музей. После названия страницы и расположенной внизу названия разделительной линии располагается информация о музее, о дате его образования и расположении. На название музея создана гиперссылка на электронный адрес с более подробной информацией и иллюстрациями музея. Вверху страницы слева от текста расположена иллюстрация вида на музей. Ниже, так же слева от текста расположена иллюстрация виды музея с другого ракурса. Далее идет информация об экспонатах музея. На слово «экспонаты» создана гиперссылка на электронный адрес с представленными на нем экспонатами и их описанием. Ниже расположены три иллюстрации музея, на которые созданы гиперссылки на электронные адреса. Данные иллюстрации отделены от предшествующего текста прямой горизонтальной разделительной линией. Завершает страницу узорчатая разделительная линия.
Текие Шах-Али-Хана — это старая татарская мечеть. На ней создана гиперссылка на электронный адрес, на котором дается описание истории мечети, а так же информация о Хане Шах — Али хана, на имени которого в тексте так же создана гиперссылка на электронный адрес. На странице дается история старой мечети, так же на странице располагаются иллюстрации мечети с разных ракурсов. Последние две иллюстрации отделены от предшествующего текста прямой горизонтальной разделительной линией. Страницу завершает узорчатая разделительная линия.
Поселок Гусь — Железный. Сразу после названия страницы и расположенной снизу от нее разделительной линии дается описание поселка Гусь — Железный, где на название поселка создана гиперссылка на электронный адрес с более подробным и иллюстрированным описанием поселка. Слева от текста находится иллюстрация въезда в поселок- Родину Героев. Далее располагается информация об архитектурных памятниках поселка, так же даются иллюстрации к данным памятникам, на которые созданы гиперссылки на электронные адреса. На данные адреса можно перейти кликнув левой кнопкой мышки на выбранную иллюстрацию. Завершается страница разделительной линией.
Троицкий Собор. На странице дается описание местоположения Собора, стиля, в котором он оформлен, о его строителе. Так же на странице располагаются иллюстрации Собора с различных ракурсов. На каждую иллюстрацию страницы создана гиперссылка на электронный адрес, с которого была взята данная иллюстрация. Завершает страницу разделительная линия. Так же внизу страницы располагается адрес Троицкого Собора с созданной на него гиперссылкой.
Усадьба «Орлиное гнездо». На данной странице сразу после названия страницы и расположенной снизу него узорчатой разделительной линии находится название усадьбы с созданной на него гиперссылкой на электронный адрес, содержащий более полную информацию об усадьбе. Далее располагается информация о первом собственнике усадьбы. На странице располагаются иллюстрации усадьбы. На одной из иллюстраций изображена часть усадьбы с годом ее постройки. На странице дана иллюстрация портрета Боташова- собственника усадьбы, а так же иллюстрации родового герба семьи Баташевых. На каждую иллюстрацию создана гиперссылка на электронный адрес. В конце страницы располагается разделительная линия.
Село Пощупово. На странице дается описание географического местоположения села. Справа от описания находится иллюстрация ночного вида на село. Вначале страницы, сразу после ее названия и разделительной линии написано название села. На названии создана гиперссылка на электронный адрес с наиболее подробной информацией о нем. Далее следует описание культурного наследия села с иллюстрациями. На каждой иллюстрации создана гиперсылка на электронный адрес, с которого была взята данная иллюстрация.
Музеи области. На данной странице дается информация о музеях области, которую можно получить кликнув левой кнопкой мышки на название определенного музея, т.к. каждое название музея соединено гиперсылкой с определенным электронным адресом, на котором можно получить достаточно подробную информацию. Напротив каждого названия музея расположена иллюстрация соответствующего музея, которая так же соединена гиперссыкой с электронным адресом. Завершает страницу узорчатая разделительная линия.
В курсовом проекте автор предпочел использовать фон нейтрального сдержанного цвета без использования заливки и без использования ярких цветов, чтобы уменьшить утомительное воздействие на глаза предполагаемых пользователей.
В проекте был использован читабельный шрифт, не сливающийся с фоном, что способствует наиболее легкому восприятию информации.
Автор проекта предположил, что данная информация будет иметь обще развивающий характер и будет интересна предполагаемым пользователям.
ЗАКЛЮЧЕНИЕ
В данном курсовом проекте были изучены средства создания сайта: язык HTML и программа Microsoft Office Publisher.
Была достигнута цель и следующие задачи проекта:
Ознакомиться с наиболее распространенными программами по созданию web-сайтов;
Изучить средства создания сайта: язык HTML и программу Microsoft Office Publisher;
Расширение круга знаний и умений в процессах редактирования web-страниц;
Применение полученных знаний при создании практической части курсового проекта «Рязанская область»;
Отработка имеющихся умений и навыков в проведении обобщений, анализа, компоновки имеющейся информации и вынесении выводов, разработка проектных решений по практическому применению полученных результатов.
В процессе разработки курсового проекта был создан сайт «Рязанская область» с проработанной теоретической базой его создания на основе программы Microsoft Office Publisher . Можно сделать вывод о том, что при помощи гипермедиа средств, в частности программы Microsoft Office Publisher достаточно легко можно представить информацию в максимально доступной форме. А главное — этот документ может увидеть любой желающий.
В заключение отмечу, что овладение информационными технологиями на сегодняшний день представляет ценность, особенно для деятельности государственных и муниципальных служащих, данные технологии являются одним из инструментов повышения эффективности государственного и муниципального управления, а значит, содействуют устойчивому развитию государства.
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ И ЛИТЕРАТУРЫ
1. О мерах по обеспечению информационной безопасности РФ в сфере международного информационного обмена : Указ Президента РФ от 12.05.04 г. № 611 // Собр. законодательства РФ. — 2004. №11. — Ст. 954.
2. Вагнер, Г. К. Рязанские достопамятности / Г. К. Вагнер, С. В. Чугунов. — М. : Искусство, 2004. — 321 с.
3. Город Касимов [Электронный ресурс] — Режим доступа : http://www.kasimov.ru, свободный. — Загл. с экрана.
4. Город Рязань [Электронный ресурс] — Режим доступа : http://www.lovech.ru, свободный. — Загл. с экрана.
5. Государственный стандарт Российской Федерации ГОСТ Р 6.30-97 Унифицированная система организационно-распорядительной документации. Требования к оформлению документов.
6. Догтеев, В. Ю. Рязань православная / В. Ю. Догтеев. — М., 2005. — 123 с.
7. Стандарт ДВАГС «Система вузовской методической, учебной документации. Выпускные квалификационные (дипломные) работы, курсовые проекты (работы), контрольные работы. СТП ДВАГС 04-2004»
8. Меженный, О. А. Microsoft Office 2003: Самоучитель / О. А. Меженный. — Киев: Диалектика, 2005. — 480 с.
9. Рыжков, В. И. Информационные технологии в государственном и муниципальном управлении: учебное пособие / В.И. Рыжков
10. Рязанская область [Электронный ресурс] — Режим доступа : http://www.mccme.ru, свободный. — Загл. с экрана.
11. Рязанская область [Электронный ресурс] — Режим доступа : http://www.buzlanov.ru, свободный. — Загл. с экрана.
12. Рыжков, В.И. Практикум по информационным технологиям: учебное пособие / В.И. Рыжков.- Хабаровск: ДВАГС, 2005.- 48 с.
Размещено на
