Разработка корпоративного сайта 'Департамент сопровождения клиентов'

  • Вид работы:
    Дипломная (ВКР)
  • Предмет:
    Информационное обеспечение, программирование
  • Язык:
    Русский
    ,
    Формат файла:
    MS Word
    2,69 Мб
  • Опубликовано:
    2015-07-22
Вы можете узнать стоимость помощи в написании студенческой работы.
Помощь в написании работы, которую точно примут!

Разработка корпоративного сайта 'Департамент сопровождения клиентов'

Содержание

ВВЕДЕНИЕ

1.      СПЕЦИАЛЬНАЯ ЧАСТЬ

1.1    Постановка задачи

1.1.1 Структура программы

1.2    Схемы алгоритма программы

.2.1   Схема алгоритма главной страницы

.2.2   Схема алгоритма страницы сайта

.2.3   Схема алгоритма страница с независимым рейтингом

.3      Отладка программы

.4      Руководство пользователя

2.      ОХРАНА ТРУДА

.1      Техника безопасности при работе на персональном компьютере

.2      Требования к помещению

.3      Мероприятия по технике противопожарной безопасности

2.4 Инструкция по действиям в случае пожара

.5 Требования электробезопасности

3.      ЭКОНОМИЧЕСКАЯ ЧАСТЬ

3.1    Технико-экономическое обоснование решаемой задачи

.2      Расчетная часть

.2.1   Расчет трудоемкости решаемой задачи

3.2.2 Расчет себестоимости

3.2.3 Анализ экономической эффективности от внедрения задачи в производство

.2.4 Анализ структуры себестоимости

3.3    Графическая часть

.3.1   Таблица производительности труда программиста

3.3.2 Таблица трудоемкости при решении задачи на ЭВМ

.3.3 Таблица калькуляции при решении задачи на ЭВМ

.3.4 Пояснение к таблице калькуляции

3.3.5 Технико-экономические показатели

ЗАКЛЮЧЕНИЕ

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

ПРИЛОЖЕНИЕ А


ВВЕДЕНИЕ

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

Интернет (WEB) - всемирная система объединенных компьютерных сетей, построенная на использовании протокола IP и маршрутизации пакетов данных. Интернет образует глобальное информационное пространство, служит физической основой для Всемирной паутины и множества других систем (протоколов) передачи данных. Часто упоминается как «Всемирная сеть» и «Глобальная сеть».

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

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

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

1. СПЕЦИАЛЬНАЯ ЧАСТЬ

1.1 Постановка задачи

Темой дипломной работы является “Разработка корпоративного сайта Департамент сопровождения клиентов”. Данный сайт должен стать основным способом ознакомления с компанией.

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

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

Структура сайта должна выглядеть следующим образом:

а) Главная страница со следующими блоками:

Логотип сайта - ссылка;

Информация по департаменту;

Информация из базы данных;

О банке

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

Корпоративным клиентам

Частным лицам

Офисы банка

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

б) Страница сайта:

Логотип сайта - ссылка;

Информация по названию страницы;

Ссылка на главную страницу;

Футер.

в) Страница независимого рейтинга:

Логотип сайта - ссылка;

Информация по названию страницы;

Ссылка на главную страницу;

Футер.

Структура базы данных должна иметь следующий вид (рисунок 2.1)

Рисунок 2.1 - Структура базы данных

Преимущества языка PHP

Главным фактором языка PHP является практичность. Язык PHP должен предоставить программисту средства для быстрого и эффективного решения поставленных задач. Практический характер PHP обусловлен пятью важными характеристиками:)         традиционность;)         простота;)  эффективность;)  безопасность;)    гибкость.

Язык PHP будет казаться знакомым программистам, разработчикам в разных областях. Многие конструкции языка позаимствованы из С, Perl. Код PHP очень похож на тот, который встречается в типичных программах на С или Pascal. Это заметно снижает начальные усилия при изучении PHP. PHP - язык, сочетающий достоинства Perl и С, специально нацеленный на работу в Интернете. И хотя PHP является довольно молодым языком, он обрел такую популярность среди web-программистов, что на данный момент является чуть ли не самым популярным языком для создания web-приложений.

Минимальные системные требования, необходимые для работы программы:)    процессор Intel Pentium 1 700Mhz;)       объем оперативной памяти - 32Мбайта;)         жесткий диск 4.0Gb;)       клавиатура;)       операционная система Windows 95/98/XP/vista/7/8;)         установленный любой веб браузер.

1.1.1 Структура программы

Структура сайта приведена на рисунке 2.2

Рисунок 2.2- Структура сайта

 

База данных представлена в таблицах 2.1 - 2.8

Таблица 2.1 - Таблица «Сотрудники»

Назначение поля

Название поля

Тип данных

Номер сотрудника

№ сотрудника

int

Ф.И.О.

Ф.И.О.

text

Стаж работы

Стаж работы

char

Дата рождения

Дата рождения

date

Пол

Пол

text

Дата приема на работу

Дата приема на работу

date

Телефон

Телефон

char

Должность

Должность

text

Зарплата

Зарплата

char

№ отдела

№ отдела

int

 

Таблица 2.2 - Таблица «Клиенты»

Назначение поля

Название поля

Тип данных

Номер клиента

№ клиента

int

Ф.И.О.

Ф.И.О.

text

Телефон

Телефон

char

Серия и номер паспорта

Серия и номер паспорта

char

Номер сотрудника

№ сотрудника

char

Пол

Пол

text

Адрес проживания

Адрес проживания

text

Номер договора

№ договора

int


Таблица 2.3 - Таблица «Договоры»

Назначение поля

Название поля

Тип данных

Номер договоа

№ договора

int

Номер клиента

№ клиента

char

Дата заключения

Дата заключения

date

Дата окончания договора

Дата окончания договора

date

Номер сотрудника

№ сотрудника

int

Номер банковской услуги

№ банковской услуги

int


Таблица 2.4 - Таблица «Кредиты»

Назначение поля

Название поля

Тип данных

Номер кредита

№ кредита

int

Срок кредита

Срок кредита

char

Процент

Процент

char

Сумма

Сумма

char

Цель взятия кредита

Цель взятия кредита

text


Таблица 2.5 - Таблица «Ипотека»

Назначение поляНазвание поляТип данных



Номер ипотеки

№ ипотеки

int

Срок ипотеки

Срок ипотеки

char

Процент

Процент

char

Сумма

Сумма

char

Цель взятия ипотеки

Цель взятия ипотеки

text


Таблица 2.6 - Таблица «Вклады»

Назначение поляНазвание поляТип данных



Номер вклада

№ вклада

int

Срок вклада

Срок вклада

char

Процент

Процент

char

Валюта вклада

Валюта вклада

text

Сумма вклада

Сумма вклада

char


Таблица 2.7 - Таблица «Банковские услуги»

Назначение поля

Название поля

Тип данных

Номер банковской услуги

№ банковской услуги

int

Номер кредита

№ кредита

int

Номер ипотеки

№ ипотеки

int

Номер вклада

№ вклада

int


Таблица 2.8 - Таблица «Отделы»

Назначение поляНазвание поляТип данных



Номер отдела

№ отдела

int

Наименование отдела

Наименование отдела

text

Номер договора

№ договора

char

Номер сотрудника

№ сотрудника

char


1.2 Схемы алгоритма программы

1.2.1 Схема алгоритма главной страницы

1.2.2 Схема алгоритма страницы сайта


1.2.3 Схема алгоритма страница с независимым рейтингом


1.3 Отладка программы

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

Типичные ошибки в программах:

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

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

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

В процессе отладки программы были обнаружены следующие ошибки:

Синтаксические: пропущены «::», «'», «”», «;»;

Не везде проставлены ссылки, не везде где нужно, были проставлены списки.

Все допущенные ошибки были исправлены. Чтобы продемонстрировать правильность работы программы необходимо провести тестирование.

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

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

a)         тестирование снизу вверх;

b)         тестирование сверху вниз.

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

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

Этапы тестирования:

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

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

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

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

1.4 Руководство пользователя

Минимальные системные требования, необходимые для работы программы:

a)      процессор Intel Pentium 1 700Mhz;)       объем оперативной памяти - 32Мбайта;

c)       жесткий диск 4.0Gb;)   монитор;)  клавиатура;

f)       операционная система Windows 95/98/XP/vista/7/8;

g)      установленный любой веб браузер;

h)      подключение к Internet

Для работы с программой нужно запустить Internet Explorer или любой другой браузер.

Для запуска Internet Explorer следует:

a)         щелкнуть по кнопке “Пуск”;

b)         выбрать программу;

c)         щелкнуть на иконке “Internet Explorer”.

На экране появится окно Internet Explorer, в адресной строке которого вводится адрес (рисунок 2.3).

 

Рисунок 2.3- адресная строка с наименованием сайта

 

После нажатия клавиши Enter, в окне браузера появится главная страница веб-сайта (рисунок 2.4).

Рисунок 2.4 - Главная Веб-страница

При нажатии ссылки «О БАНКЕ», в окне браузера появится страница веб-сайта (рисунок 2.5).

Рисунок 2.5 - Веб-страница о банке

При нажатии ссылки «НОВОСТИ И ИНФОРМАЦИЯ», в окне браузера появится страница веб-сайта (рисунок 2.6).

Рисунок 2.6 -Веб-страница новости и информация

При нажатии ссылки «КОРПОРАТИВНЫМ КЛИЕНТАМ», в окне браузера появится страница веб-сайта (рисунок 2.7).

Рисунок 2.7 - Веб-страница корпоративным клиентам

 

При нажатии ссылки «ЧАСТНЫМ ЛИЦАМ», в окне браузера появится страница веб-сайта (рисунок 2.8).

Рисунок 2.8 - Веб-страница частным лицам

 

При нажатии ссылки «ОФИСЫ БАНКА», в окне браузера появится страница веб-сайта (рисунок 2.9).

 

Рисунок 2.9 - Веб-страница офисы банка

сайт страница программа база данных

При нажатии ссылки «Сотрудники», в окне браузера появится страница веб-сайта (рисунок 2.10).

Рисунок 2.10 - Веб-страница Сотрудники

При нажатии ссылки «Клиенты», в окне браузера появится страница веб-сайта (рисунок 2.11).

Рисунок 2.11 - Веб-страница Клиенты

При нажатии ссылки «Договоры», в окне браузера появится страница веб-сайта (рисунок 2.12).

Рисунок 2.12 - Веб-страница Договоры

При нажатии ссылки «Кредиты», в окне браузера появится страница веб-сайта (рисунок 2.13).

Рисунок 2.13 - Веб-страница Кредиты

При нажатии ссылки «Ипотека», в окне браузера появится страница веб-сайта (рисунок 2.14).

Рисунок 2.14 - Веб-страница Ипотека

При нажатии ссылки «Вклады», в окне браузера появится страница веб-сайта (рисунок 2.15).

Рисунок 2.15 - Веб-страница Вклады

При нажатии ссылки «Банковские» услуги, в окне браузера появится страница веб-сайта (рисунок 2.16).

Рисунок 2.16 - Веб-страница Банковские услуги

 

