Преподаватель который помогает студентам и школьникам в учёбе.

Разработка сайта библиотеки

Содержание:

Введение.

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

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

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

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

При этом для небольшого числа изданий нет необходимости создавать свою библиотеку.

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

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

Электронные библиотеки как класс информационных систем характеризуются на несколько видов:

Глобальным доступом к системе в среде Web;
Поддержкой метаданных для системы и пользователей;
Включением неоднородных информационных ресурсов;
Распределением информационных ресурсов;
Наличием материализованных и виртуальных коллекций;
Интеграцией информационных ресурсов на различных уровнях;
Использованием пользовательских интерфейсов с повышенным;
Уровнем семантики и др.

Электронная библиотека предоставляет качественно новые возможности работы с большими объемами информации.

Для решения такой задачи, необходимо web – сайты которые бы предоставляло доступ к списку книг, отслеживало возврат книг и т.д.

Целью курсовой работы – это разработать собственный web - сайт библиотеки «Непобедимы». Веб – сайт банка должен содержать современные технологии стандартами, как и по дизайнеру, так и по внутренней части структуре.

Основная часть.

Требованию к созданию веб-сайта библиотеки.

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

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

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

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

Все они базируются на общих критериях для web - серверов. К ключевым показателям качества web - серверов в настоящее время относятся:

Глубина содержания;
Простота навигации;
Стабильность информационных ресурсов;
Оперативность обновления информации;
Доступность для пользователей;
Единство дизайна всех разделов.

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

Источники информационных библиотечных сайтов.

К таким источникам относятся, в первую очередь:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Новости/календарь событий (анонсы предстоящих в библиотеке мероприятий и краткие отчеты об уже состоявшихся);
Общие сведения о библиотеке (перечень отделов с указанием лиц для контактов, распорядок работы, правила записи, история библиотеки, банковские реквизиты);
Информационно-библиографические ресурсы (перечень и подробная характеристика имеющихся каталогов, картотек, баз данных на CD-ROM);
Сведения о фондах (состав книжного фонда, периодики, фонда аудиовизуальных документов и др.);
Перечень предоставляемых услуг (подробное указание всех бесплатных и платных услуг с указанием отделов и текущих расценок).

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

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

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

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

После создания или обновления страниц и перед загрузкой страниц непосредственно на сервер необходимо произвести проверку текста на наличие орфографических ошибок.

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

Этапы разработки web – сайта.

Основные этапы разработки сайта:

Подготовительный;
Разработка макета;
Верстка;
Программирование;
Наполнение контентом;
Раскрутка сайта;
Администрирование (поддержка) сайта.

1.2.1 Подготовительный этап.

На этом этапе необходимо сформировать основную идею будущего сайта.

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

1.2.2 Разработка макета

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

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

1.2.3 Верстка web – сайта

HTML изначально задумывался как язык, которому не нужны средства оформления, такие как цвет, размер, рамки или что-то подобное. Разработанный в Европейском институте физики частиц (CERN), HTML был игрушкой ученых, их, прежде всего, интересовала логика информации, а не её визуальное представление. Тогда ещё не существовало понятия веб-дизайна и вёрстки как таковой, все сайты по своему оформлению были практически однотипными, в стиле, называемом сейчас «академический дизайн». Пример до сих пор можно посмотреть на lib.ru.

Однако пользователи преимущественно думали иначе и, глядя на красивую картинку, отдавали предпочтение именно ей. Разработчики браузера Netscape прекрасно понимали это и вводили в HTML новые теги, улучшающие внешний вид документа. Эти теги не были стандартизированы и работали только в Netscape, что в эпоху повального засилья этого браузера, не имело значения. Доля Netscape составляла более 90% от всех существующих браузеров.

