Файл: Разработка современного сайта библиотеки.pdf

Библиотекам, в нынешнее время, приходится адаптироваться к современным технологиям, а следственно, предоставлять информацию о себе в новых форматах, например, таких, как web-страница.

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

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

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

Список источников и литературы

Литература

Дуванов А. А. Web-конструирование. – Петербург: 2009. - 384 с.

Едомский Ю. Е. Техника Web-дизайна для студента. – Петербург: 2010. - 491 с.

Крамер Э. HTML: наглядный курс Web-дизайна. - Киев: 2009. - 304 с.

Леонтьев Б. Web-дизайн. Руководство пользователя. - Киев: 2011. - 384 с.

Печников В. Н. Создание Web-страниц и Web-сайтов. - М.: Триумф: 2010. - 370 с.

Роббинс Д. Web-дизайн. Справочник. - "КУДИЦ-ПРЕСС": 2009. - 816 с.

Смирнова И. Е. Начала web-дизайна. –Петербург: 2010. - 491 с.

Интернет-ресурсы

HTML и Web дизайн для начинающих: [Электронный ресурс]. -http://sovet.h1.ru (дата обращения: 29.03.2014)

Основы CSS и HTML: [Электронный ресурс]. - http://www.web-lesson.ru (дата обращения: 1.03.2014)

Создание сайтов: HTML: [Электронный ресурс]. - http://www.codeharmony.ru (дата обращения: 15.05.2014)

Создание страниц сайта с помощью HTML: [Электронный ресурс]. -http://roumik.ru (дата обращения 31.03.2014)

Создание шаблона сайта с помощью CSS: [Электронный ресурс]. -http://ruseller.com (дата обращения 1.05.2014)

Приложение

Исходный код

Главная страница(Новости)

<!DOCTYPE html>

<html>

<head>

<title>Новости</title>