При нажатии ссылки «Отделы», в окне браузера появится страница веб-сайта (рисунок 2.17).

Рисунок 2.17 - Веб-страница Отделы

Выход из программы осуществляется путем закрытия активного окна или посредством перехода на другой сайт через адресную строку Internet Explorer.

Данные таблицы сотрудников приведены на рисунке 2.18.

Рисунок 2.18 - Рисунок «Сотрудники»

Данные таблицы клиентов приведены на рисунке 2.19

Рисунок 2.19 - Рисунок «Клиенты»

Данные таблицы договоров приведены на рисунке 2.20

Рисунок 2.20 - Рисунок «Договоры»

Данные таблицы кредитов приведены на рисунке 2.21

Рисунок 2.21 - Рисунок «Кредиты»


Рисунок 2.22 - Рисунок «Ипотека»

Данные таблицы вкладов приведены на рисунке 2.23

Рисунок 2.23 - Рисунок «Вклады»

Данные таблицы банковских услуг приведены на рисунке 2.24

Рисунок 2.24 - Рисунок «Банковские услуги»

Данные таблицы отделов приведены на рисунке 2.25

Рисунок 2.25 - Рисунок «Отделы»

 

2. ОХРАНА ТРУДА

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

2.1 Техника безопасности при работе на персональном компьютере

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

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

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

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

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

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

2.2 Требования к помещению

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

Оптимальное количество рабочих мест с ЭВМ в одном помещении должно определиться исходя из расчета требуемой площади на одно рабочее место не менее 6 м2 при объеме 20 м3.

При работе, расстояние от глаз до экрана монитора должно быть не менее 50 см и в зависимости от высоты символов может составлять до 80-100 см (при меньшем расстоянии могут возникать чрезмерные напряжения аккомодационного аппарата глаз). Плоскость экрана должна быть перпендикулярна нормальной линии взора, а экран должен находиться примерно на 20 градусов ниже уровня глаз.

Рекомендуемый размер экрана - не менее 31 см по диагонали, а высота символов на экране - около 4,0 мм.

Наклон клавиатуры должен находиться в пределах 10-15 угловых градусов от горизонтали.

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

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

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

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

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

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

2.3 Мероприятия по технике противопожарной безопасности

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

2.4 Инструкция по действиям в случае пожара

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

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

Согласно технике пожарной безопасности на рабочем месте строго запрещается:

курить, кроме специально отведенных мест;

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

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

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

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

складывать и хранить на батареях и трубах отопления промасленные тряпки, спецодежду и т.п.;

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

2.5 Требования электробезопасности

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

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

3. ЭКОНОМИЧЕСКАЯ ЧАСТЬ

3.1 Технико-экономическое обоснование решаемой задачи

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

Данный бизнес-проект несет ознакомительный характер.

Первый в мире сайт появился шестого августа 1991 года. Его создал ученый Тим Бернерс-Ли, на сайте были описаны абсолютно новые на тот момент технологии World Wide Web. Сайт был основан на протоколе передачи файлов HTTP и гипертекстовой разметке HTML. Там же были детально описаны принципы установки и работы браузеров и серверов. Позже, Тим Бернерс-Ли разместил там ссылки на другие сайты, то есть создал первый в мире Интернет-каталог. В конце 1990 года, еще до появления первого сайта, появился первый гипертекстовый браузер под названием WorldWideWeb, первый сервер и первые веб-страницы.

Таким образом, Тим Бернерс-Ли является отцом не только первого сайта, но и основных веб-технологий: HTTP, URL и HTML. На сегодняшний день руководит основным Консорциумом Всемирной паутины (World Wide Web Consortium). Он занимается разработкой и внедрением главных стандартов сети Интернет. Данный сайт разработан и отлажен в системе Windows SP3, на персональном компьютере со следующими характеристиками:

a)         процессор 2Ггц;

b)         объем оперативной памяти 4Мбайт;

c)         монитор;

d)        клавиатура;

e)         мышь.

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

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

Для определения эффективности от внедрения задачи в производство необходимо рассчитать себестоимость данной задачи.

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

Себестоимость можно рассчитать по формуле (4.1):

С=М+ПФ+Тр.заг.+Зосн.+Здоп.+Осоц.+Нцех.+Нзав.+Вн, (4.1)

где    С - себестоимость в руб.;

М - стоимость материалов;

ПФ - покупные полуфабрикаты;

Тр. заг. - транспортно-заготовительные расходы;

Зосн. - основная заработная плата;

Здоп. - дополнительная заработная плата;

Осоц. - отчисление на социальное страхование;

Нцех. - накладные цеховые расходы;

Нзав. - накладные заводские расходы;

Вн - внепроизводственные расходы.

3.2 Расчетная часть

3.2.1 Расчет трудоемкости решаемой задачи

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

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

Трудоемкость решаемой задачи можно определить по формуле (4.2):

ТЭ=ТИ+ТА+ТБС+ТП+ТМР+ТОТЛ+ТЭВМ+ТД ,   (4.2)

где    ТЭ - трудоёмкость в часах;

ТИ - затраты труда на изучение материала, описание задачи;

ТА - затраты труда на разработку алгоритмов решения задачи;

ТБС - затраты труда на разработку схем алгоритма программы;

ТП - затраты труда на программирование;

ТМР - затраты труда на машинно-ручные работы;

ТОТЛ - затраты труда на отладку программы;

ТЭВМ - время машинного счета на ЭВМ;

ТД - затраты труда на оформление документации.

Затраты труда на изучение и описание задачи определяются по формуле (4.3):

 (4.3)

где    Q - предполагаемое число программных команд на данной стадии разработки;

 - коэффициент, учитывающий качество описания задачи, =1,5;- производительность исполнителя, количество команд в час;

Ккв - коэффициент квалификации исполнителя, Ккв = 0,8.

Предполагаемое число команд на данной стадии разработки можно определить по следующей формуле (4.4):

 (4.4)

где q - предполагаемое число программных команд;слпр - коэффициент, учитывающий сложность программы,

kслпр = 1,5;

t - время работы программиста на данной стадии;

Pi - коэффициент коррекции программы при ее разработке;

nk - количество коррекций в программе.

Расчёт трудоёмкости на этапе изучения.

Рассчитаем время, затраченное на изучение и описание задачи по формуле:

t = 1;= 75;= 0,1;= 85;сл.пр. = 1,5;кв. = 0.8;= 20;

 = 1,5;=75x1x1.5x(1+0,1x20)= 337,50 команд/час

Ти= = 7,44 ч

Величины ТА , ТБС , ТП , ТОТЛ вычисляются аналогичным способом по формуле (4.5):

 (4.5)

где вместо индекса j в каждом случае подставляется один из индексов рассчитываемых величин.

Расчёт трудоёмкости на этапе разработки алгоритмов:= 2;= 20;= 0,1;= 25;сл.пр. = 1,5;

Kкв. = 0.8;= 20.=20x2x1.5x(1+0.1x20)= 180,00

Та==9,00 ч

Расчёт трудоёмкости на этапе разработки схем алгоритма:= 3;= 10;= 0,07;= 15;сл.пр. = 1,5;

Kкв. = 0.8;= 10.=10x3x1,5x(1+0,07x10)= 90,00

Тбс==7,50 ч

Расчёт трудоёмкости на этапе программирования:= 3;= 20;= 0,1;= 25;сл.пр. = 1,5;

Kкв. = 0.8;= 25.=20x3x1,5x(1+0,1x25)= 315,00

Тп== 15,75 ч

Расчёт трудоёмкости на этапе отладки.

Трудоёмкость на этапе отладки определяется по формуле (4.6):

ТОТЛ = Тотл.исп.+ТотлЭВМ       (4.6)

 

t = 2,5;

q = 4;

Pn = 0,1;

B = 5;

Kсл.пр. = 1,5;

Kкв. = 0.8;

nk = 20.=4x2,5x1,5x(1+0,1x20)=45,00 комотл исп = = 11,25 ч

Время отладки ЭВМ определяется по статистическим данным:

Тотл.ЭВМ = 0,01+0,03+0,1+0,11+0,11+0,14=0,5 ч.

ТОТЛ = 11,25+0,5=11,75 ч.

Расчёт трудоёмкости на этапе составления документации:

t = 6;

q = 15;

Pn = 0,05;

B = 20;

Kсл.пр. = 1,2;

Kкв. = 0.8;= 5.=15x6x1,2x(1+0,05x5) = 135,00

Тд== 8,44 ч.

Расчёт трудоёмкости на этапе машинно-ручных работ.

Трудоёмкость на этапе машинно-ручных работ определяется по формуле (4.7):

 (4.7)

где    QВВ         - объем вводимой информации в символах ( 63970);

НД    - норма производительности при занесении информации при помощи клавиатуры (около 5 символов за 1 сек.).

 часа

Расчёт трудоёмкости, связанный со временем машинного счета на ЭВМ.

Трудоёмкость на этапе машинного счета на ЭВМ определяется по формуле (4.8):

Тэвм=Твв+Та+Твыв, (4.8)

где    Тэвм  - затраты труда на машинные операции;

Твв    - затраты труда на ввод информации;

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

Твыв - затраты труда на вывод информации;

Формула для расчета машинного времени, необходимого для ввода информации (4.9):

 (4.9)

где    T - затраты труда на ввод/вывод информации;

m - количество устройств ввода/вывода;

Qui - объем вводимой/выводимой информации в i-ое устройство ввода;

Bi - быстродействие i-ого устройства ввода/вывода.

Машинное время ЭВМ, необходимое для арифметической и логической обработки информации можно определить по формуле (4.10):

 (4.10)

где    na - количество арифметических операций;

ta - продолжительность арифметических операций;

t0 - среднее время обращения к запоминающему устройству;

k - число внешних запоминающих устройств;

ni - количество обращений к i-му внешнему запоминающему устройству.

Принимаем Тэвм = 0,01 часа

Расчет суммарной трудоёмкости решения данной задачи на ЭВМ.

Теперь, зная все затраты труда на всех этапах решения задачи можно узнать трудоёмкость решаемой задачи:

ТЭ = ТИ + ТА + ТБС + ТП + ТМР + ТОТЛ + ТД =

 

= 7,44 +9+7,5+15,75+5,33+11,75+8,44=65,21 ч

 

Трудоёмкость решения данной задачи на ЭВМ составляет 65,21 часов.

3.2.2 Расчет себестоимости

При решении задачи на ЭВМ себестоимость разработки программы определяется по формуле (4.11):

, (4.11)

где    - себестоимость разработанной программы в рублях;

- себестоимость на этапе изучения описания задачи;

Sалг - себестоимость разработки алгоритмов решения задачи;бс - себестоимость разработки схемы алгоритма программы;пр - себестоимость на этапе программирования;мр - себестоимость на этапе машинно-ручных работ;отл - себестоимость на этапе отладки;

Sэвм - себестоимость работы на ЭВМ;д - себестоимость разработки документации.

Ти-д = ТИ + ТА + ТБС + ТП + ТОТЛ + ТД,

 

Ти-д = 7,44+9+7,5+15,75+11,75+8,44=58,88 часов

Все слагаемые себестоимости определяются по формуле (4.12):

