«Разработка сайта компании» .

Содержание:

Введение

В Данной курсовой работе рассматривается прототип некой компании поставщика. В курсовой работе не будут учитываться не благоприятные для ее существования элементы.

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

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

1. Теоретическая часть к требованию к созданию веб-сайта.

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

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

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

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

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

Это может быть другая страница, другое место на той же странице или иной вебсайт.

Веб - страницы написаны на языке, называемом язык разметки гипертекста - HTML. Браузеры (программы, используемые для серфинга в Интернете, такие как Google Chrome, Internet Explorer, Opera, Yandex, Амиго и другие), читают его и отображают нужную информацию, которая была написана на языке – HTML.

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

Веб-сайт выполняет следующие основные задачи:

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

1.1 Основные и общие требований к вебу – сайту.

Для начала, нужно подготовиться и учесть основные, общие требование к созданию веб – сайту:

1. Дизайн сайта.

Простой, ненавязчивый, но оригинальный - главные критерии.

1. Грамотный пользовательский интерфейс.

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

1. Логичная навигация.

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

1. Располагайте ссылки внизу.

Даже если они продублированы в другом месте. Это дополнительный способ привлечь внимание.

1. Качественный контент.

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

1. Контакты.

Это обязательное условие: связь с вами должна быть удобной и самой прямой.

1. Поиск.

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

1. Карта сайта.

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

1. Совместимость браузеров.

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

1. Статистика.

Она помогает вам в анализе работы вашего сайта.

Четыре общие требование к вебу – сайту:

1) Совместимость с основными версиями браузеров.

2) Минимальный объем HTML-кода.

3) Модификация сайта при минимуме человек часов.

4) Портабельность сайта.

Если сайт не просматривается или отображается некорректно в-четвертых версиях браузеров, то теряется значительная часть посетителей. Объем HTML-кода должен стремиться к минимуму по двум причинам.

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

Вторая причина связана с совместимостью с основными версиями браузеров и дальнейшим сопровождением сайта. Практика показывает, что чем больше объем HTML-кода, тем сложнее добиться, чтобы он одинаково отображался в различных браузерах. Здесь имеется в виду не абсолютный размер HTML-кода.

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

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

1. Сайт имел структуру, пример предлагаемой структуры сайта см. выше.

2. Исходный HTML-код должен быть читабельным.

3. Верхние и нижние колонтитулы были вынесены в отдельный файл.

4. CSS (таблицы каскадных стилей), используемые в нескольких документах находились в отдельном файле.

5. Функции JavaScript, используемые в нескольких документах находились в отдельном файле.

6. Гиперссылки имели правильные пути - абсолютные и относительные.

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

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

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

1.2 Компоненты и модули для создания веб – сайта.

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

