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

ВУЗ: Не указан

Категория: Курсовая работа

Дисциплина: Не указана

Добавлен: 16.02.2024

Просмотров: 63

Скачиваний: 0

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

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

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

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

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

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-разработки.

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

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

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

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

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

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