Sи-д= Lср.ч.  Ти-д+Здоп+Осоц+Нцех+Нзав+ТотлЭВМСэвм, (4.12)

где Lср.ч. - среднечасовая заработная плата работника.

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

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

Заработная плата включает:

заработная плата основная;

заработная плата дополнительная;

отчисления в фонд социального страхования.

Расчет основной заработной платы.

Основная заработная плата определяется по формуле (4.13):

Зосн = Lср.ч.  Т (4.13)

Часовая тарифная ставка определяется по формуле (4.14):

 (4.14)

где    Fg   - месячный фонд времени (Fg = 21,8).ср.ч == 57,34 руб.

Зосн = 57,34  58,88 = 3376,18 руб.

Расчет дополнительной заработной платы.

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


Расчет отчислений на социальные нужды.

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

;

Расчет цеховых накладных расходов.

Цеховые накладные расходы определяются в процентном отношении от основной зарплаты и составляют 150 - 400%. В состав цеховых накладных расходов включаются такие затраты как заработная плата аппарата управления цехом (начальника цеха, заместителя начальника, нормировщика), амортизационные отчисления на текущий ремонт заданий, сооружений, на охрану труда в данном цехе и на непроизводительные затраты.


Расчет заводских накладных расходов.

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


Расчет затрат на ЭВМ.

Затраты, связанные с изучением, разработкой алгоритма и схем алгоритма, программированием, отладкой на ЭВМ, и оформлением составляют:

Tотл.ЭВМ = 0,41 ч.

Сэвм = 70 руб.

и,алг,бс,пр,отл,д = Зосн + Здоп + Осоц + Нцех + Нзав + Tотл.ЭВМ × Сэвм =

= 3376,18+2700,94+1835,29+9115,68+3376,18+ 0,41 70=

= 20432,97 руб.

Расчёт себестоимости машинно-ручных операций производится по формуле (4.15):

Sмр = Lср.ч. Тмр + Здоп + Осоц + Нцех + Нзав + Тмр Сдисп, (4.15)

где    Тмр - трудоёмкость на машинно-ручных операциях, Тмр = 3,55 ч;

Сд - себестоимость работы дисплея.

Расчет работы дисплея вычисляется по формуле (4.16):

       (4.16)

где    Цдисп - балансовая стоимость дисплея;

 - коэффициент, учитывающий затраты на профилактику и ремонт оборудования;

Э       - затраты на электроэнергию;        - срок службы оборудования;

Fg     - годовой действительный фонд времени работы оборудования;

Кн     - коэффициент использования рабочего времени.

Затраты на электроэнергию вычисляются по формуле (4.17):

 (4.17)

где    - паспортная потребляемая мощность устройства;

          - коэффициент использования оборудования по мощности;

Сэ - промышленный тариф электроэнергии;

Fg - годовой действительный фонд времени работы оборудования.

Действительный годовой фонд времени работы дисплея можно определить по формуле (4.18):

Fg = Д  h  tсм  (1 - 0,01 ψ), (4.18)

 

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

p - число смен работы оборудования;

tсм - средняя продолжительность смены;

 - планируемый процент потерь времени на профилактику и ремонт оборудования.

По формуле определим действительный годовой фонд времени:

Fg = 256  1  8  (1 - 0,01  6) = 1925,12 ч.

По формуле рассчитаем затраты на электроэнергию:

Э = 0,2  0,75  4,07  1925,12 = 1175,28 руб.

Зная все величины можно определить себестоимость машино-часа работы дисплея:

Цдисп        = 6000 руб.        

      = 1,2          

Тn     = 10 лет              

     = 0,75

     = 0,2 кВт   

       = 0,75                 

     = 4,07

Д       = 256         

tсм    = 8                      

      = 6%

Расчёт основной заработной платы:

 

Зосн = Lср.ч. Tмр;

 

Зосн =

Расчёт дополнительной заработной платы:

 

Здоп = Зосн80% ;

 

Здоп =

Расчет отчислений на социальное страхование:

Осоц = (Зосн+Здоп) 30,2% ;

 

Осоц =

Расчёт цеховых накладных расходов:

Нцех = Зосн  270% ;

 

Нцех = = 549,58 руб.

Расчёт заводских накладных расходов:

Нзав = Зосн  100% ;

 

Нзав = = 203,55 руб.

Определим затраты, связанные с выполнением машинно-ручных работ на ЭВМ:

Sмр = 203,55+162,84+ 110,65 + 549,58 + 203,55+3,55 x 1,31 = 1234,82 руб.

Себестоимость машино-часа работы определяется по формуле (4.19):

, (4.19)

где    Фз   - годовой фонд основной и дополнительной зарплаты персонала, обслуживающего ЭВМ;

Э - затраты на электроэнергию;

А - годовые амортизационные отчисления;

Р - затраты на ремонт основного и вспомогательного оборудования;

М - затраты на материалы, связанные с эксплуатацией ЭВМ;

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

Аз - годовые амортизационные отчисления за используемую производственную площадь;

Кр - коэффициент, учитывающий расходы по содержанию, освещению, отоплению помещений;

Fg - действительный годовой фонд времени работы ЭВМ.

По данным предприятия стоимость одного часа работы на ЭВМ = 50 рублей.

Затраты, связанные с выполнением расчётов непосредственно на ЭВМ можно определить по следующей формуле (4.20):

эвм = Тэвм  Сэвм ,    (4.20)

где    Тэвм - трудоёмкость машинного счета;

Сэвм - себестоимость машинного часа работы ЭВМ.

Рассчитаем затраты, связанные с выполнением расчётов непосредственно на ЭВМ по формуле:

Себестоимость решения задачи на ЭВМ:

Sи,алг,бс,пр,отл,д =20432,97 руб.

 

Sэ = Sи + Sа + Sбс + Sпр + Sотл + Sд + Sмр + SЭВМ =

 

= 20432,97 + 1234,82 + 2,5 = 21670,29 руб.

Себестоимость решения задачи на ЭВМ составляет 21670,29 руб.

3.2.3 Анализ экономической эффективности от внедрения задачи в производство

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

Вычислим количество посетителей сайта.

Посещения ~ 8 посещений в день;

Количество дней в месяце 30, отсюда 8 х 30 = 240 посещений в месяц;

Рассматриваем средние показатели количества посещений и среднюю стоимость товара, получим:

Покупки в среднем совершают 5% посетителей сайта.

Средняя стоимость товара = 3 000.00 руб.

В том числе средняя стоимость продукции = 1 500.00 руб.

Выручка 3 000 - 1500 = 1500 руб.

Ежемесячная прибыль после внедрения сайта

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

3.2.4 Анализ структуры себестоимости

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

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

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

Возможные пути снижения себестоимости для данной задачи:

повышение квалификации разработчика программы;

использование современного оборудования;

использование более подходящего языка программирования.

3.3 Графическая часть

.3.1 Таблица производительности труда программиста

Производительность труда программиста приведена в таблице 4.1.

Таблица 4.1- Производительность труда программиста

Характер работы

Производительность количество команд/час

Изучение описания задачи

75-85

Разработка алгоритмов решения

20-25

Разработка схем алгоритма

10-15

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

20-25

Автономная отладка программы

4-5

Оформление документации


3.3.2 Таблица трудоемкости при решении задачи на ЭВМ

Трудоемкость при решении задачи на ЭВМ представлена в таблице 4.2.

Таблица 4.2 - Трудоемкость при решении задачи на ЭВМ

Характер работы

Трудоёмкость в часах

1

Изучение описания

7,44

2

Разработка алгоритма

9,00

3

Разработка схем алгоритма

7,50

4

Программирование с использованием алгоритмического языка

15,75

5

Машинно-ручные операции

3,55

6

Автономная отладка

0,50

7

Отладка

11,75

8

Оформление документации

8,44

9

Трудоёмкость решения задачи на ЭВМ

62,43


3.3.3 Таблица калькуляции при решении задачи на ЭВМ

Калькуляция решения задачи на ЭВМ представлена в таблице 4.3.

Таблица 4.3- Калькуляция решения задачи на ЭВМ

Наименование статей затрат

Сумма в руб.

Процент к итогу

Процент к основной зарплате

Прямые расходы




1

Основная заработная плата

3637,07

16,51

100,00

2

Дополнительная заработная плата

2909,65

13,22

80,00

3

Отчисления на соц. страх.

1835,29

8,99

54,36

4

Стоимость работы на ЭВМ

40,35

0,19

1,12

Косвенные расходы




5

Цеховые накладные расходы

9115,68

44,59

270,00

6

Заводские накладные расходы

3637,07

16,51

100,00

Производственная себестоимость

22023,13

100,00

 Цеховая себестоимость

18386,06

Внепроизводственные расходы

1101,16

5,00

Полная себестоимость

23124,28

105,00


3.3.4 Пояснение к таблице калькуляции

Зарплата основная = 3433,52+203,55=3637,07 руб.

Зарплата дополнительная =2746,81+162,84=2909,65руб.

Отчисления на соц. страх =1866,46+110,65=1835,29, руб.

Стоимость работы на ЭВМ = 0,5 x 70 + 3,55 x 1,31 + 0,01 x 70=40,35 руб.

Цеховые накладные расходы = 9270,5 + 549,58=9115,68 руб.

Заводские накладные расходы = 3433,52+203,55=3637,07 руб.

3.3.5 Технико-экономические показатели

Технико-экономические показатели представлены в таблице 4.4.

Таблица 4.4 - Технико-экономические показатели

Технико-экономический показатель

Единица измерения

Формула

Результат

1

Трудоёмкость решения задачи на ЭВМ

час

ТЭ=ТИ+ТА+ТБС+ТП+ +ТМР+ТОТЛ+ТЭВМ+ТД

65,21

2

Себестоимость решения задачи на ЭВМ

руб.

SЭ=SИ+SА+SМР+SЭВМ+SД

21670,29


ЗАКЛЮЧЕНИЕ

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

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

.        ознакомление с отделами в департаменте на сайте;

.        покупка продукции компании;

.        оформление договоров;

.        продвижение сайта в поисковых системах;

.        ознакомление клиентов с компанией.

Данный сайт был разработан в Notepad++ на web языках html, css, javascript.

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

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


1)      Александр Бондарь, Microsoft SQL Server, изд. «Спб.: БХВ-Петербург», 2012.

)        Билл Кеннеди, Чак Муссиано - "HTML и XHTML. Подробное руководство, изд. Символ-Плюс, 2008.

)        Б. Хеник - HTML и CSS. Путь к совершенству, изд. Питер, 2011.

)        Душан Петкович, MicrosoftSQL Server 2012. Руководство для начинающих изд. «Спб.: БХВ-Петербург», 2013.

)        Дэвид Флэнаган - JavaScript. Подробное руководство, изд. Символ-Плюс, 2012.

)        К. Шмитт - CSS. Рецепты программирования, изд. Русская Редакция, БХВ-Петербург, 2011.

)        Эрик Мейер - CSS-каскадные таблицы стилей. Подробное руководство, изд. Символ-Плюс, 2008.

ПРИЛОЖЕНИЕ А

(обязательное)

Листинг программы

 

