Создание сайта-визитки организации МБУК «Эжвинская централизованная библиотечная система»

Министерство образования и науки Российской Федерации

Сыктывкарский лесной институт (филиал)

ФГБОУ ВПО «Санкт-Петербургский государственный

лесотехнический университет имени С.М.Кирова»

 

 

 

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

 

Создание сайта-визитки организации МБУК «Эжвинская централизованная библиотечная система»

 

КР.ФЗДО.З.230201.3.100917.ПЗ

 

Кафедра информационных систем

 

Зав. кафедрой, к.т.н., доцент	И.И. Лавреш
Руководитель работы, к.т.н., доцент	Н.М.Третьякова
Исполнитель	О.В. Попова

 

Работа допущена к защите

дата 

Работа защищена

с оценкой 

дата 

 

 

 

 

 

Сыктывкар 2012

 

СОДЕРЖАНИЕ

 

 

ВВЕДЕНИЕ

 

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

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

Целью данной работы является разработка сайта-визитки Муниципального бюджетного учреждения культуры «Эжвинская централизованная библиотечная система».

Данная цель будет достигаться путём решения следующих задач:

1. Изучить теоретический материал, связанный с данной темой.
2. Рассмотреть основные теги HTML, используемые при написании Web-страниц.
3. Научиться применять полученные знания на практике.

 

1. ТЕОРЕТИЧЕСКИЕ СВЕДЕНИЯ

 

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

HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML).[3]

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

В настоящее время языков и программ для создания WEB-страниц огромное множество, но в данной работе будет использован именно язык HTML.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2. СТРУКТУРА САЙТА

 

На главной странице для удобства указаны ссылки на все разделы сайта.

Схема сайта изображена на рис. 2.1.

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

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Рис. 2.1 Структура сайта

 

3. КРАТКОЕ СОДЕРЖАНИЕ СТРАНИЦ

 

1. Страница «Главная»

 

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

Левый блок представляет собой меню сайта, в котором располагаются ссылки на страницы.

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

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

Изображение страницы показано на рис. 4.1.

 

2. Страница «О нас»

 

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

На странице представлены две гиперссылки на страницы «Администрация ЦБС» и «Как записаться в библиотеку».

Страница «Администрация» содержит информацию об администрации организации, режиме работы, адресах и телефонах для связи.

Страница «Как записаться в библиотеку» содержит краткую информацию о правилах записи в любую из библиотек Эжвинского района.

 

3. Страница «Эжва.ru»

 

Страница посвящена краткой истории развития Эжвинского района.

 

4. Страница «Коллегам»

 

На странице представлена полезная информация о библиотеках республики Коми и г. Сыктывкара в частности.

 

4. Страница «Напиши нам письмо»

 

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

5. Страница «Карта сайта»

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

6. Страница «Контактная информация»

Страница содержит в себе информацию о сотрудниках и администрации организации, адреса и телефоны.

7. Страница «Архив»

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

8. Страница «Поиск»

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

 

4. ИЗБРАННЫЕ СТРАНИЦЫ САЙТА

 

Были выбраны четыре страницы сайта: «Главная», «О нас» («Администрация»), «Эжва.ru» и «Коллегам».

 

4.1. Страница «Главная»

 

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<meta http-equiv="Content-Language" content="ru">

<title>ЭЖВИНСКАЯ  ЦЕНТРАЛИЗОВАННАЯ БИБЛИОТЕЧНАЯ СИСТЕМА</title>

<meta name="GENERATOR" content="Microsoft FrontPage 6.0">

<meta name="ProgId" content="FrontPage.Editor.Document">

<link rel="File-List" href="index.files/filelist.xml">

<!--[if !mso]>

<style>

