Разработка информационного ресурса на примере ООО "ПрофиСлав-Строй"

Размещено на http://www.allbest.ru/

Министерство образования Республики Беларусь

Учреждение образования

«Белорусский государственный университет информатики и радиоэлектроники»

Факультет заочного обучения

Кафедра менеджмента

ОТЧЁТ

о производственной практике на ООО «ПрофиСлав-Строй»

Исполнитель:

Студент 5 курса ФЗО

группа 303942

Абражевич С.С.

Преподаватель

Орлова Е.И.

Минск 2018



ВВЕДЕНИЕ

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

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

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

- изучить организационную структуру управления организации;

- дать краткий анализ работы организации за предшествующий практике год;

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

ООО «ПрофиСлав-Строй» известна на территории Беларуси в области строительства светофорных объектов, благоустройству территории и нанесению дорожной разметки, а также сопутствующими работами.

Заказчиками работ выступают Главное Управление внутренних дел Мингорисполкома; КУП «СМЭП Мингорисполкома»; филиал «Служба трамвайного пути» Государственного предприятия «Минсктранс», Общество с дополнительной ответственностью «СтандартВестСтрой», Коммунальное унитарное дочернее предприятие «Управление капитального строительства Запад», Открытое акционерное общество «Минскремстрой», Открытое акционерное общество «Белсвязьстрой», Республиканское государственно-общественное объединение «Президентский спортивный клуб», Общество с ограниченной ответственностью «АЗНеман-М», ООО «ИТС-Бел», ООО «ЕвроСтэпГрупп», ОДО «Высокий замок», СМ ЗАО «Ареса-Сервис-Строй», ООО «СУ-1 БЕЛБУД» и д.р.

В компании ООО «ПрофиСлав-Строй» отсутствует информационный ресурс, а для более эффективной работы предприятия важно его наличие.

Зачем нужен веб-сайт:

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

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

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

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

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

- Веб-сайт - работает на имидж. Наличие веб-сайта свидетельствует о технической продвинутости компании и соответствии требованиям времени.



1. АНАЛИЗ ОРГАНИЗАЦИИ

затрата корпоративный информационный ресурс

ООО «ПрофиСлав-Строй» - это организация, расположенная по адресу: Минский р-н, пос. Привольный, ул. Мира, д. 12, к. 39. ООО «ПрофиСлав-Строй» занимается строительной деятельностью с 2014 года. Организация выполняет работы:

- по строительству светофорных объектов;

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

- кабелей питания 0, 4кВ;

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

- благоустройству территории;

- нанесению дорожной разметки.

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

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

Организационная структура регулирует:

- разделение задач по отделениям и подразделениям;

- их компетентность в решении определенных проблем;

- общее взаимодействие этих элементов.

Рисунок 1 - Организационная структура предприятия ООО «ПрофиСлав-Строй»

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

Рисунок 2 - График изменения основных показателей



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

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

Таблица 1- Основные показатели

Наименование показателя	Расчеты	Рекомендуемые нормативные значения	Экономическое содержание показателя
Коэффициент текущей ликвидности (Ктл)	Оборотные активы ? Краткосрочные обязательства =226/132=1, 71	1, 5 - 2	Отражает платежеспособность на период, равный средней продолжительности одного оборота оборотных активов
Коэффициент критической (промежуточной) ликвидности (Ккл)	(Оборотные активы - запасы - дебиторская задолженность) ? Краткосрочные обязательства = (226-60-65)/132=0, 76	0, 7 - 1	Отражает платежеспособность на период, равный средней продолжительности одного оборота краткосрочной дебиторской задолженности
Коэффициент общей платежеспособности (Коп)	(Амортизационные расходы+чистая прибыль)/общая задолжность=(25+47)/132=0, 54	0, 5 - 0, 7	Отражает способность погасить внешние обязательства организации м



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

Модель AS-IS - это модель «как есть», т.е. модель уже существующего процесса / функции. Обследование процессов является обязательной частью любого проекта создания или развития системы. Построение функциональной модели AS-IS позволяет четко зафиксировать, какие процессы осуществляются на предприятии, какие информационные объекты используются при выполнении функций различного уровня детализации.

Для того, чтобы спроектировать процесс проведения строительных работ, используется средство, которое называется Erwin Process Modeler и методология под названием IDEF0.

Для графического описания основного бизнес-процесса был использован стандарт IDEF0 (Integration Definition for Function Modeling), который подставляет собой методологию функционального моделирования, предназначенную для описания бизнес-процессов. Функциональная модель на основе стандарта IDEF0 позволяет учесть все условия поставленной задачи и автоматизировать её.



Таблица 2.

Рисунок 3 - Диаграмма IDEF0. Уровень 2

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



2. ОБОСНОВАНИЕ НЕОБХОДИМОСТИ РАЗРАБОТКИ КОРПОРАТИВНОГО ИНФОРМАЦИОННОГО РЕСУРСА ДЛЯ ООО «ПРОФИСЛАВ-СТРОЙ»