/****************************************************************************

** Язык: SQL

** Среда разработки: Среда SQL Server Management Studio

** Дата: 15.06.2015г.

** Разработал: Астахов Г.В.

** **************************************************************************

** Создание таблиц базы данных

****************************************************************************/

use [Департамент сопровождения клиентов]

CREATE TABLE Отделы ( "№ отдела" int PRIMARY KEY,

"Наименование отдела" text NOT NULL,

                                                "№ договора" char (20),

                                                "№ сотрудника" char (20))

                                              

CREATE TABLE Сотрудники ("№ сотрудника" int PRIMARY KEY,

"Ф.И.О." text,

                                                         "Стаж работы" char (20),

                                                         "Дата рождения" Date,

                                                         Пол text,

                                                         "Дата приема на работу" Date,

                                                         Телефон char (30),

                                                         Должность text,

                                                         Зарплата char (20),

                                                         "№ отдела" INT FOREIGN KEY REFERENCES отделы ("№ отдела"))

                                                       

TABLE Кредиты ("№ кредита" int PRIMARY KEY,

                                                "Срок кредита" char (20),

                                                Процент char (20),

                             "Сумма" char (20),

"Цель взятия кредита" text)

CREATE TABLE Ипотека ("№ ипотеки" int PRIMARY KEY,

"Срок ипотеки" char (20),

                                                Процент char (20),

                                              

"Сумма" char (20),

                                                "Цель взятия ипотеки" text NOT NULL)

CREATE TABLE Вклады ("№ вклада" int PRIMARY KEY,

"Срок вклада" char (20),

                                                Процент char (20),

                                              

                                                "Валюта вклада" text,

                                                "Сумма вклада" char (20))

CREATE TABLE "Банковские услуги" ("№ банковской услуги" int PRIMARY KEY,

"№ кредита" INT FOREIGN KEY REFERENCES Кредиты ("№ кредита"),

                                                "№ ипотеки" INT FOREIGN KEY REFERENCES Ипотека ("№ ипотеки"),

                                                "№ вклада" INT FOREIGN KEY REFERENCES Вклады ("№ вклада"))

TABLE Договоры ("№ договора" int PRIMARY KEY,

"№ клиента" char (30),

                                                "Дата заключения" Date,

                                                "Дата окончания договора" Date,

                                                "№ сотрудника" INT FOREIGN KEY REFERENCES сотрудники ("№ сотрудника"),

                                                "№ банковской услуги"INT FOREIGN KEY REFERENCES "Банковские услуги" ("№ банковской услуги"))

                                              

                           

CREATE TABLE Клиенты ("№ клиента" int PRIMARY KEY,

                                                "Ф.И.О." text,

                                                Телефон char (30),

                                                "Серия и номер паспорта" char (30),

                                                "№ сотрудника" char (30),

                                                Пол text,

                                                "Адрес проживания" text,

                                                "№ договора" INT FOREIGN KEY REFERENCES Договоры ("№ договора"))

/****************************************************************************

** Язык: SQL

** Среда разработки: Среда SQL Server Management Studio

** Дата: 15.06.2015г.

** Разработал: Астахов Г.В.

** ******************************************************************

** Заполнение таблиц базы данных

****************************************************************************/

use [Департамент сопровождения клиентов]

insert into Отделы values (10,'Отдел по работе с vip клиентами','25,26,27,28,29,30','101,102,103,104,105');

insert into Отделы values (11,'Отдел по работе с клиентами','31,32,33,34,35','106,107,108,109,110');

insert into Отделы values (12,'Отдел прямых продаж','36,37,38,39,40','111,112,113,114,115');

insert into Отделы values (13,'Контакт центр','41,42,43,44,45','116,117,118,119,120');

into Сотрудники values (101,'Третьяков Глеб Викторович','3 года','23.07.1990','Мужской','01.03.2012','89150235698','Менеджер','50.000,00 руб.','10'); into Сотрудники values (102,'Беляева Галина Назаровна','2 года','14.03.1985','Женский','01.03.2013','89166457524','Главный специалист','35.000,00 руб.','10');

insert into Сотрудники values (103,'Нестеров Максим Александрович','5 лет','02.06.1987','Мужской','01.03.2010','89035735577','Руководитель','70.000,00 руб.','10');

insert into Сотрудники values (104,'Беляков Радислав Данилович','4 года','20.11.1991','Мужской','01.03.2011','891775355635','Начальник','80.000,00 руб.','10');

insert into Сотрудники values (105,'Вишняков Игнат Денисович','3 года','01.04.1984','Мужской','01.03.2012','89642755737','Администратор','60.000,00 руб.','10');

insert into Сотрудники values (106,'Красильников Аркадий Евгеньевич ','6 лет','16.07.1970','Мужской','01.03.2009','89162583645','Менеджер','50.000,00 руб.','11');

insert into Сотрудники values (107,'Федотов Юлиан Ефимович','1 год','16.03.1880','Мужской','01.03.2014','89274567695','Главный специалист','35.000,00 руб.','11');

insert into Сотрудники values (108,'Костин Пётр Артемович ','7 лет','03.04.1875','Мужской','01.03.2008','89150565797','Руководитель','70.000,00 руб.','11');

insert into Сотрудники values (109,'Васильев Даниил Богданович','4 года','12.08.1960','Мужской','01.03.2011','89264576585','Начальник','80.000,00 руб.','11');

insert into Сотрудники values (110,'Медведева Валентина Александровна','5 лет','16.05.1976','Женский','01.03.2010','89255886697','Администратор','50.000,00 руб.','11');

insert into Сотрудники values (111,'Петров Максим Викторович','7 лет','21.04.1868','Мужской','01.03.2008','89290132456','Начальник','80.000,00 руб..','12');

insert into Сотрудники values (112,'Соколова Инесса Алексеевна','3 года','25.08.1991','Женский','17.06.2012','89294596236','Менеджер','50.000,00 руб.','12');

insert into Сотрудники values (113,'Агафонов Горислав Данилович','2 года','21.03.1990','Мужской','14.04.2013','89153647896','Администратор','60.000,00 руб.','12');

insert into Сотрудники values (114,'Самойлова Маргарита Андреевна','1 год','19.11.1986','Женский','15.05.2014','89273698541','Руководитель','70.000,00 руб.','12');

insert into Сотрудники values (115,'Кулаков Арсен Антонович','6 лет','02.12.1980','Мужской','13.01.2009','89643652147','Главный специалист','35.000,00 руб.','12');

insert into Сотрудники values (116,'Беляев Карл Романович','1 год','17.07.1981','Мужской','16.05.2014','89163695147','Супервайзер','56.000,00 руб.','13');

insert into Сотрудники values (117,'Мамонтов Ярослав Аркадьевич','4 года','14.03.1979','Мужской','16.03.2011','89153652147','Оператор','20.000,00 руб.','13');

insert into Сотрудники values (118,'Исаков Андрей Артемович','3 года','24.12.1987','Мужской','30.09.2012','89273625478','Начальник','80.000,00 руб.','13');

insert into Сотрудники values (119,'Фролова Тамара Викторовна','2 года','26.09.1992','Женский','18.07.2013','89276598745','Руководитель','70.000,00 руб.','13');

insert into Сотрудники values (120,'Алексеев Виктор Анатольевич','1 год','08.11.1982','Мужской','14.01.2014','89162547896','Администратор','60.000,00 руб.','13');

insert into Кредиты values (111,'1 год','19%','1 000 000,00 руб. ','Автокредит');into Кредиты values (112,'3 года','19%','5 000 000,00 руб.','Кредит на квартиру');into Кредиты values (113,'2 года','19%','3 000 000,00 руб.','Кредит на бизнес');into Кредиты values (0,'-','-','-','-');

into Ипотека values (222,'1 год','16,5%','10 000 000,00 руб.','Недвижимость');into Ипотека values (223,'5 лет','17,9%','20 000 000,00 руб.','Недвижимость');into Ипотека values (224,'10 лет','17,9%','15 000 000,00 руб.','Недвижимость');into Ипотека values (225,'4 года','10%','8 000 000,00 руб.','Недвижимость');into Ипотека values (0,'-','-','-','-');

into Вклады values (333,'1 месяц','10,85%','Рубли','30 000,00 руб.');into Вклады values (334,'1 год','15%','Рубли','150 000,00 руб.');into Вклады values (335,'3 года','10,45%','Рубли','500 000,00 руб.');into Вклады values (336,'3 месяца','13,5%','Рубли','25 000,00 руб.');into Вклады values (337,'5 лет','11,45%','Рубли','100 000,00 руб.');into Вклады values (0,'-','-','-','-');

into "Банковские услуги" values (1,'111','222','333');into "Банковские услуги" values (2,'112','222','334');into "Банковские услуги" values (3,'113','224','335');into "Банковские услуги" values (4,'0','225','336');into "Банковские услуги" values (5,'0','0','337');

into Договоры values (210,'600','22.01.2015','22.01.2016','101','1');into Договоры values (211,'601','14.04.2014','14.04.2015','105','2');into Договоры values (212,'602','02.06.2015','02.06.2016','114','3');into Договоры values (213,'603','06.01.2014','06.01.2017','106','4');into Договоры values (214,'604','17.02.2015','17.02.2016','116','5');into Договоры values (215,'605','19.11.2013','19.11.2016','119','1');into Договоры values (216,'606','25.10.2014','25.10.2015','102','2');into Договоры values (217,'607','29.03.2015','29.03.2018','109','3');into Договоры values (218,'608','03.01.2015','03.01.2016','111','4');into Договоры values (219,'609','27.09.2014','27.09.2015','115','5');into Договоры values (220,'610','21.08.2013','21.08.2015','120','1');

 into Клиенты values (600,'Антонов Валентин Васильевич','89152365897','2565874511','101','Мужской','г. Москва, Арбатецкая улица, 35, 87','210');

insert into Клиенты values (601,'Князев Владимир Викторович','89155455896','4608569587','120','Мужской','г. Москва, Башиловская улица, 1, 5','211');

insert into Клиенты values (602,'Терентьев Юлий Саныч','89157896325','2365879541','115','Мужской','г. Москва, Бибиревская улица, 6,14','212');

insert into Клиенты values (603,'Исаков Вальтер Матвеевич','89159996325','1546987562','110','Мужской','г. Москва, Большая Косинская улица, 17, 23','213');

insert into Клиенты values (604,'Лапшова Анита Александровна','89154569832','25469875624','111','Женский','г. Москва, Глебовская улица, 12, 45','214');

insert into Клиенты values (605,'Панов Вениамин Алексеевич','89154569853','25469874125','102','Мужской','г. Москва, Дегунинская улица, 45, 36','215');

insert into Клиенты values (606,'Кошелев Станислав Львович','89155999651','36985478963','105','Мужской','г. Москва, Житная улица, 25, 14','216');

insert into Клиенты values (607,'Устинов Игнат Михайлович','891565954453','3255698745','108','Мужской','г. Москва, Бирюлёвская улица, 23, 56','217');

insert into Клиенты values (608,'Липницкая Софья Денисовна','89156985414','2145698653','119','Женский','г. Москва, Золотая улица, 15, 18','218');