v\:*         { behavior: url(#default#VML) }

o\:*         { behavior: url(#default#VML) }

.shape       { behavior: url(#default#VML) }

</style>

<![endif]--><!--[if gte mso 9]>

<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>

</xml><![endif]-->

<!--mstheme--><link rel="stylesheet" type="text/css" href="_themes/expeditn/expe1011-1251.css"><meta name="Microsoft Theme" content="expeditn 1011">

<meta name="Microsoft Border" content="tlb, default">

</head>

<body  ><!--msnavigation--><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>

<p align="center">

<img border="0" src="images/Dub.gif" width="930" height="200">&nbsp;

<font face="Arial" size="4">

<p align="center" style="margin-bottom: 10px">

<a href="index.htm"><img src="images/главная.gif" width="90" height="25" border="0" alt="Главная" align="middle"></a>

<a href="Карта сайта.htm"><img src="images/karta.gif" width="90" height="25" border="0" alt="Карта сайта" align="middle"></a>

<a href="контакты.htm"> <img src="images/инфа.gif" width="180" height="25" border="0" alt="Контактная информация" align="middle"></a> </a>

<a href="фотоальбом.htm"><img src="images/архив.gif" width="90" height="25" border="0" alt="архив" align="middle"></a>

<a href="форма_поиска.htm"><img src="images/поиск.gif" width="90" height="25" border="0" alt="Форма поиска" align="middle">

</p>

</td></tr><!--msnavigation--></table><!--msnavigation--><table dir="ltr" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top" width="1%">

<p align="center">

<a href="О нас.htm"><img src="images/о нас.gif" width="150" height="40" border="0" alt="О нас"></a>

<br>

<br><a href="Эжва.ru.htm"><img src="images/эжва.ру.gif" width="150" height="40" border="0" alt="Эжва.ru"></a>

<br>

<br><a href="Коллегам.htm"><img src="images/коллегам.gif" width="150" height="40" border="0" alt="Коллегам"></a>

<br>

<br><a href="письмо.htm"><img src="images/письмо.gif" width="150" height="40" border="0" alt="письмо"></a>

</p>

</td><td valign="top" width="24"></td><!--msnavigation--><td valign="top"><hr>

<p style="margin-bottom: 0" align="center">

<font size="4" color="#006600" face="Arial">Добро  пожаловать на 

сайт &quot;Эжвинской централизованной библиотечной системы&quot;.

Здесь Вы можете познакомиться с информацией о библиотеках Эжвинского района, о книжных новинках и получить информацию о проводимых мероприятиях</font></p>

<p style="margin-bottom: 0" align="center"><font size="4" face="Arial"></font></p>

<p style="margin-top: 0; margin-bottom: 16px" align="center"><font size="4" face="Arial"><font color="#FF0000"> </font><a href="архив.htm"></a> </font></p>

<p style="margin-top: 0; margin-bottom: 16px" align="center"><font size="4" color="#FF0000">

<!--[if gte vml 1]><v:shapetype id="_x0000_t136"

coordsize="21600,21600" o:spt="136" adj="10800" path="m@7,l@8,m@5,21600l@6,21600e">

<v:formulas>

  <v:f eqn="sum #0 0 10800"/>

  <v:f eqn="prod #0 2 1"/>

  <v:f eqn="sum 21600 0 @1"/>

  <v:f eqn="sum 0 0 @2"/>

  <v:f eqn="sum 21600 0 @3"/>

  <v:f eqn="if @0 @3 0"/>

  <v:f eqn="if @0 21600 @1"/>

  <v:f eqn="if @0 0 @2"/>

  <v:f eqn="if @0 @4 21600"/>

  <v:f eqn="mid @5 @6"/>

  <v:f eqn="mid @8 @5"/>

  <v:f eqn="mid @7 @8"/>

  <v:f eqn="mid @6 @7"/>

  <v:f eqn="sum @6 0 @5"/>

</v:formulas>

<v:path textpathok="t" o:connecttype="custom" o:connectlocs="@9,0;@10,10800;@11,21600;@12,10800"

  o:connectangles="270,180,90,0"/>

<v:textpath on="t" fitshape="t"/>

<v:handles>

  <v:h position="#0,bottomRight" xrange="6629,14971"/>

</v:handles>

<o:lock v:ext="edit" text="t" shapetype="t"/>

</v:shapetype><v:shape id="_x0000_s1025" type="#_x0000_t136" alt="Приятного просмотра!"

style='width:306.75pt;height:37.5pt' fillcolor="#c90" stroked="f">

<v:fill color2="#930" angle="-135" focusposition=".5,.5" focussize="" focus="100%"

  type="gradientRadial"/>

<v:shadow on="t" color="silver" opacity="52429f"/>

<v:textpath style='font-family:"Impact";v-text-kern:t' trim="t" fitpath="t"

  string="Приятного просмотра!"/>

<o:lock v:ext="edit" aspectratio="t"/>

</v:shape><![endif]--><![if !vml]><img border=0 width=412 height=50

src="index.files/image001.gif" alt="Приятного просмотра!" v:shapes="_x0000_s1025"><![endif]></font></p>

<p> </p>

<hr>

<p align="center"> <font face="Arial"><font size="4" color="0033CC">Выставочный зал в библиотеке "Светоч"

05.12.2012 11:30

<br><font face="Arial"><font size="4" color="000000"><img src="images/нов1.gif" width="300" height="250" border="0">

1 декабря  в Центральной библиотеке «Светоч»  прошло торжественное закрытие<br>

 выставки  творческих работ по рукоделию  участниц клуба «Сударушка» (руководитель  – Трегубова Светлана Альбертовна)

 и участниц  творческого объединения «Забава» (руководитель – Шпак Татьяна  Александровна).

</p>

<hr>

<p align="center"> <font face="Arial"><font size="4" color="0033CC">Краеведческий семинар