2.1 Назначение и цели создания информационного ресурса

Основным назначением создания сайта является создание официального представительства компании заказчика в сети Интернет.

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

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

Сайт для строительной компании обладает массой достоинств. Вот лишь некоторые из них:

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

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

· Экономность. По сравнению с традиционными средствами рекламы, затраты на раскрутку сайта минимальны, а выгоды - максимальны.

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

2.2 Целевая аудитория

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

ООО «ПрофиСлав-Строй» является поставщиком своих услуг для компаний строительного профиля и дорожной отрасли, следовательно, эти предприятия и являются целевой аудиторией.

2.3 Ожидания организации от информационного ресурса

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

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

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

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

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

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



2.4 Ожидания пользователей от информационного ресурса

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

От информационного ресурса пользователь получит:

- интуитивно понятный интерфейс;

- качественный контент;

- полную информацию о товарах и услугах предприятия;

- навигацию по сайту;

- форму обратной связи;

- возможность заказа товара онлайн.



3. РАЗРАБОТКА ТЕХНИЧЕСКОГО ЗАДАНИЯ НА ИНФОРМАЦИОННЫЙ РЕСУРС

Целевая страница (англ. landing page, также «посадочная страница») -- веб-страница, основной задачей которой является сбор контактных данных целевой аудитории. Используется для усиления эффективности рекламы, увеличения аудитории. Целевая страница обычно содержит информацию о товаре или услуге.

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

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

3.1 Требования к информационному ресурсу

Основные требования к корпоративным информационным ресурсам:

- качественный контент;

- оригинальный дизайн;

- полная информация об организации;

- полная информация о товарах (услугах) организации;

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

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

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

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

- предусмотреть возможность сделать заявку онлайн через форму за-каза или корзину;

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

предусмотреть поиск по разделам.

3.2 Требования к функциям, выполняемых информационным ресурсом

3.2.1 Структура информационного ресурса

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

Более успешные сайты, имея равную или меньшую информационную

наполненность, обладают более удобной для посетителей навигацией и

хорошо продуманной структурой.

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



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

3.3 Требования к дизайну

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

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

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

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

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

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

- цветовое решение;

- шрифты;

- графика;

- представление текстовой информации;

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



4. ПРЕДСТАВЛЕНИЕ РАЗРАБОТАННОГО ИНФОРМАЦИОННОГО РЕСУРСА

На рисунке 5 представлена шапка сайта, где пользователь может сразу заказать звонок или узнать о новостях компании.

Рисунок 5 - Главная страница сайта

На рисунке 6 представлена информация об организации.

Рисунок 6 - О нас

На рисунке 7 представлен каталог продукции.



Рисунок 7 - Каталог продукции

На рисунке 8 представлены аттестаты предприятия.

Рисунок 8 - Сертификаты

На рисунке 9 представлены вакансии, которые свободны на предприятии.



Рисунок 9 - Вакансии

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

Рисунок 10- Контакты

5. СОСТАВЛЕНИЕ СМЕТЫ ЗАТРАТ НА РАЗРАБОТКУ ИНФОРМАЦИОННОГО РЕСУРСА

Расчет затрат на разработку ПО делаем в разрезе следующих статей:

- затраты на основную заработную плату разработчиков;

- затраты на дополнительную заработную плату разработчиков;

- отчисления на социальные нужды;

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

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

Расчёт величины основной заработной платы участников команды осуществляется по формуле:

З_о =,

где n - количество исполнителей, занятых разработкой конкретного ПО;

T_чi - часовая заработная плата i-го исполнителя (руб.);

t_i - трудоемкость работ, выполняемых i-м исполнителем (ч).

Часовая заработная плата определяется путем деления месячной заработной платы на количество рабочих часов в месяце (можно принять равным 168 часам или по данным Минтруда и социальной защиты населения на момент проведения расчетов).

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

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

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

Таблица 3 - Расчёт затрат на основную заработную плату команды разработчиков

№	Участник команды	Выполняемые работы	Месячная заработная плата, руб.	Часовая заработная плата, руб.	Трудоемкость работ, часов	Основная заработная плата, руб.
1	Бизнес-аналитик	Разработка бизнес-логики информационного ресурса	700	4, 17	20	83, 4
2	Программист	Back-end и front-end	1200	7, 14	72	514, 08
3	Дизайнер	Разработка дизайна сайта	800	4, 76	30	142, 8
4	Системный администратор	Поддержка сервера в работоспособном состоянии	600	3, 57	15	53, 55
Премия(50%)	396, 915
Итого затраты на основную заработную плату разработчиков	1190, 75

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



З_д = ,

где Зо - затраты на основную заработную плату с учетом премии (руб.);

Нд - норматив дополнительной заработной платы, берем в размере 10%.

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

з_соц =,

где Нсоц - норматив отчислений на социальные нужды (34%).

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

З_пз =,

где Нпз - норматив прочих затрат, берем в размере 100%.

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



Таблица 4 - Затраты на разработку программного обеспечения