insert into Клиенты values (609,'Рогов Василий Валентинович ','89159856545','2569854789','107','Мужской','г. Москва, Библиотечная улица, 23, 58','219');

insert into Клиенты values (610,'Корнилова Оксана Борисовна','89153654897','3658954789','116','Женский','г. Москва, Васильевская улица, 12, 45','220');

/****************************************************************************

** Язык: html, css

** Среда разработки: Notepad++

** Дата: 15.06.2015г.

** Разработал: Астахов Г.В.

** **************************************************************************

** Создание Стилей

****************************************************************************/

@charset "utf-8";

/* CSS Document */

:link {:blue;

}:visited {:blue;

}:hover {:green;decoration:none;

}:active {:red;decoration:none;

}{background-image : url(картинки/фон.jpg);:100%}

#banke{width:200px;color:#CCC;:left;}

#banke p {

   padding-left: 10px;

}

.head{:1000px;:200px;:block}

#wrap{margin: 0 auto;:0;:1000px;:100%;color:#CCC;

}

#saidbar{

   width:200px;

   height:100%;

  

   float: left;

}

#newsbox{

   padding:20px;

   height:100%;

   width:759px;

   float: left;

   background-color:#fff;

   min-height: 1250px;

   font-family: Arial;

   font-size:13px;

}

#knopki {

   position:absolute;

   top:180px;

}

#podval{margin: 0 auto;:0;:1000px;:100px;

/****************************************************************************

** Язык: html, css

** Среда разработки: Notepad++

** Дата: 15.06.2015г.

** Разработал: Астахов Г.В.

** **************************************************************************

** Создание Главной страницы

****************************************************************************/

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Главная</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div id="wrap">

<div>

                   <a>Главная.html"><img src="картинки/шапка.jpg" width="1000" height="200" /></a>

                                      <div id="knopki"> <a href="сотрудники.html"><img src="картинки/Сотрудники.jpg" width="125" height="30" alt=""/></a>

                            <a href="клиенты.html"><img src="картинки/клиенты.jpg" width="125" height="30" alt=""/></a>

                            <a href="договоры.html"><img src="картинки/договоры.jpg" width="125" height="30" alt=""/></a>

                            <a href="кредиты3.html"><img src="картинки/кредиты.jpg" width="125" height="30" alt=""/></a>

                            <a href="ипотека.html"><img src="картинки/ипотека.jpg" width="125" height="30" alt=""/></a>

                            <a href="вклады2.html"><img src="картинки/вклады.jpg" width="125" height="30" alt=""/></a>

                            <a href="банковские услуги.html"><img src="картинки/банковские услуги.jpg" width="125" height="30" alt=""/></a>

                            <a href="отделы.html"><img src="картинки/Отделы.jpg" width="97" height="30" alt=""/></a>

                   </div>

</div>

<div id="saidbar"> <a href="О банке.html"><img src="картинки/о банке.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Новости и информация.html"><img src="картинки/Новости и информация.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Корпоративным клиентам.html"><img src="картинки/КОРПОРАТИВНЫМ КЛИЕНТАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Частным лицам.html"><img src="картинки/ЧАСТНЫМ ЛИЦАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Офисы банка.html"><img src="картинки/ОФИСЫ БАНКА.jpg" width="200" height="50" alt=""/></a>

</div>

         <div id="newsbox">

                   <p>

<h2> <p align="center"> <strong>

<font color ="green"> В департамент сопровождения клиентов входит 4 отдела:</font>

</strong><br> </p></h2> <p>

<ol type="1" >

<li><a href="Отдел по работе с vip клиентами.html">Отдел по работе с vip клиентами;</a></li>

<br><p>

<li><a href="Отдел по работе с клиентами.html">Отдел по работе с клиентами;</a></li>

<br><p>

<li><a href="Отдел прямых продаж.html">Отдел прямых продаж;</a></li>

<br><p>

<li> <a href="Контакт центр.html">Контакт центр.</a></li>

</ol>

<h1>

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

          <h2>

вкладов </h2>

<div>

<div>

<font color ="green"> <strong><em>Нота - Бизнес</em></strong></font> </div>

<table border="1">

<tr>

<th>валюта</th>

<th>макс. ставка</th>

<th>сумма</th>

<th>срок</th>

<th>особенности</th>

</tr>

</thead>

<tbody>

<td>

,25% </td>

<td>

&nbsp;500&nbsp;000 </td>

<td>

дней </td>

<td rowspan="7">

<ul>

<li> выплата процентов в конце срока</li>

<li>возможно частичное снятие</li>

<li>возможно пополнение</li>

</ul>

</td>

</tr> <tr> <td>

доллары США </td>

<td>

,25%

</td>

<td> 100&nbsp;000 </td>

<td>366 дней </td></tr>

<tr>

<td> евро </td>

<td>

,25%

</td>

<td>100&nbsp;000 </td>

<td>366 дней </td>

</tr> <tr>

<td>японская иена </td>

<td>

%

</td><td>100&nbsp;000 </td>

<td>366 дней </td>

</tr>

<tr>

<td>швейцарские франки </td>

<td>

%

</td><td>100&nbsp;000</td>

<td>366 дней</td>

</tr> <tr><td>фунты стерлингов </td>

<td>

%

</td>

<td>100&nbsp;000</td>

<td>366 дней </td>

</tr><tr>

<td>норвежские кроны </td>

<td>

%</td>

<td>100&nbsp;000</td>

<td>366 дней </td>

</tr> <tr>

</td> </tr>

</tbody>

</table>

</div>

<div>

<div>

<font color ="green"> <em><strong>Нота - Капитал</strong></em><strong></strong></font>

<div>

<font color ="green"> </font></div>

<table border="1">

<thead>

<tr>

<th>валюта</th>

<th>макс. ставка</th>

<th>сумма</th>

<th>срок</th>

<th>особенности</th>

</tr>

</thead>

<tbody>

<tr>

<td>

рубли </td>

<td>

,75%

</td>

<td>

&nbsp;000&nbsp;000</td>

<td>366 дней</td>

<td rowspan="4">

<ul>

<li> выплата процентов в конце срока</li>

</ul></td></tr>

<tr>

<td>доллары США </td>

<td>

%

</td>

<td>1&nbsp;000&nbsp;000 </td>

<td>1096 дней </td>

</tr><tr>

<td>евро </td>

<td>

%

</td>

<td>1&nbsp;000&nbsp;000 </td>

<td>1096 дней</td>

</tr> <tr>

<td>швейцарские франки </td>

<td>

,75%

</td>

<td>100&nbsp;000 </td>

<td>1096 дней </td>

</tr><tr> </td>

</tr>

</tbody>

</table>

</div>

<div>

<div>

<font color ="green"><strong><em>Нота - Мультивалютный</em></strong></font> </div>

<table border="1">

<thead>

<tr>

<th>валюта</th>

<th>макс. ставка</th>

<th>сумма</th>

<th>срок</th>

<th>особенности</th>

</tr>

</thead>

<tbody>

<tr>

<td> рубли </td>

<td>

,75%

</td>

<td>3&nbsp;000&nbsp;000</td>

<td>366 дней </td>

<td rowspan="3">

<ul>

<li> выплата процентов в конце срока</li>

<li> капитализация процентов ежемесячно</li>

<li>возможно пополнение</li>

</ul> </td></tr>

<tr> <td>доллары США </td>

<td>

,5%

</td><td>46&nbsp;000</td>

<td>366 дней</td>

</tr><tr><td>евро </td>

<td>

,5%

</td>

<td>40&nbsp;000 </td>

<td>366 дней </td>

</tr> <tr>

</td></tr>

</tbody>

</table>

</div>

<div>

<div>

<font color ="green"><strong><em>Нота - Премиальный</em></strong></font> </div>

<table border="1">

<thead>

<tr>

<th>валюта</th>

<th>макс. ставка</th>

<th>сумма</th>

<th>срок</th>

<th>особенности</th>

</tr>

</thead>

<tbody>

<tr>

<td>

рубли </td>

<td>

,84%

</td>

<td>

&nbsp;000&nbsp;000 </td>

<td>

дней </td>

<td rowspan="4">

<ul>

<li> выплата процентов ежемесячно</li>

</ul> </td> </tr> <tr>

<td>

доллары США </td>

<td>

,78%

</td>

<td>

&nbsp;000&nbsp;000 </td>

<td>1096 дней </td>

</tr> <tr>

<td>евро </td>

<td>

,78%

</td>

<td>

&nbsp;000&nbsp;000 </td>

<td>1096 дней </td>

</tr> <tr>

<td>швейцарские франки </td>

<td>

,56%

</td>

<td>100&nbsp;000 </td>

<td>1096 дней</td>

</tr><tr></td>

</tr>

</tbody>

</table>

</div>

<div>

<div>

<font color ="green"> <em><strong>Нота - Рациональный</strong></em></font> </div>

<table border="1">

<thead>

<tr>

<th>валюта</th>

<th>макс. ставка</th>

<th>сумма</th>

<th>срок</th>

<th>особенности</th>

</tr>

</thead>

<tbody>

<tr>

<td>рубли </td>

<td>

,95%

</td>

<td>

&nbsp;000&nbsp;000 </td>

<td>366 дней </td>

<td rowspan="4">

<ul>

<li> выплата процентов в конце срока</li>

<li>возможно частичное снятие</li>

</ul>

</td></tr>

<tr>

<td>доллары США </td>

<td>

,25%

</td>

<td>100&nbsp;000 </td>

<td>366 дней </td>

</tr><tr>

<td>евро </td>

<td>

,25%

</td>

<td>100&nbsp;000 </td>

<td>366 дней </td>

</tr><tr>

<td>швейцарские франки </td>

<td>

%

</td>

<td>100&nbsp;000 </td>

<td>366 дней </td>

</tr> <tr> </tr>

</tbody>

</table>

</div>

<div>

<div>

<font color ="green"><strong><em>Нота - Стратегия</em></strong></font> </div>

<table border="1">

<thead>

<tr>

<th>валюта</th>

<th>макс. ставка</th>

<th>сумма</th>

<th>срок</th>

<th>особенности</th>

</tr>

</thead>

<tbody>

<tr>

<td>рубли </td>

<td>

,05%

</td>

<td>3&nbsp;000&nbsp;000 </td>

<td>366 дней</td>

<td rowspan="4">

<ul>

<li> выплата процентов в конце срока</li>

<li>возможно пополнение</li>

</ul></td></tr>

<tr>

<td> доллары США </td>

<td>

,9%</td>

<td>100&nbsp;000</td>

<td>366 дней </td>

</tr><tr>

<td>евро </td>

<td>

,9%

</td>

<td>100&nbsp;000 </td>

<td>366 дней</td>

</tr><tr>

<td>швейцарские франки </td>

<td>

,65%

</td>

<td>100&nbsp;000 </td>

<td> 366 дней </td>

</tr><tr></td>

</tr>

</tbody>

</table>

</div>

<div>

<div>

<font color ="green"> <strong><em>Победная Нота</em></strong></font> </div>

<table border="1">

<thead>

<tr>

<th>валюта</th>

<th>макс. ставка</th>

<th>сумма</th>

<th>срок</th>

<th>особенности</th>

</tr>

</thead>