$(document).ready(function () {

$.ajax({

type: "GET",

url: "xml/news.xml",

dataType: "xml",

success: xmlParser

});

function xmlParser(xml) {

$('#load').fadeOut();

$(xml).find("new").each(function () {

$(".content").append('<div id=\"genContentMain\"><table><tr><td><img src=\"img/news/' + $(this).find("img").text() + "\" width=\"200\" height=\"200\">" + '</td><td><center><h1>' + $(this).find("title").text() + '</h1></center><hr>Дата добавления: '+ $(this).find("data").text() + '<hr><br><p>' + $(this).find("text").text() + '</p></td></tr></table></div><br>');

});

}

</script>

</head>

<body>

Московская областная государственная научная библиотека им. Н.К. Крупской

</div>

<a href="index.html">Новости</a><br>

<a href="index_catalog.html">Каталог</a><br>

<a href="index_contacts.html">Контакты</a>

</div>

<h1>Главная страница</h1>

<hr>

<h1>Информация о сайте</h1>

<p>Сайт посвященный Электронной библиотеке, созданной Артуром Стахеевым, для курсового проекта за 3 курс<br>

На сайте имеется 4 страницы следующего содержания:

<br>-Новости, содержащая информацию о контенте web-страницы и последние новости сайта.

<br>-О нас, страница с информацией о кампании, которая предоставляет услуги библиотеки.

<br>-Каталог, собственно сами книги библиотеки.

<br>-Контакты, номер телефона кампании, адрес, а так же электронная почта кампании.

</p>

<hr>

<br>

</div>

<h1>

Здесь может быть ваша реклама!!!

</h1>

</div>

<p>© Оформление сайта. «Электронная библиотека» для курсового проекта, 2017<p>

</div>

</body>

</html>

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

<!DOCTYPE html>

<html>

<head>

</head>

<body>

Московская областная государственная научная библиотека им. Н.К. Крупской

</div>

<a href="index.html">Новости</a><br>

<a href="index_catalog.html">Каталог</a><br>

<a href="index_contacts.html">Контакты</a>

</div>

<hr>

<h1>История создания библиотеки</h1>

<p>

ГАУК МО «Московская областная государственная научная библиотека им. Н.К. Крупской» является центральной государственной библиотекой области, научно-исследовательским и организационно-методическим центром по библиотечному обслуживанию, обеспечивающим развитие библиотечного дела, взаимодействие библиотек в создании и использовании библиотечных ресурсов на территории Московской области.

Книжный фонд «МОГНБ им. Н. К. Крупской» составляет 2,6 млн. единиц хранения по различным отраслям знаний. Это одно из самых крупных книжных собраний Центрального Федерального округа. Областная научная библиотека формирует фонды краеведческой и местной печати, изданной на территории области, является центром краеведческой библиографии. Как информационный и научно-методический центр для библиотек области МОГНБ является разработчиком и проводником региональной библиотечной политики, проводит текущий библиотечный мониторинг, принимает участие в разработке краткосрочных и долгосрочных библиотечных программ, региональных нормативно-законодательных документов, проводит самостоятельно и участвует в исследованиях под руководством республиканских библиотек.

1 января 2009 года Государственному автономному учреждению культуры Московской области «Московская областная государственная научная библиотека им. Н.К. Крупской» исполнилось 90 лет.

</p>

<table>

<tr>

<td>

</td>

<td>

<p>

У истоков создания в декабре 1918 года Московской Центральной губернской библиотеки, которая с первых шагов стала методическим центром для библиотек Москвы и Московской губернии, стоял видный библиограф и библиотековед Александр Александрович Покровский.

Он заведовал библиотекой с декабря 1918 по ноябрь 1927 г. В 1924 году в Московской центральной библиотеке было предпринято впервые в практике массовых библиотек создание предметного каталога. В 1925 году в Московскую Центральную губернскую библиотеку вливается Центральная справочная библиотека, в помещении которой и размещается новая объединенная библиотека. В феврале 1926 года при Губполитсовете создаётся «Кабинет деревенского библиотекаря», который вскоре вливается в методический отдел губернской библиотеки, что еще больше повысило ее роль в оказании методической и практической помощи сельским библиотекам.

</p>

</td>

</tr>

</table>

</div>

<h1>

Здесь может быть ваша реклама!!!

</h1>

</div>

<p>© Оформление сайта. «Электронная библиотека» для курсового проекта, 2017<p>

</div>

</body>

</html>

Страница «Каталог»

<!DOCTYPE html>

<html>

<head>

$(document).ready(function () {

$.ajax({

type: "GET",

url: "xml/books.xml",

dataType: "xml",

success: xmlParser

});

function xmlParser(xml) {

$('#load').fadeOut();

var i = 1;

$(xml).find("book").each(function () {

$(".table_dark").append('<tr><td>'+i+'</td><td>' + $(this).find("name").text() + '</td><td>' + $(this).find("type").text() + '</td><td>'+ $(this).find("author").text()+'</td></tr>');

i = i +1;

});

}

</script>

</head>

<body>

Московская областная государственная научная библиотека им. Н.К. Крупской

</div>

<a href="index.html">Новости</a><br>

<a href="index_catalog.html">Каталог</a><br>

<a href="index_contacts.html">Контакты</a>

</div>

<h1>Каталог книг</h1>

<hr>

<tr>

<td>

<h1>

№

</h1>

</td>

<td>

<h1>

Название:

</h1>

</td>

<td>

<h1>

Жанр:

</h1>

</td>

<td>

<h1>

Авторы:

</h1>

</td>

</tr>

</table>

</center>

</div>

<h1>

Здесь может быть ваша реклама!!!

</h1>

</div>

<p>© Оформление сайта. «Электронная библиотека» для курсового проекта, 2017<p>

</div>

</body>

</html>

Страница «Контакты»

<!DOCTYPE html>

<html>

<head>

</head>

<body>

Московская областная государственная научная библиотека им. Н.К. Крупской

</div>

<a href="index.html">Новости</a><br>

<a href="index_catalog.html">Каталог</a><br>

<a href="index_contacts.html">Контакты</a>

</div>

<h1>Контактная информация</h1>

<hr>

<tr>

<td>

Адрес

</td>

<td>

Телефоны

</td>

<td>

E-mail

</td>

</tr>

<tr>

<td>

141077, Московская область, г. Королёв, пр-т Королёва, д. 24

</td>

<td>

(495) 511 05 46, 511 30 25,511 01 36

</td>

<td>

vopros@mognb.ru

</td>

</tr>

<tr>

<td>

141207, Московская область, г. Пушкино, ул. Тургенева, д. 24

</td>

<td>

(496) 539 60 66, (496) 539 60 77

</td>

<td>

rc@mognb.ru

</td>

</tr>

</table>

<h1>Расположение в городе Королеве<h1><hr><br>

</center>

</div>

<h1>

Здесь может быть ваша реклама!!!

</h1>

</div>

<p>© Оформление сайта. «Электронная библиотека» для курсового проекта, 2017<p>

</div>

</body>

</html>

Исходный код файла со стилями

padding: 0px;

margin: 0px;

font-size: 18px;

color: rgb(220, 220, 220);

font-family: "Comic Sans MS", cursive;

}

body {

background-color: rgba(26,26,26,1);

}

#genContentMain{

border: 2px solid rgb(255, 220, 51);

}

.table_dark {

font-family: "Comic Sans MS", cursive;

font-size: 14px;

width: 640px;

text-align: left;

border-collapse: collapse;

background: rgba(26,26,26,1);

margin: 10px;

}

.table_dark th {

color: rgb(220, 220, 220);

padding: 12px 17px;

}

.table_dark td {

color: rgb(220, 220, 220);

border: 1px solid rgb(255, 220, 51);

padding: 7px 17px;

}

h1{

color: rgb(255, 220, 51);

font-size: 25px;

text-align: center;

}

text-indent: 20px;

padding-left: 10px;

padding-right: 10px;

text-align: justify;

font-size: 18px;

color: rgb(220, 220, 220);

}

a {

width: 30%;

text-decoration: none;

outline: none;

display: inline-block;

margin: 10px 20px;

padding: 10px 30px;

position: relative;

border: 2px solid #f1c40f;

color: #f1c40f;

text-align: center;

font-size: 14px;

font-family: 'Montserrat', sans-serif;

transition: .2s;

}

a:after {

content: "";

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

margin: auto;

font-size: 14px;

border: 2px solid rgba(0,0,0,0);

transition: .2s;

}

.button-container a:hover:after {

border-color: #f1c40f;

width: calc(100% - 10px);

height: calc(100% + 10px);

}

#top{

color: rgb(0, 0, 0);

font-size: 30px;

width:100%;

height: 45px;

background-color: rgb(201, 192, 187);

border-bottom: 2px outset rgb(244,196,48);

text-align: center;

/*background-color: red;*/

}