1. Новости. Модуль для отображения новостей присутствует сегодня практически на каждом сайте. С его помощью посетителям сайта в удобном виде предоставляется информация обо всех новых явлениях и событиях, представляющих для целевой аудитории интерес. Модуль новостей нужен на сайтах почти всегда, за исключением тех случаев, когда контент сайтов обновляется крайне редко или же не обновляется вовсе.
2. Галерея изображений. Без галереи изображений трудно представить себе большинство сайтов в глобальной сети. С помощью галереи можно представлять на сайте выполненные проекты компании, ее товары. Графические изображения или фотографии подают информацию в очень удобном, практически универсальном виде, и без труда воспринимаются посетителями.
3. Подписка и рассылка. Компонент, отвечающий за рассылку новостей всем подписавшимся на нее посетителям сайта, а также модуль, обеспечивающий удобное взаимодействие с таким компонентом, обязательно должны присутствовать на сайтах с регулярно обновляемым контентом. Новостные сайты, интернет-магазины, а также официальные веб-представительства компаний и корпоративные ресурсы — все они обязательно требуют включения модуля подписки и рассылки в создание сайтов.
4. Форма обратной связи. Посетителям сайта всегда важно знать, что за ним стоит реальная компания, с которой в любой момент можно связаться. Удобной в этом случае оказывается форма обратной связи: сообщения, отправляемые через нее, попадают на определенный почтовый ящик, назначить который можно при создании сайта. Взаимодействие с целевой аудиторией через форму обратной связи повышает уровень доверия посетителей к сайту.
5. Гостевая книга. На сегодняшний день создание сайтов предусматривает разработку и установку гостевых книг лишь в редких случаях, их, большей частью, заменили компоненты и модули для комментирования, позволяющие посетителям сайта высказать свое мнение по поводу каждого опубликованного материала. Тем не менее, в сфере онлайн-продаж, например, гостевая книга на сайте по-прежнему остаются важным элементом его юзабилити.
6. Форум. Пожалуй, самый «спорный» из всех компонентов и модулей для сайта — это форум. Создание сайтов часто включает в себя разработку и установку форума, однако лишь в немногих случаях это действительно необходимо. Если форум пуст — это серьезный удар по репутации сайта и, как следствие, всей компании.
7. Онлайн-консультации. Возможность предоставления консультаций посетителям сайта в режиме онлайн очень пригодится для интернет-магазинов, а также сайтов компаний, рекламирующих в интернете свои услуги и товары. Благодаря компонентам и модулям для онлайн-консультаций эффективность продаж товаров через интернет возрастает, ведь посетители получают исчерпывающие ответы на свои вопросы в режиме «реального времени», что, несомненно, способствует повышению доверия к сайту.

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

1.3 Типы веб - сайтов.

1. Интернет - магазины.

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

Картинка № 1 – «Интернет магазин – «М,Видио»»

1. Сайты услуг.

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

Картинка № 2 – «Сайт услуги - «profi»».

1. Landing Page.

Лендинг — это веб-страница, цель которой — максимально эффективно продать товар или услугу. Landing Page обычно оформляется очень красиво, чтобы привлечь внимание и заставить пользователя:

1. Остаться на странице;
2. Дочитать до конца;
3. КУПИТЬ.

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

Картинка № 3 – «Сайт Лендинг – «AdTrust»».

1. Визитки.

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

Картинка № 4 – «Сайт визитка– «ЛДПР»».

1. Общие.

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

Картинка № 5 – «Общий сайт– «Лента.RU»».

1. Социальные сети.

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

Картинка № 6 – «Социальная сеть – «Facebook»».

Картинка № 7 – «Социальная сеть – «Twitter»».

1. Форумы.

Форум — это сайт, на котором происходит обсуждение тем. Обычно чуваки пишут туда под никнеймами в какую-то определенную тему для обсуждения.

Картинка № 8 – «howtogame».

1. Поисковые сайты.

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

Картинка № 9 – «Поисковая система – «Yandex.Ru»».

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

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

Занимается формированием этих стандартов 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. Программный код сайта должен быть валидным - т.е. соответствовать используемым при разработке спецификациям.

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

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

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

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

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

Степень соответствия сайта описанным критериям является показателем качества его разработки.

1.5 Основные компоненты создания современного веб - сайта.

В наше время для создание современного веб – сайта нужно вспомнить из чего же состоит?

1. Доменное имя.

Проще говоря, адрес вашего сайта в интернете. Чтобы создать сайт, вам необходимо будет зарегистрировать для него доменное имя (например, www.mit.com).

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

1. Хостинг.

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

1. Контент.

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

1. Дизайн.

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

1. Программное обеспечение.

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

1.6 Основные этапы создание веб – сайта.

1. Определение целей веб-сайта и его позиционирование.

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

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

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

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

Определение целевой аудитории веб-сайта - это не менее важный, чем определение целей веб-сайта, этап.

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

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

2. Создание технического задания (ТЗ) на разработку веб-сайта.

В ТЗ необходимо как можно более подробно описать:

- цели создания сайта и его целевую аудиторию;

- структуру веб-сайта и количество страниц в каждом разделе;

- работу динамических модулей;