<tbody>

<tr>

<td>рубли </td>

<td>

,8%

</td>

<td>30&nbsp;000 </td>

<td>366 дней </td>

<td rowspan="1">

<ul>

<li> выплата процентов ежемесячно</li>

<li> капитализация процентов <i>по выбору клиента</i> ежемесячно</li>

<li>возможно пополнение</li>

</ul> </td> </tr>

<tr></td> </tr>

</tbody>

</table>

</div>

         </div>

         <div style="clear: both"></div>

</div>

<div id="podval">

</div>

</body>

</html>

/*************************************************************

** Язык: html, css, javascript

** Среда разработки: Notepad++

** Дата: 15.06.2015г.

** Разработал: Астахов Г.В.

** *****************************************************************

** Создание страницы Сотрудники

****************************************************************************/

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Сотрудники</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div id="wrap">

<div>

                   <a>

                  

          <div id="knopki"> <a href="сотрудники.html"><img src="картинки/Сотрудники2.jpg" width="125" height="30" alt=""/></a>

                            <a href="клиенты.html"><img src="картинки/клиенты.jpg" width="125" height="30" alt=""/></a>

                            <a href="договоры.html"><img src="картинки/договоры.jpg" width="125" height="30" alt=""/></a>

                            <a href="кредиты3.html"><img src="картинки/кредиты.jpg" width="125" height="30" alt=""/></a>

                            <a href="ипотека.html"><img src="картинки/ипотека.jpg" width="125" height="30" alt=""/></a>

                            <a href="вклады2.html"><img src="картинки/вклады.jpg" width="125" height="30" alt=""/></a>

                            <a href="банковские услуги.html"><img src="картинки/банковские услуги.jpg" width="125" height="30" alt=""/></a>

                            <a href="отделы.html"><img src="картинки/Отделы.jpg" width="97" height="30" alt=""/></a>

                   </div>

</div>

<div id="saidbar"> <a href="О банке.html"><img src="картинки/о банке.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Новости и информация.html"><img src="картинки/Новости и информация.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Корпоративным клиентам.html"><img src="картинки/КОРПОРАТИВНЫМ КЛИЕНТАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Частным лицам.html"><img src="картинки/ЧАСТНЫМ ЛИЦАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Офисы банка.html"><img src="картинки/ОФИСЫ БАНКА.jpg" width="200" height="50" alt=""/></a>

</div>

         <div id="newsbox">

                   <p>

<img src="../бд/скрины/сотрудники.png" width="700" height="259" id="example">

         </div>

         <div style="clear: both"></div>

</div>

<div id="podval">

<img src="картинки/подвал.jpg" width="1000" height="70" alt=""/>

</div>

<script src="js/jquery-2.1.1.js"></script>

<script src="js/okzoom.js"></script>

<script>

$(function(){

$('#example').okzoom({: 200,: 200,: "1px solid black",: "0 0 50px #000"

});

});

</script>

</body>

</html>

/*************************************************************

** Язык: html, css, javascript

** Среда разработки: Notepad++

** Дата: 15.06.2015г.

** Разработал: Астахов Г.В.

** **************************************************************

** Создание страницы Клиенты

****************************************************************************/

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Клиенты</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div id="wrap">

<div>

                   <a>Главная.html"><img src="картинки/шапка.jpg" width="1000" height="200" /></a>

                  

          <div id="knopki"> <a href="сотрудники.html"><img src="картинки/Сотрудники.jpg" width="125" height="30" alt=""/></a>

                            <a href="клиенты.html"><img src="картинки/клиенты2.jpg" width="125" height="30" alt=""/></a>

                            <a href="договоры.html"><img src="картинки/договоры.jpg" width="125" height="30" alt=""/></a>

                            <a href="кредиты3.html"><img src="картинки/кредиты.jpg" width="125" height="30" alt=""/></a>

                            <a href="ипотека.html"><img src="картинки/ипотека.jpg" width="125" height="30" alt=""/></a>

                            <a href="вклады2.html"><img src="картинки/вклады.jpg" width="125" height="30" alt=""/></a>

                            <a href="банковские услуги.html"><img src="картинки/банковские услуги.jpg" width="125" height="30" alt=""/></a>

                            <a href="отделы.html"><img src="картинки/Отделы.jpg" width="97" height="30" alt=""/></a>

                   </div>

</div>

<div id="saidbar"> <a href="О банке.html"><img src="картинки/о банке.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Новости и информация.html"><img src="картинки/Новости и информация.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Корпоративным клиентам.html"><img src="картинки/КОРПОРАТИВНЫМ КЛИЕНТАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Частным лицам.html"><img src="картинки/ЧАСТНЫМ ЛИЦАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Офисы банка.html"><img src="картинки/ОФИСЫ БАНКА.jpg" width="200" height="50" alt=""/></a>

</div>

         <div id="newsbox">

                   <p>

<img src="../бд/скрины/клиенты.png" width="700" height="200" id="example">

         </div>

         <div style="clear: both"></div>

</div>

<div id="podval">

<img src="картинки/подвал.jpg" width="1000" height="70" alt=""/>

</div>

<script src="js/jquery-2.1.1.js"></script>

<script src="js/okzoom.js"></script>

<script>

$(function(){

$('#example').okzoom({: 200,: 200,: "1px solid black",: "0 0 50px #000"

});

});

</script>

</body>

</html>

/****************************************************************************

** Язык: html, css, javascript

** Среда разработки: Notepad++

** Дата: 15.06.2015г.

** Разработал: Астахов Г.В.

** **************************************************************************

** Создание страницы Договоры

****************************************************************************/

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Договоры</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div id="wrap">

<div>

                   <a>Главная.html"><img src="картинки/шапка.jpg" width="1000" height="200" /></a>

                             <div id="knopki"> <a href="сотрудники.html"><img src="картинки/Сотрудники.jpg" width="125" height="30" alt=""/></a>

                            <a href="клиенты.html"><img src="картинки/клиенты.jpg" width="125" height="30" alt=""/></a>

                            <a href="договоры.html"><img src="картинки/договоры2.jpg" width="125" height="30" alt=""/></a>

                            <a href="кредиты3.html"><img src="картинки/кредиты.jpg" width="125" height="30" alt=""/></a>

                            <a href="ипотека.html"><img src="картинки/ипотека.jpg" width="125" height="30" alt=""/></a>

                            <a href="вклады2.html"><img src="картинки/вклады.jpg" width="125" height="30" alt=""/></a>

                            <a href="банковские услуги.html"><img src="картинки/банковские услуги.jpg" width="125" height="30" alt=""/></a>

                            <a href="отделы.html"><img src="картинки/Отделы.jpg" width="97" height="30" alt=""/></a>

                   </div>

</div>

<div id="saidbar"> <a href="О банке.html"><img src="картинки/о банке.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Новости и информация.html"><img src="картинки/Новости и информация.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Корпоративным клиентам.html"><img src="картинки/КОРПОРАТИВНЫМ КЛИЕНТАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Частным лицам.html"><img src="картинки/ЧАСТНЫМ ЛИЦАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Офисы банка.html"><img src="картинки/ОФИСЫ БАНКА.jpg" width="200" height="50" alt=""/></a>

</div>

         <div id="newsbox">

                   <p>

<img src="../бд/скрины/договоры.png" width="500" height="150" id="example">

         </div>

         <div style="clear: both"></div>

</div>

<div id="podval">

<img src="картинки/подвал.jpg" width="1000" height="70" alt=""/>

</div>

<script src="js/jquery-2.1.1.js"></script>

<script src="js/okzoom.js"></script>

<script>

$(function(){

$('#example').okzoom({: 200,: 200,: "1px solid black",: "0 0 50px #000"

});

});

</script>

</body>

</html>

/****************************************************************************

** Язык: html, css, javascript

** Среда разработки: Notepad++

** Дата: 15.06.2015г.

** Разработал: Астахов Г.В.

** **************************************************************************

** Создание страницы Кредиты

****************************************************************************/

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Кредиты</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div id="wrap">

<div>

                   <a>Главная.html"><img src="картинки/шапка.jpg" width="1000" height="200" /></a>

                  

          <div id="knopki"> <a href="сотрудники.html"><img src="картинки/Сотрудники.jpg" width="125" height="30" alt=""/></a>

                            <a href="клиенты.html"><img src="картинки/клиенты.jpg" width="125" height="30" alt=""/></a>

                            <a href="договоры.html"><img src="картинки/договоры.jpg" width="125" height="30" alt=""/></a>

                            <a href="кредиты3.html"><img src="картинки/кредиты2.jpg" width="125" height="30" alt=""/></a>

                            <a href="ипотека.html"><img src="картинки/ипотека.jpg" width="125" height="30" alt=""/></a>

                            <a href="вклады2.html"><img src="картинки/вклады.jpg" width="125" height="30" alt=""/></a>

                            <a href="банковские услуги.html"><img src="картинки/банковские услуги.jpg" width="125" height="30" alt=""/></a>

                            <a href="отделы.html"><img src="картинки/Отделы.jpg" width="97" height="30" alt=""/></a>

                   </div>

</div>

<div id="saidbar"> <a href="О банке.html"><img src="картинки/о банке.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Новости и информация.html"><img src="картинки/Новости и информация.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Корпоративным клиентам.html"><img src="картинки/КОРПОРАТИВНЫМ КЛИЕНТАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Частным лицам.html"><img src="картинки/ЧАСТНЫМ ЛИЦАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Офисы банка.html"><img src="картинки/ОФИСЫ БАНКА.jpg" width="200" height="50" alt=""/></a>

</div>

         <div id="newsbox">

                   <p>

<img src="../бд/скрины/кредиты.png" width="300" height="70" id="example">

         </div>

         <div style="clear: both"></div>

</div>

<div id="podval">

<img src="картинки/подвал.jpg" width="1000" height="70" alt=""/>

</div>

<script src="js/jquery-2.1.1.js"></script>

<script src="js/okzoom.js"></script>

<script>

$(function(){

$('#example').okzoom({: 200,: 200,: "1px solid black",: "0 0 50px #000"

});

});

</script>

</body>

</html>

/****************************************************************************

** Язык: html, css, javascript

** Среда разработки: Notepad++

** Дата: 15.06.2015г.

** Разработал: Астахов Г.В.

** **************************************************************************

** Создание страницы Ипотека

****************************************************************************/

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Ипотека</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div id="wrap">

<div>

                   <a>Главная.html"><img src="картинки/шапка.jpg" width="1000" height="200" /></a>

                  

          <div id="knopki"> <a href="сотрудники.html"><img src="картинки/Сотрудники.jpg" width="125" height="30" alt=""/></a>

                            <a href="клиенты.html"><img src="картинки/клиенты.jpg" width="125" height="30" alt=""/></a>

                            <a href="договоры.html"><img src="картинки/договоры.jpg" width="125" height="30" alt=""/></a>

                            <a href="кредиты3.html"><img src="картинки/кредиты.jpg" width="125" height="30" alt=""/></a>

                            <a href="ипотека.html"><img src="картинки/ипотека2.jpg" width="125" height="30" alt=""/></a>

                            <a href="вклады2.html"><img src="картинки/вклады.jpg" width="125" height="30" alt=""/></a>

                            <a href="банковские услуги.html"><img src="картинки/банковские услуги.jpg" width="125" height="30" alt=""/></a>

                            <a href="отделы.html"><img src="картинки/Отделы.jpg" width="97" height="30" alt=""/></a>

                   </div>