Влияние Netscape оказалось губительным для академического дизайна, фактически похоронив его и оказалось благотворным для становления веб-дизайна. Разработчики сайтов поняли, что дизайн — это не просто разноцветный текст и вставленные наобум картинки. Это возможность красочно и эффектно подать материал, придать определённое настроение сайту, заинтересовать посетителя и задержать его на ресурсе. Дизайн стал непосредственным этапом разработки сайта, за которым последовала и вёрстка. Нарисованные в Фотошопе макеты следовало превратить из одной картинки в набор изображений, стилевых и HTML-файлов, способных быстро загружаться по сети, сохраняя при этом особенности дизайна.

Век Netscape продолжался до тех пор, пока часть рынка браузеров не захватила Microsoft со своим браузером Internet Explorer, что в итоге принесло только головную боль разработчикам сайтов. Разные подходы Netscape и Internet Explorer к отображению сайта, противоречивая поддержка стилей и тегов, большое количество мелких ошибок привело к тому, что сайт приходилось тестировать и отлаживать долгое время.

Устаревшие версии браузеров не в полной мере поддерживали CSS (Cascading Style Sheets, каскадные таблицы стилей), поэтому код представлял собой окрошку из HTML и CSS. Это привело к тому, что для макетов стали применяться таблицы с невидимой границей, на долгое время ставшими стандартом де-факто.

Следующим этапом развития разработки сайтов стало рождение спецификации, которая была названа Cascading Style Sheets Level 2, сокращенно CSS2. Следом появилось обновление Cascading Style Sheets Level 2 Revision 1 (CSS 2.1), которое используется по сей день. Выпуск новых версий браузеров, поддерживающих, пусть и не в полной мере, эту спецификацию, серьёзно облегчил работу над сайтами. В итоге, начал происходить постепенный переход от табличной вёрстки к блочной или, как она ещё называется, вёрстке слоями, в которой расположение элементов на странице и их вид задаётся через стили.

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

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

Таким образом, вёрстка в простом понимании — это процесс превращения работы дизайнера в веб-страницу, отображаемую в браузере.

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

1.2.4 Программирование

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

Веб программирование делится на два вида: серверное (бэкенд) и клиентское (фронтенд).

Серверное web - программирование – это создание логики на стороне сервера: обработка запросов с клиентов, динамическое формирование HTML-страниц, взаимодействие с базой данных и т.д. Существует множество языков программирования для бэкенда: PHP, Python, Perl, Ruby… Самым распространённым из них является PHP, во многом за счёт своей простоты и функциональности, для его изучения, рекомендуем вам пройти курсы «Основы PHP»

Клиентское web - программирование – это создание логики на стороне браузера: отправка Ajax-запросов серверу и динамическое изменение страницы без перезагрузки, сохранение данных пользователя в браузере и их обработка. По умолчанию в браузерах присутствует один язык программирования – JavaScript, поэтому он лидирует по понятным причинам. Если вы всерьёз решили заняться web-программированием на форнтенде, то рекомендуем Вам посетить курс «JavaScript Базовый» для быстрого старта.

1.2.5 Наполнение контентом

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

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

1.2.6 Раскрутка сайта

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

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

1.2.7 Администрирование (поддержка) сайта.

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

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

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

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

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

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

Критерии качества сайта

В качестве базовых можно предложить следующие три критерия оценки

сайтов: информативность, открытость, интерактивность.

Информативность. Сайт является удобным каналом информирования

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

- общая информация о сайте/портале;

- нормативные документы;

- справочники и базы данных;

- информация о конкурсах и тендерах;

- карта сайта;

- англоязычная версия сайта;

- новостная информация.

Открытость. Является приоритетным направлением работы сайта. Такой

подход предполагает создание механизмов прозрачности деятельности. На сайте должны быть представлены:

- раздел об организационной структуре библиотеки;

- информация о сотрудниках;

- контактная информация структурных подразделений;

- информация о территориальных органах, филиалах;

- информация о руководителях;

- контактная информация;

- аналитические и статистические материалы.

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

- поисковая система;

- раздел «часто задаваемые вопросы» (FAQ);

- тематический форум;

- голосование и анкетирование онлайн;

- отправка сообщения с сайта;