Статья затрат	Сумма, руб.
Основная заработная плата команды разработчиков	1190, 75
Дополнительная заработная плата команды разработчиков	119
Отчисления на социальные нужды	404, 86
Прочие затраты	1190, 75
Общая сумма затрат на разработку	2905, 36



6. ПОСТРОЕНИЕ МОДЕЛИ ОРГАНИЗАЦИИ TO-BE («КАК ДОЛЖНО БЫТЬ»)

Для того чтобы спроектировать процесс проведения строительных работ, используется средство, которое называется Erwin Process Modeler и методология под названием IDEF0.

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

Рисунок 11 - Диаграмма IDEF0. Уровень 2

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



ЗАКЛЮЧЕНИЕ

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

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

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

Чтобы сайт работал на Вас, необходимо неустанно работать на него!

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

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



СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

[1] http://www.info-system.ru/designing/methodology/sadt/sadt_for_bp.html

[2] https://ru.wikipedia.org

[3] Афитов, Э.А., Рыковский, И.М. Методическое пособие по производственной практике для студентов специальности 28 01 01 «Экономика электронного бизнеса» - Минск: БГУИР, 2016. - 22 с.

[4] http://www.bsuir.by/m/12_100229_1_80049.pdf

[5] Инькова, Н. А. Создание Web-сайтов: Учебно-методическое пособие [Электронный ресурс] / Инькова Н.А., Зайцева Е.А., Кузьмина Н.В, Толстых С.Г. // Режим доступа: http://club-edu.tambov.ru/methodic/fio/p5.doc



ПРИЛОЖЕНИЕ

Листинг кода:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>ООО ПрофиСлав-Строй</title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"

integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<script src="https://use.fontawesome.com/e1705fde15.js"></script>

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

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

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"

integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script src = "js/Map.js"></script>

<link rel="icon" href="images/ico.png" type="image/x-icon">

</head><body>

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">

<div class="container-fluid">

<div class="navbar-header">

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#responsive-menu">

<span class="sr-only">Toggle navigation</span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

</button><div class="row">

<div class="col-md-3 col-xs-3">

<img src = "images/images.jpg" class ="img-responsive pull-left img-circle" width = "100px" height = "100%">

</div><div class="col-md-9 col-sm-9">

<a class="navbar-brand" href="#"><span style ="font-size: 1.5vmax"><strong>"ООО ПрофиСлав-Строй"</strong></span></a>

</div></div></div>

<div class="collapse navbar-collapse" id = "responsive-menu">

<nav>

<ul class="nav navbar-nav">

<li><a style = "border" href="#main"><span>Главная</span></a></li>

<li><a href="#about" >О нас</a></li>

<li><a href="#contact" >Контакты</a></li>

<li class = "dropdown">

<a href="#" class = "dropdown-toggle" data-toggle="dropdown"> Быстрый переход <b class="caret"></b> </a>

<ul class = "dropdown-menu">

<li><a href="#main">Главная</a></li>

<li><a href="#about">О нас</a></li>

<li><a href="#products">Продукция</a></li>

<li><a href="#srtificates">Сертификаты</a></li>

<li><a href="#vacancies">Вакансии</a></li>

<p>

<strong>Выберите вакансию</strong>

<select required name="select" size="1">

<option selected value="s1">Менеджер</option>

<option value="s2">Монтажник</option>

<option value="s3">Инженер</option>

</select></p><p>

<strong>Напишите несколько слов о себе:</strong><br>

<textarea required rows="10" cols="75" name = "text"></textarea>

</p></div>

<div class = "modal-footer">

<button type="submit" class="btn btn-success pull-right"> <i class= "fa fa-paper-plane-o"> Отправить </i></button>

</div></form></div></div></div>

<div id = "sert1" class="modal fade" role="dialog">

<div class = "modal-dialog modal-md">

<div class = "modal-content">

<div class = "modal-body">

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">Ч</button>

<img src = "images/ser1.jpg">

</div></div></div></div>

<div id = "sert2" class="modal fade" role="dialog">

<div class = "modal-dialog modal-md">

<div class = "modal-content">

<div class = "modal-body">

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">Ч</button>

<img src = "images/ser2.jpg">

</div> </div> </div> </div>

<div id = "sert3" class="modal fade" role="dialog">

<div class = "modal-dialog modal-md">

<div class = "modal-content">

<div class = "modal-body">

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">Ч</button>

<img src = "images/ser3.jpg">

</div>

</div>

</div>

</div>

<div id = "sert4" class="modal fade" role="dialog">

<div class = "modal-dialog modal-md">

<div class = "modal-content">

<div class = "modal-body">

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">Ч</button>

<img src = "images/ser4.jpg">

</div> </div> </div> </div>

<div id = "sert5" class="modal fade" role="dialog">

<div class = "modal-dialog modal-md">

<div class = "modal-content">

<div class = "modal-body">

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">Ч</button>

<img src = "images/ser5.jpg">

</div> </div> </div>

</div> </body> </html>

Размещено на Allbest.ru

...