</div>

<div id="saidbar"> <a href="О банке.html"><img src="картинки/о банке.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Новости и информация.html"><img src="картинки/Новости и информация.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Корпоративным клиентам.html"><img src="картинки/КОРПОРАТИВНЫМ КЛИЕНТАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Частным лицам.html"><img src="картинки/ЧАСТНЫМ ЛИЦАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Офисы банка.html"><img src="картинки/ОФИСЫ БАНКА.jpg" width="200" height="50" alt=""/></a>

</div>

         <div id="newsbox">

                   <p>

<img src="../бд/скрины/ипотека.png" width="300" height="70" id="example">

         </div>

         <div style="clear: both"></div>

</div>

<div id="podval">

<img src="картинки/подвал.jpg" width="1000" height="70" alt=""/>

</div>

<script src="js/jquery-2.1.1.js"></script>

<script src="js/okzoom.js"></script>

<script>

$(function(){

$('#example').okzoom({: 200,: 200,: "1px solid black",: "0 0 50px #000"

});

});

</script>

</body>

</html>

/****************************************************************************

** Язык: html, css, javascript

** Среда разработки: Notepad++

** Дата: 15.06.2015г.

** Разработал: Астахов Г.В.

** **************************************************************************

** Создание страницы Вклады

****************************************************************************/

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Вклады</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div id="wrap">

<div>

                   <a>Главная.html"><img src="картинки/шапка.jpg" width="1000" height="200" /></a>

                  

         <div id="knopki"> <a href="сотрудники.html"><img src="картинки/Сотрудники.jpg" width="125" height="30" alt=""/></a>

                            <a href="клиенты.html"><img src="картинки/клиенты.jpg" width="125" height="30" alt=""/></a>

                            <a href="договоры.html"><img src="картинки/договоры.jpg" width="125" height="30" alt=""/></a>

                            <a href="кредиты3.html"><img src="картинки/кредиты.jpg" width="125" height="30" alt=""/></a>

                            <a href="ипотека.html"><img src="картинки/ипотека.jpg" width="125" height="30" alt=""/></a>

                            <a href="вклады2.html"><img src="картинки/вклады2.jpg" width="125" height="30" alt=""/></a>

                            <a href="банковские услуги.html"><img src="картинки/банковские услуги.jpg" width="125" height="30" alt=""/></a>

                            <a href="отделы.html"><img src="картинки/Отделы.jpg" width="97" height="30" alt=""/></a>

                   </div>

</div>

<div id="saidbar"> <a href="О банке.html"><img src="картинки/о банке.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Новости и информация.html"><img src="картинки/Новости и информация.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Корпоративным клиентам.html"><img src="картинки/КОРПОРАТИВНЫМ КЛИЕНТАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Частным лицам.html"><img src="картинки/ЧАСТНЫМ ЛИЦАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Офисы банка.html"><img src="картинки/ОФИСЫ БАНКА.jpg" width="200" height="50" alt=""/></a>

</div>

         <div id="newsbox">

                   <p>

<img src="../бд/скрины/вклады.png" width="300" height="70" id="example">

         </div>

         <div style="clear: both"></div>

</div>

<div id="podval">

<img src="картинки/подвал.jpg" width="1000" height="70" alt=""/>

</div>

<script src="js/jquery-2.1.1.js"></script>

<script src="js/okzoom.js"></script>

<script>

$(function(){

$('#example').okzoom({: 200,: 200,: "1px solid black",: "0 0 50px #000"

});

});

</script>

</body>

</html>

/****************************************************************************

** Язык: html, css, javascript

** Среда разработки: Notepad++

** Дата: 15.06.2015г.

** Разработал: Астахов Г.В.

** **************************************************************************

** Создание страницы Банковские услуги

****************************************************************************/

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Банковские услуги</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div id="wrap">

<div>

                  

         <div id="knopki"> <a href="сотрудники.html"><img src="картинки/Сотрудники.jpg" width="125" height="30" alt=""/></a>

                            <a href="клиенты.html"><img src="картинки/клиенты.jpg" width="125" height="30" alt=""/></a>

                            <a href="договоры.html"><img src="картинки/договоры.jpg" width="125" height="30" alt=""/></a>

                            <a href="кредиты3.html"><img src="картинки/кредиты.jpg" width="125" height="30" alt=""/></a>

                            <a href="ипотека.html"><img src="картинки/ипотека.jpg" width="125" height="30" alt=""/></a>

                            <a href="вклады2.html"><img src="картинки/вклады.jpg" width="125" height="30" alt=""/></a>

                            <a href="банковские услуги.html"><img src="картинки/банковские услуги2.jpg" width="125" height="30" alt=""/></a>

                            <a href="отделы.html"><img src="картинки/Отделы.jpg" width="97" height="30" alt=""/></a>

                   </div>

</div>

<div id="saidbar"> <a href="О банке.html"><img src="картинки/о банке.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Новости и информация.html"><img src="картинки/Новости и информация.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Корпоративным клиентам.html"><img src="картинки/КОРПОРАТИВНЫМ КЛИЕНТАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Частным лицам.html"><img src="картинки/ЧАСТНЫМ ЛИЦАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Офисы банка.html"><img src="картинки/ОФИСЫ БАНКА.jpg" width="200" height="50" alt=""/></a>

</div>

         <div id="newsbox">

                   <p>

<img src="../бд/скрины/банквоские услуги.png" width="300" height="70" id="example">

         </div>

         <div style="clear: both"></div>

</div>

<div id="podval">

<img src="картинки/подвал.jpg" width="1000" height="70" alt=""/>

</div>

<script src="js/jquery-2.1.1.js"></script>

<script src="js/okzoom.js"></script>

<script>

$(function(){

$('#example').okzoom({: 200,: 200,: "1px solid black",: "0 0 50px #000"

});

});

</script>

</body>

</html>

/****************************************************************************

** Язык: html, css, javascript

** Среда разработки: Notepad++

** Дата: 15.06.2015г.

** Разработал: Астахов Г.В.

** **************************************************************************

** Создание страницы Отделы

****************************************************************************/

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Отделы</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div id="wrap">

<div>

                   <a>Главная.html"><img src="картинки/шапка.jpg" width="1000" height="200" /></a>

                  

          <div id="knopki"> <a href="сотрудники.html"><img src="картинки/Сотрудники.jpg" width="125" height="30" alt=""/></a>

                            <a href="клиенты.html"><img src="картинки/клиенты.jpg" width="125" height="30" alt=""/></a>

                            <a href="договоры.html"><img src="картинки/договоры.jpg" width="125" height="30" alt=""/></a>

                            <a href="кредиты3.html"><img src="картинки/кредиты.jpg" width="125" height="30" alt=""/></a>

                            <a href="ипотека.html"><img src="картинки/ипотека.jpg" width="125" height="30" alt=""/></a>

                            <a href="вклады2.html"><img src="картинки/вклады.jpg" width="125" height="30" alt=""/></a>

                            <a href="банковские услуги.html"><img src="картинки/банковские услуги.jpg" width="125" height="30" alt=""/></a>

                            <a href="отделы.html"><img src="картинки/Отделы2.jpg" width="97" height="30" alt=""/></a>

                   </div>

</div>

<div id="saidbar"> <a href="О банке.html"><img src="картинки/о банке.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Новости и информация.html"><img src="картинки/Новости и информация.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Корпоративным клиентам.html"><img src="картинки/КОРПОРАТИВНЫМ КЛИЕНТАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Частным лицам.html"><img src="картинки/ЧАСТНЫМ ЛИЦАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Офисы банка.html"><img src="картинки/ОФИСЫ БАНКА.jpg" width="200" height="50" alt=""/></a>

</div>

         <div id="newsbox">

                   <p>

<img src="../бд/скрины/отделы.png" width="300" height="70" id="example">

         </div>

         <div style="clear: both"></div>

</div>

<div id="podval">

<img src="картинки/подвал.jpg" width="1000" height="70" alt=""/>

</div>

<script src="js/jquery-2.1.1.js"></script>

<script src="js/okzoom.js"></script>

<script>

$(function(){

$('#example').okzoom({: 200,: 200,: "1px solid black",: "0 0 50px #000"

});

});

</script>

</body>

</html>

/****************************************************************************

** Язык: html, css

** Среда разработки: Notepad++

** Дата: 15.06.2015г.

** Разработал: Астахов Г.В.

** **************************************************************************

** Создание страницы О банке

****************************************************************************/

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>О банке</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div id="wrap">

<div>

<a>Главная.html">

<img src="картинки/шапка.jpg" width="1000"="200" / >

</a>

<div id="knopki"> <a href="сотрудники.html"><img src="картинки/Сотрудники.jpg" width="125" height="30" alt=""/></a>

                            <a href="клиенты.html"><img src="картинки/клиенты.jpg" width="125" height="30" alt=""/></a>

                            <a href="договоры.html"><img src="картинки/договоры.jpg" width="125" height="30" alt=""/></a>

                            <a href="кредиты3.html"><img src="картинки/кредиты.jpg" width="125" height="30" alt=""/></a>

                            <a href="ипотека.html"><img src="картинки/ипотека.jpg" width="125" height="30" alt=""/></a>

                            <a href="вклады2.html"><img src="картинки/вклады.jpg" width="125" height="30" alt=""/></a>

                            <a href="банковские услуги.html"><img src="картинки/банковские услуги.jpg" width="125" height="30" alt=""/></a>

                            <a href="отделы.html"><img src="картинки/Отделы.jpg" width="97" height="30" alt=""/></a>

                   </div>

</div>

<div id="saidbar"> <a href="О банке.html"><img src="картинки/о банке.jpg" width="200" height="50" alt=""/></a>

<div id="banke"> <!-- див сдвигающий текст ниже в право-->

<ul>

<li><a href="История банка.html"> История Банка </a></li> <p>

<li><a href="банк сегодня.html">Банк сегодня</a></li><p>

<li><a href="Руководство.html">Руководство</a> </li><p>

<li><a href="Финансовая отчетность.html">Финансовая отчетность</a> </li><p>

<li><a href="Внутренние документы банка.html">Внутренние документы <br> банка</a> </li><p>

<li><a href="Раскрытие информации.html">Раскрытие информации</a> </li><p>

<li><a href="Инсайдерская.html">Инсайдерская <br> информация</a></li><p>

<li><a href="Реквизиты Банка.html">Реквизиты Банка</a></li><p>

<li><a href="FATCA.html">FATCA</a></li>

</ul>

</div>

<p> <a href="Новости и информация.html"><img src="картинки/Новости и информация.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Корпоративным клиентам.html"><img src="картинки/КОРПОРАТИВНЫМ КЛИЕНТАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Частным лицам.html"><img src="картинки/ЧАСТНЫМ ЛИЦАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Офисы банка.html"><img src="картинки/ОФИСЫ БАНКА.jpg" width="200" height="50" alt=""/></a>