- подписка на рассылку обновлений сайта (RSS);

- регистрация и получение расширенных сервисов онлайн.

Соответствие существующим стандартам

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

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

Существует еще ряд организаций по стандартизации:

ISO (International Organization for Standartization), которая управляет более чем 10000 стандартов во всех областях и помогает обеспечивать совместимость коммерческих и информационных технологий по всему миру.
IETF (Internet Engineering Task Force) - это международное сообщество сетевых дизайнеров, операторов, производителей и иследователей, задачей, которых является развитие Интернета в целом.
Ecma International - Европейская ассоциация по стандартизации информационных и коммуникационных систем.
Unicode Consortium - управляет стандартом Unicode для многоязычных наборов символов.
ANSI (American National Standarts Institute) - охватывает широкий диапазон стандартов.

Соответствие существующим стандартам означает что:

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

Соответствие существующим стандартам обеспечивает:

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

Кроссбраузерность.

Кроссбраузерность подразумевает правильное отображение страниц сайта в разных браузерах. Существует большое количество браузеров (программ, которые используются для выхода в Интернет) - Mozilla Firefox, Google Chrome, Opera, Internet Explorer и другие.

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

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

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

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

Виды web – сайтов

Видов web – сайтов всего классифицируются на три способа:

Статический.

Статический веб-сайт не меняет свое содержимое (текст, графику, разметку и т.п.) от запроса к запросу на сервер. Единственный способ изменить содержимое такого веб-сайта – это, когда веб-мастер заменяет вручную HTML страницы на сервере веб-сайта.

Статический веб-сайт – это очень простой интернет-сайт. Это означает, что такие виды сайтов обычно намного дешевле более продвинутых сайтов.
Всё содержимое сайта хранится в файлах на веб-сервере.
Разработка, доработка и изменение контента статического веб-сайта требует знаний технологий, таких как HTML и CSS.
Динамический, разрабатываемый с нуля;

Такие типы сайтов предполагают частое изменение и дополнение своего содержимого (контента). Вот некоторые их особенности:

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

С нуля динамические сайты разрабатываются обычно тех случаях, когда требуется реализовать какой-либо уникальный функционал всего веб-сайта. В этих случаях использование CMS (Content Management System — система управления контентом) может оказаться нецелесообразным, так как ресурсы, потраченные на модификацию CMS, будут превосходить ресурсы, потраченные на разработку с нуля.

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

Динамический с использованием CMS.
Платформа (CMS) уже готова, поэтому разработка веб-сайта занимает меньше времени.
CMS позволяет динамически управлять контентом веб-сайта.

Типы web – сайтов.

Сайт – визитка (Каталог продукции);

Сайт-визитка – это довольно часто вспомогательный маркетинговый онлайн инструмент, отвечающий на основные вопросы о вашем бизнесе: «Кто вы? Какие товары и услуги предлагаете? Где находитесь?». Это то, как большинство компаний появляется в интернете. Для некоторых наших клиентов простого сайта-визитки, который изредка меняется, вполне достаточно.

Обычно такой сайт содержит одну-две страницы (Главная, Контакты и Обратная связь), может быть статическим или динамическим с использованием CMS.

Картинка № 1 – «Сайт – визитка «СтабГарант»»

Корпоративный веб – сайт.

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

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

Картинка № 2 – «Корпоративный сайт «BXREADY»»

Информационный портал.

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

Картинка № 3 – «Информационный портал - «SioNews»»

Интернет магазин.

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

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

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

Картинка № 4 – «Интернет магазин- «Sharephonic»»

Разработка веб – сайта библиотеки - «Непобедимы».

Этапы разработки структуры сайта.