#menu{

text-align: center;

float: left;

margin-top: 5px;

width: 10%;

height: 600px;

background-color: rgba(21, 23, 25, 0.3);

border: 2px outset black;

border-collapse: 10px;

}

#content{

float: left;

margin-top: 5px;

margin-left: 0.5%;

/*padding-left: 1%;*/

width: 76%;

min-height: 900px;

background-color: rgba(21, 23, 25, 0.3);

border: 2px outset black;

border-collapse: 10px;

text-align: left;

font-family: "Times New Roman", Georgia, Serif;

font-size: 20px;

}

#money {

float: left;

margin-top: 5px;

margin-left: 0.5%;

width: 12%;

height: 700px;

background-color: rgba(21, 23, 25, 0.3);

border: 2px outset black;

border-collapse: 10px;

}

#foot{

float:left;

width:100%;

background-color: rgb(0, 0, 0);

border-top: 2px outset rgb(244,196,48);

height: 40px;

margin-top: 5px;

font-size: 22px;

}

Исходный код подключаемого xml-файла

Файл с контентом новостей

<?xml version="1.0" encoding="utf-8"?>

<list>

<new>

<title>Стало известно главное слово 2017 года</title>

<text>В топ-10 словаря Merriam-Webster оказались слова, связанные с Трампом и премией "Оскар".</text>

</new>

<new>

<title>В 36 лет известный хореограф впервые стал отцом.</title>

Смотрите также файлы

Виды юридических лиц в Росиии.pdf

Предпринимательское правао. Предмет, метод и принципы.pdf

Ответственность за нарушение законодательства о рекламе в РФ.pdf

Определение рыночных возможностей на примере АНО ДПО “ШКИТ.pdf

Роль рекламы в современном маркетинге на примере АНО ДПО “ШКИТ”.pdf

Файл: Разработка современного сайта библиотеки.pdf

Заключение

Список источников и литературы

Смотрите также файлы

Информация

Списки файлов

Дополнительно