</div>

<div id="newsbox">

<strong>

<font color ="green">Миссия Банка </font>

</strong>

<br>

<p>

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

• Строить отношения с клиентами на основе принципов, способствующих установлению долгосрочного и взаимовыгодного сотрудничества, а именно: уважения, надежности, открытости, ответственности и оперативности.<br><p>

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

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

</div>

<div style="clear: both"></div>

</div>

<div id="podval">

<img src="картинки/подвал.jpg" width="1000" height="70" alt=""/>

</div>

</body>

</html>

/****************************************************************************

** Язык: html, css

** Среда разработки: Notepad++

** Дата: 15.06.2015г.

** Разработал: Астахов Г.В.

** **************************************************************************

** Создание страницы Новости и информация

****************************************************************************/

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Архив новостей за 2015 год</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div id="wrap">

<div>

<a>Главная.html">

<img src="картинки/шапка.jpg" width="1000"="200" / >

</a>

<div id="knopki"> <a href="сотрудники.html"><img src="картинки/Сотрудники.jpg" width="125" height="30" alt=""/></a>

                            <a href="клиенты.html"><img src="картинки/клиенты.jpg" width="125" height="30" alt=""/></a>

                            <a href="договоры.html"><img src="картинки/договоры.jpg" width="125" height="30" alt=""/></a>

                            <a href="кредиты3.html"><img src="картинки/кредиты.jpg" width="125" height="30" alt=""/></a>

                            <a href="ипотека.html"><img src="картинки/ипотека.jpg" width="125" height="30" alt=""/></a>

                            <a href="вклады2.html"><img src="картинки/вклады.jpg" width="125" height="30" alt=""/></a>

                            <a href="банковские услуги.html"><img src="картинки/банковские услуги.jpg" width="125" height="30" alt=""/></a>

                            <a href="отделы.html"><img src="картинки/Отделы.jpg" width="97" height="30" alt=""/></a>

                   </div>

</div>

<div id="saidbar"> <a href="О банке.html"><img src="картинки/о банке.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Новости и информация.html"><img src="картинки/Новости и информация.jpg" width="200" height="50" alt=""/></a>

<ul>

<li><a href="Новости и информация.html"><font color ="green">2015</font></a></li><p>

<li><a href="Архив новостей за 2014 год.html">2014</a></li><p>

<li><a href="Архив новостей за 2013 год.html">2013</a></li><p>

<li><a href="Архив новостей за 2012 год.html">2012</a></li><p>

<li><a href="Архив новостей за 2011 год.html">2011</a></li><p>

<li><a href="Архив новостей за 2010 год.html">2010</a></li><p>

<li><a href="Архив новостей за 2009 год.html">2009</a></li><p>

<li><a href="Архив новостей за 2008 год.html">2008</a></li><p>

<li><a href="Архив новостей за 2007 год.html">2007</a></li><p>

<li><a href="Архив новостей за 2006 год.html">2006</a></li><p>

<li><a href="Архив новостей за 2005 год.html">2005</a></li>

</ul>

<a href="Корпоративным клиентам.html"><img src="картинки/КОРПОРАТИВНЫМ КЛИЕНТАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Частным лицам.html"><img src="картинки/ЧАСТНЫМ ЛИЦАМ.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Офисы банка.html"><img src="картинки/ОФИСЫ БАНКА.jpg" width="200" height="50" alt=""/></a>

</div>

<div id="newsbox">

<p>

<strong>

<font color ="green">

Архив новостей за 2015 год

</font>

</strong>

<p>

.05.2015     О предстоящем годовом общем собрании акционеров ОАО "Газпром". <br> <p>

.05.2015     О предоставлении списка владельцев ценных бумаг ОАО "Россети"<br> <p>

.05.2015     О предстоящем годовом общем собрании акционеров Открытое акционерное общество междугородной и международной электрической связи "Ростелеком"<br><p>

.05.2015     О предстоящем годовом общем собрании акционеров ОАО "ЛУКОЙЛ".<br><p>

.05.2015     О предстоящем годовом общем собрании акционеров ОАО "ЛУКОЙЛ".<br><p>

.05.2015     О предстоящем годовом общем собрании акционеров ПАО «Уралкалий»<br><p>

.05.2015     О предстоящем годовом общем собрании акционеров ОАО Банк "ВТБ"<br><p>

.05.2015     Новая редакция Тарифов<br><p>

.05.2015     О предстоящем годовом общем собрании акционеров ПАО «Северсталь»<br><p>

.05.2015     О предстоящем годовом общем собрании акционеров ОАО "Сургутнефтегаз"<br><p>

.05.2015     Новая редакция Условий открытия банковских счетов<br><p>

.05.2015     О предстоящем годовом общем собрании акционеров ПАО "Уралкалий"<br><p>

.05.2015     О предоставлении списка владельцев ценных бумаг ОАО "Сургутнефтегаз"<br><p>

.05.2015     О предоставлении списка владельцев ценных бумаг ПАО "Уралкалий"<br><p>

.05.2015     О предоставлении списка владельцев ценных бумаг ОАО "ЛУКОЙЛ"<br><p>

.05.2015    О предстоящем годовом общем собрании акционеров ОАО "Фармстандарт"<br><p>

.05.2015    О предоставлении списка владельцев ценных бумаг ОАО "ФСК ЕЭС"<br><p>

.05.2015     О предстоящем годовом общем собрании акционеров ОАО "Сбербанк России"<br><p>

.05.2015     О предстоящем годовом общем собрании акционеров Yandex N.V.<br><p>

.05.2015     О предоставлении списка владельцев ценных бумаг ОАО Банк ВТБ<br><p>

.05.2015     О предоставлении списка владельцев ценных бумаг ОАО «Газпром»<br><p>

.05.2015     О предстоящем годовом общем собрании акционеров ПАО «Отисифарм»<br><p>

.05.2015     О предстоящем годовом общем собрании акционеров ПАО «Уралкалий»<br><p>

.05.2015     О предстоящем годовом общем собрании акционеров ПАО «Северсталь»<br><p>

.05.2015     О предстоящем годовом общем собрании акционеров ПАО «Отисифарм»<br><p>

.05.2015     О предоставлении списка владельцев ценных бумаг ОАО «ФСК ЕЭС»<br><p>

.04.2015     О предоставлении списка владельцев ценных бумаг ОАО «Ростелеком»<br><p>

.04.2015     О предстоящем годовом общем собрании акционеров ПАО «Северсталь»<br><p>

.04.2015     О предоставлении списка владельцев ценных бумаг ОАО «Сбербанк России»<br><p>

.04.2015     О выплате купонного дохода по облигациям "НОТА-Банк" (ПАО)<br><p>

.04.2015     О предоставлении списка владельцев ценных бумаг ОАО «Фармстандарт»<br><p>

.04.2015     О предоставлении списка владельцев ценных бумаг ПАО «Отисифарм»<br><p>

.04.2015     О предоставлении списка владельцев ценных бумаг ОАО «ФСК ЕЭС»<br><p>

.04.2015     О выплате купонного дохода по облигациям "НОТА-Банк" (ПАО)<br><p>

.04.2015     О предоставлении списка владельцев ценных бумаг ОАО "ЛУКОЙЛ"<br><p>

.04.2015     О предоставлении списка владельцев ценных бумаг ОАО «ФСК ЕЭС»<br><p>

.03.2015     О предоставлении списка владельцев ценных бумаг "НОТА-Банк" (ОАО)<br><p>

.03.2015О предоставлении списка владельцев ценных бумаг "НОТА-Банк" (ОАО)<br><p>

.03.2015     О предоставлении списка владельцев ценных бумаг "НОТА-Банк" (ОАО)<br><p>

.03.2015О предоставлении списка владельцев ценных бумаг "НОТА-Банк" (ОАО)<br><p>

.03.2015О предоставлении списка владельцев ценных бумаг ОАО «ФСК ЕЭС»<br><p>

.02.2015    

О выплате купонного дохода по облигациям ОАО "ИФК "РФА-Инвест"<br><p>

.02.2015    

О выплате части номинальной стоимости при частичном погашении облигаций ОАО "ИФК "РФА-Инвест"<br><p>

.02.2015     О предоставлении списка владельцев ценных бумаг ОАО «Фармстандарт»<br><p>

.01.2015     О предоставлении списка владельцев ценных бумаг ОАО «ФСК ЕЭС»<br><p>

.01.2015     О предоставлении списка владельцев ценных бумаг ОАО «Отисифарм»<br><p>

.01.2015     О предоставлении списка владельцев ценных бумаг ОАО «Фармстандарт»<br><p>

.01.2015     О предоставлении списка владельцев ценных бумаг ОАО "ФСК ЕЭС"<br><p>

.01.2015 О состоявшемся внеочередном общем собрании акционеров ПАО «Уралкалий»<br><p>

.01.2015 О предоставлении списка владельцев ценных бумаг ОАО «ЛУКОЙЛ»<br>

</div>

<div style="clear: both"></div>

</div>

<div id="podval">

<img src="картинки/подвал.jpg" width="1000" height="100" alt=""/>

</div>

</body>

</html>

/****************************************************************************

** Язык: html, css

** Среда разработки: Notepad++

** Дата: 15.06.2015г.

** Разработал: Астахов Г.В.

** **************************************************************************

** Создание страницы Корпоративным клиентам

****************************************************************************/

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Корпоративным клиентам</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div id="wrap">

<div>

<a>Главная.html">

<img src="картинки/шапка.jpg" width="1000"="200" / >

</a>

<div id="knopki"> <a href="сотрудники.html"><img src="картинки/Сотрудники.jpg" width="125" height="30" alt=""/></a>

                            <a href="клиенты.html"><img src="картинки/клиенты.jpg" width="125" height="30" alt=""/></a>

                            <a href="договоры.html"><img src="картинки/договоры.jpg" width="125" height="30" alt=""/></a>

                            <a href="кредиты3.html"><img src="картинки/кредиты.jpg" width="125" height="30" alt=""/></a>

                            <a href="ипотека.html"><img src="картинки/ипотека.jpg" width="125" height="30" alt=""/></a>

                            <a href="вклады2.html"><img src="картинки/вклады.jpg" width="125" height="30" alt=""/></a>

                            <a href="банковские услуги.html"><img src="картинки/банковские услуги.jpg" width="125" height="30" alt=""/></a>

                            <a href="отделы.html"><img src="картинки/Отделы.jpg" width="97" height="30" alt=""/></a>

                   </div>

</div>

<div id="saidbar"> <a href="О банке.html"><img src="картинки/о банке.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Новости и информация.html"><img src="картинки/Новости и информация.jpg" width="200" height="50" alt=""/></a>

<p> <a href="Корпоративным клиентам.html"><img src="картинки/КОРПОРАТИВНЫМ КЛИЕНТАМ.jpg" width="200" height="50" alt=""/></a>

<ul>

<li> <a href="Ежедневное обслуживание.html">Ежедневное обслуживание</a></li>

<p>

<li><a href="

Похожие работы на - Разработка корпоративного сайта 'Департамент сопровождения клиентов'

 

Не нашли материал для своей работы?
Поможем написать уникальную работу
Без плагиата!