Составьте перечень информации, которую Вы хотите разместить на сайте. Определите список и типы страниц, которые потребуется создать. Например, страница о сайте, каталог товаров, личный кабинет покупателя, служебные разделы (условия оплаты, доставки, возврата товаров, реквизиты), контакты, полезные статьи по выбору товаров (блог).
Создайте навигацию верхнего уровня. Она должна содержать максимум 5-7 ссылок, лучше 4-5 (чтобы была возможность дальнейшего масштабирования). В навигацию верхнего уровня должны входить основные разделы, которые играют значительную роль для посетителей.
Создайте структуру каждого раздела, который вошел в навигацию верхнего уровня. Например, в навигацию верхнего уровня у Вас вошли страницы «О сайте», «Каталог», «Оплата и доставка», «Контакты». Три страницы («О сайте», «Оплата и доставка», «Контакты») являются обычными страницами и подразделов не содержат. Поэтому на третьем этапе Вам необходимо продумать структуру раздела «Каталог», а именно дробление товаров на категории и подкатегории.
Продумайте дополнительную навигацию на сайте. Например, в интернет-магазине можно сделать боковое меню с категориями товаров. Посетители смогут переходить в каталог с любой страницы сайта, что удобно. В самом каталоге можно предусмотреть дополнительные элементы, позволяющие сортировать товары по цвету, размеру, иным параметрам. На страницах статей можно предусмотреть дополнительное меню с перечнем товаров, которые могут заинтересовать читателя. Например, в обзоре лучших фотоаппаратов разместить ссылки на карточки данных товаров в магазине.
Служебные разделы можно разместить в подвале сайта – так называют нижнюю часть Интернет-ресурса. Например, там можно разместить ссылку на пользовательское соглашение или реквизиты компании.
Нарисуйте получившуюся структуру на бумаге. Представьте, что Вы попали на главную страницу сайта. Куда Вы отправитесь далее? Затем представьте, что попали на карточку товара, в раздел каталога или на информационную страницу, например, статью из блога. Сможете ли Вы комфортно продолжить свое путешествие по сайту, быстро ли найдете каталог, выберете нужный товар или найдете дополнительную информацию по теме? Такая практика позволяет примерить будущую структуру сайта и понять, насколько удобное решение придумано.

2.2 Описание разработки веб – сайта библиотеки.

Чтобы создать библиотечный сайт, то мы должны сделать фон будущего сайта.

$C:\Users\User\Desktop\Новая папка (34)\Новая папка (2)\Новая папка\Новая папка\Новая папка\некк.png$

Картинка № 5 – «Фон сайта».

После того, как сделали фон библиотечного сайта, то вставляем логотипы банка.

Картинка № 6 – «Логотипы библиотеки».

После того как мы вставили логотипы, то делаем меню нашего библиотечного сайта.

$C:\Users\User\Desktop\Новая папка (34)\Новая папка (2)\Новая папка\Новая папка\Новая папка\огого.png$

Картинка № 7 – «Меню сайта».

Как мы сделали сайт меню, следующим этапом будет вставить картинку на сайт.

$C:\Users\User\Desktop\Новая папка (34)\Новая папка (2)\Новая папка\Новая папка\Новая папка\кгее5.png$

Картинка № 8 – «Вставка картинки для сайта».

Последним этапом будет – это создание специальных таблиц с кнопками.

$C:\Users\User\Desktop\Новая папка (34)\Новая папка (2)\Новая папка\Новая папка\Новая папка\кагге.png$

Картинка № 9 – «Таблицы с информации для сайта с кнопками».

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

$C:\Users\User\Desktop\Новая папка (34)\Новая папка (2)\Новая папка\Новая папка\Новая папка\еггкек.png$

Картинка № 10 – «Полная версия сайта – «Непобедимые»».

Посмотрим, как будет выглядеть сайт на смартфоне марки «Huawei P9 Lite».

$C:\Users\User\Desktop\Новая папка (34)\Новая папка (2)\Новая папка\Новая папка\Новая папка (3)\нке.jpg$

Картинка № 11 – «Примерно так будет выглядеть сайт на смартфоне».

Заключение.

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

Российские библиотечные веб-сайты, как правило, содержат традиционный набор, включающий контактную, историческую и рекламную информацию, точки доступа к внутри библиотечным и мировым информационным ресурсам.

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

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

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

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