- пожелания по дизайну (цвета, использование фирменного стиля, соотношение графика/текст и т.д.

- используемые технологии (HTML, Flash, PHP и проч.);

- порядок предоставления, обработки или создания графической и текстовой информации;

- технические требования к сайту.

ТЗ является основным документом, на основе которого осуществляются все последующие этапы разработки веб-сайта.

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

3. Создание дизайн-макета веб-сайта.

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

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

Современные мониторы имеют различные разрешения. В разговоре о веб-сайтах нас особенно интересует ширина. Размер монитора по ширине в пикселях может быть 800, 1024, 1280,1600 и даже больше.

Фиксированный дизайн сайта предполагает одну единую ширину сайта для всех разрешений экрана и для всех ширин окон, т.е. если ширина сайта 1000 пикселей, то на экране 800 пикселей будет появляться горизонтальная прокрутка, а на экране 1280 пикселей – пустые поля слева и справа (или только с одной стороны)

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

Резиновый дизайн, в отличие от фиксированного «подстраивается» под ширину экрана.

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

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

4. Верстка сайта.

После того, как Заказчик утвердил дизайн-макет (в письменном виде или по электронной почте) за работу принимается верстальщик – это тот человек, который переводит дизайн-макет на язык, понятный компьютеру с использованием языка HTML.

5. Программирование сайта.

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

На этапе программирования (как правило, с использованием DHTML, PHP, Perl, ASP и баз данных) происходит создание всех страниц сайта, определяется порядок работы меню, расставляются гипер - ссылки, создается динамика на сайте, программируются такие составляющие, как гостевая книга, форум, новостная лента и проч.

Если сайт должен иметь администраторский интерфейс, то он создается именно на этапе программирования.

Очень важно на этапе программирования определить, на какой системе администрирования (Content Management Site) будет работать ваш сайт. На сегодня на рынке существует великое множество систем администрирования. Для того, чтобы правильно выбрать систему надо ответить себе на ряд вопросов.

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

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

6. Наполнение сайта информацией.

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

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

7. Расположение сайта в сети Интернет.

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

8. Тестирование сайта.

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

2. Разработка веб – сайта коммерческого банка - «Полярная Звезда».

2.1 Разработка структуры сайта.

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

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

Достойный уважения Web-дизайн включает разработку страниц, доступных для пользователей с ограниченными возможностями, в частности по зрению и слуху. Консорциум World Wide Web объявил об инициативе Web Accessibility Initiative (WAI), которая ставит целью сделать Web более доступным для всех пользователей. Однако успех данной инициативы зависит от участия в ней рядовых разработчиков, которые могут (или не могут) создать Web-сайты в соответствии с поставленными задачами.

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

Многие люди с проблемами зрения используют текстовые браузеры (такие как Lynx) вместе с программным обеспечением, которое громко читает содержимое страницы. В любом случае основное внимание уделяется структуре документа и его тексту. Графическое содержимое может быть просто утеряно.

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

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

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

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

Картинка № 11 – «Логотип компании»

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

Картинка № 12 – «Навигационное меню сайта»

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

Картинка № 13 – «Внутренние кнопки – «О компании»».

Картинка № 14 – «Внутренние кнопки – «Наши услуги»».

Картинка № 15 – «Внутренние кнопки – «Контакты»».

Картинка № 16 – «Внутренние кнопки – «Магазин»».

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

Картинка № 17 – «Верстка сайта».

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

Картинка № 18 – «Информация на основном контенте страницы».

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

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

Какой сайт компании без наград.

Картинка № 19 – «Награды».

Картинка № 23 – «Информация в нижний части сайта».

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

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

Заключение

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

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

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

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

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

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

1. 50 оттенков блокчейна: что представляет собой российский рынок самой взрывной технологии 2017 года [Электронный ресурс] // TAdviser - портал выбора технологий и поставщиков: сайт. - URL: http://www.tadviser.ru/index.php
2. Изучаем HTML, XHTML и CSS, 2 издание. Эрик Фримен, Элизабет Фримен, Питер, 2016.
3. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера, 4-е издание (Николай Прохоренок, Владимир Дронов);
4. Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 3-е изд. (Робин Никсон);
5. Работа компаний по продаже, хранению, маркетингу. (Начальник склада части)

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

«Исходный код – index.html»