Список литературы.

http://www.mistli.ru/etapi-razrabotki-web-sayta;
https://ru.wikipedia.org/wiki/%D0%92%D0%B5%D0%B1-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5;
http://htmlbook.ru/samlayout;
http://gymnazya.ru/stati/veb-sajt-biblioteki--informacionnij-resurs-dlya-virtualenogo-p/main.html;
https://studfiles.net/preview/5438745/page:13/;
https://kodolex.com/blog/web/website-types/;
Храмцов П.Б, и др. Основы WEB-технологий. - М.: ИНТУИТ.РУ «Интернет - Университет Информационных Технологий», 2003.
PHP, MySQL и другие веб-технологии-Статьи/ PHP в примерах. Режим доступа к ст.: http://www.php.su/articles/;
https://refdb.ru/look/2207142-p2.html;
http://znet.ru/raskrutka/vidyi-saytov-i-ih-klassifikatsiya-s-primerami/;
http://textbook.vadimstepanov.ru/chapter5/glava5-1.html.

Приложения № 1

Исходный код - index.html

<!DOCTYPE html>

<head>

<title>Непобедимые</title>

</head>

<a href="" class="menu__item">О библиотеки</a>

<a href="" class="menu__item">Новости</a>

<a href="" class="menu__item">Вопросы и ответы</a>

<a href="" class="menu__item">Контакты</a>

<a href="" class="menu__item">Список книг</a>

<a href="" class="menu__item">Отзывы</a>

</nav>

<div class="content__item1"><h3>Добро пожаловать в городскую библиотеку "Непобедимые"!</h3>

Мы очень рады вас видеть на нашем сайте.<br />

Вы узнаете много интересного.<br />

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

<br />Вы подброное сможите все узнать.<br />

<button class="content__button">Читать далее</button></div>

<div class="content__item2"><h3>Заказывать книги</h3>

А так же вы сможите заказать через сайт любую книгу, бесплатно.<br />

Многие посетители любят читать книги под музыку, и вы тоже сможите это делать специальным аудизаписями на нашем сайте.<br />

Все любят смотреть фильмы во время чтения книги, то вы тоже сможите это делать через наш сайт.<br />

Мы предусмотрели самые веселые по разным стилям фильмы и вы всегда сможите их посмотреть.<br />

<button class="content__button">Читать далее</button></div>

<div class="content__item3"><h3>Информация</h3>

Мы не простая библиотека, а с секретом...<br />

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

А еще вы сможите все подробное узнать, что вас ожидается на сайте.<br />

<button class="content__button">Читать далее</button>

</div>

</body>

</html>

Приложения № 2

Исходный код - Style.css

.wrapper{

width: 60%;

margin:0 auto;

display: grid;

grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;

grid-template-rows: 150px 100px 300px 1fr;

grid-template-areas:"header__item1 header__item1 header__item2 header__item2 header__item3 header__item3"

"menu menu menu menu menu menu"

"main-image main-image main-image main-image main-image main-image"

"content__item1 content__item1 content__item2 content__item2 content__item3 content__item3";

}

.header__item1 {

background:#00CED1;

grid-area: header__item1;

}

.header__item2 {

background:#00CED1;

text-align: center;

grid-area: header__item2;

}

.header__item3 {

background:#00CED1;

color:#fff;

text-align:right;

grid-area: header__item3;

}

.menu {

height: 90px;

background: #fff;

display: flex;

justify-content: space-around;

align-items: center;

grid-area: menu;

}

.menu__item {

text-decoration: none;

display: block;

width: 110px;

color:#000;

font-family:'Times New Roman';

font-size:18px;

font-weight:600;

pedding:1em;

text-align:center;

}

.menu__item:hover {

color:#ff6a00;

}

.main-image {

text-align: center;

margin:0 auto;

grid-area: main-image;

}

.content__item1 {

grid-area:content__item1;

wight: 200px;

text-align:center;

}

.content__item2 {