ВВЕДЕНИЕ

1. ПОСТАНОВКА ЗАДАЧИ

1.1 Описание предметной области

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

1.3 Средства разработки, использованные в проекте

1.4 Техническое задание на разработку

2. ЭСКИЗНОЕ ПРОЕКТИРОВАНИЕ

2.1 Разработка входных и выходных данных

2.2 Разработка функциональных диаграмм и спецификаций

2.3 Разработка диаграмм потоков данных

2.4 Разработка инфологической схемы базы данных

2.5 Проектирование веб-страницы

Программа и методика испытаний информационной системы

3. Разработка технической документации на программный продукт

3.1 Разработка руководства пользователя

ЗАКЛЮЧЕНИЕ

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

ПРИЛОЖЕНИЕ А

ПРИЛОЖЕНИЕ Б

Компания ООО «Руслан - Бицепс» была основана в 2016-ом году. Представляет из себя сеть залов с услугами тренеров и врачей.

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

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

Воспользовавшись системой, можете записаться в зал в любое время суток.

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

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

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

1) записаться на посещение зала

2) оформить заказ на сайте

3) проконсультироваться с врачом

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

1.3 Средства разработки, использованные в проекте

1) Notepad++ - в данной программе был написан код сайта

2) HTML 5.0 - использовался для разметки текста

3) CSS 3.0 - использовался для стилевого оформления

4) РНР 7.2 - с помощью PHP была реализована серверная часть

1.4 Техническое задание на разработку

Разработанное и согласованное с заказчиком техническое задание на создание сайта приведено в приложении А.

2. ЭСКИЗНОЕ ПРОЕКТИРОВАНИЕ

2.1 Разработка входных и выходных данных

Входные данные:

ѕ Запрос

ѕ Контент

Выходные данные:

ѕ Результаты запросов сайта

2.2 Разработка функциональных диаграмм и спецификаций

Диаграммы разработаны в программе Ramus Educational. На рисунке 1 показана контекстная диаграмма системы.

Рисунок 1- Контекстная диаграмма работы веб сайта

На рисунке 2 приведена диаграмма второго уровня. На диаграмме выделены следующие модули: Административная и Клиентские части

Рисунок 2 Диаграмма работы веб сайта

На рисунке 3 приведена диаграмма третьего уровня. На диаграмме выделены следующие модули: Работа базы данных и Магазина

Рисунок 3 Модули базы данных и магазина

2.3 Разработка диаграмм потоков данных

На рисунке 4 показана диаграмма потоков данных сайта

Рисунок 4 диаграмма потоков данных

На рисунке 5 изображена диаграмма потоков данных регистрации пользователя и покупки товара

Рисунок 5 Регистрация пользователя и покупка товара

На рисунке 6 изображена диаграмма потоков данных регистрации пользователя и покупки товара

Рисунок 6 Покупка товара

2.4 Разработка инфологической схемы базы данных

На рисунке 7 приведена ER диаграмма связей базы данных, подключённой к сайту

Рисунок 7ER диаграмма базы данных сайта

2.5 Проектирование веб-страницы

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

Рисунок 8 Страница «программа тренировок»

Рисунок 9 Всплывающее меню на странице «программа тренировок»

Таблица 1

Программа и методика испытаний информационной системы

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

Требования для использования

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

ЗАКЛЮЧЕНИЕ

В ходе курсовой работы был спроектирован дизайн, функционал, интерфейс веб-сайта фитнес зала.

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

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

1. Сервис интерактивного онлайн-обучения HTML и CSS. [Электронный ресурс]. Режим доступа: http://htmlacademy.ru

2. Онлайн ресурс с учебником по CSS и HTML. [Электронный ресурс]. Режим доступа: http://webremeslo.ru

3. Сайт-справочник по CSS и HTML. [Электронный ресурс]. Режим доступа: http://htmlbook.ru

4. «Хабрахабр» - статьи по Веб-дизайну. [Электронный ресурс]. Режим доступа: https://habrahabr.ru

5. Портал по JavaScript. [Электронный ресурс]. Режим доступа: http://javascript.ru

6. Справочник по JavaScript. [Электронный ресурс]. Режим доступа: https://laptev-alex.ru

7. Справочник по CSS. [Электронный ресурс]. Режим доступа: https:/webref.ru

8. Берд Дж. Веб-дизайн. Руководство разработчика. - Москва, 2012. - 224 c.

9. Кирсанов, Дм. Веб-дизайн: Книга Дмитрия Кирсанова. - М: Символ-Плюс, 2012. - 376 c.

10. Киселев С. В., Алексахин С. В., Остроух А. В. Веб-дизайн. - М.:Академия, 2012. - 158 c.

11. Сырых Ю. А. Современный веб-дизайн. Эпоха Веб 3.0.- М.:Вильямс, 2013. - 376 c.

12. Хоган Б., Уоррен К., Уэбер М., Джонсон К., Годин А. Книга веб-программиста. Секреты профессиональной разработки веб-сайтов.- М., 2013. - 288 c.

14. М. Смит Б., Бибек А. Создание Web-страниц для чайников. - М.: Вильямс, 2017. - 256 с.

15. Гарретт Дж. Веб-дизайн. Элементы опыта взаимодействия. -М.: Символ-Плюс, 2013. - 192 c.

16. Смит, Б.,Бибек, А. Создание Веб-страниц. М.: Диалектика, 2010. - 256 c.

ПРИЛОЖЕНИЕ А

ТЕХНИЧЕСКОЕ ЗАДАНИЕ НА РАЗРАБОТКУ ИНТЕРНЕТ-САЙТА ГЛОССАРИЙ

Термин Описание

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

World wide web (WWW, web, веб) Единое информационное пространство на базе сети Internet, состоящее из совокупности сайтов. Приставка "веб-" может использоваться для обозначения объектов, ориентированных на использование в WWW или использующих типичные для WWW технологии (например, веб-интерфейс - интерфейс на базе веб-страниц)

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

HTML-теги (теги) Управляющие коды, посредством которых осуществляется форматирование HTML-страницы

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

WWW-браузер (браузер) Клиентская программа, поставляемая третьими сторонами и позволяющая просматривать содержимое HTML-страниц

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

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

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

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

Администратор (менеджер, редактор) сайта Лицо, осуществляющее от имени Заказчика информационную поддержку сайта

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

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

Информационные материалы Информация о деятельности Заказчика. Может включать графические, текстовые, аудио или видео материалы. Предоставляется Заказчиком

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

Элемент наполнения (контента) Отдельная запись в базе данных, внешнее представление которой зависит от управляющего ей программного модуля (например, в модуле «новостная лента» элементом наполнения является отдельная новость)

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

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

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

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

WYSIWYG редактор Редактор языка HTML, имеющий возможности по работе в текстовом режиме и в режиме WYSIWYG (WhatYouSeeIsWhatYouGet). В режиме WYSIWYG элементы HTML страницы при редактировании представляются в том же виде, что и при просмотре

Роль Класс пользователей системы, обладающих определенным набором прав доступа

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

ОБЩИЕ ПОЛОЖЕНИЯ

ПРЕДМЕТ РАЗРАБОТКИ

Предметом разработки является Интернет-сайт компании ООО «Руслан-Бицепс», с системой динамического управления наполнением на базе веб-интерфейса.Назначение сайта:

- возможность записи в фитнес зал

- предоставление информации о компании ООО «Руслан-Бицепс»;

- предоставление прайс листа услуг компании ООО «Руслан-Бицепс»;

- предоставление контактной информации компании ООО «Руслан-Бицепс»;

Цель создания сайта: осуществление возможности онлайн записи в фитнес зал.

НАЗНАЧЕНИЕ ДОКУМЕНТА

В настоящем документе приводится полный набор требований к реализации сайта компании ООО "Руслан-Бицепс".Подпись Заказчика и Исполнителя на настоящем документе подтверждает их согласие с нижеследующими фактами и условиями. Исполнитель подготовил и разработал настоящий документ, именуемый Техническое Задание, который содержит перечень требований к выполняемым работам.2. Заказчик согласен со всеми положениями настоящего Технического Задания.3. Заказчик не вправе требовать от Исполнителя в рамках текущего Договора выполнения работ либо оказания услуг, прямо не описанных в настоящем Техническом Задании.4. Исполнитель обязуется выполнить работы в объёме, указанном в настоящем Техническом Задании.5. Заказчик не вправе требовать от Исполнителя соблюдения каких-либо форматов и стандартов, если это не указано в настоящем Техническом Задании.6. Все неоднозначности, выявленные в настоящем Техническом задании после его подписания, подлежат двухстороннему согласованию между Сторонами. В процессе согласования могут быть разработаны дополнительные требования, которые оформляются дополнительным соглашением к Договору и соответствующим образом оцениваются.

ТРЕБОВАНИЯ К ГРАФИЧЕСКОМУ ДИЗАЙНУ САЙТА

ТРЕБОВАНИЯ К ДИЗАЙНУ САЙТА

При разработке сайта должны быть использованы преимущественно светлые стили.

Основные разделы сайта должны быть доступны с первой страницы.

На первой странице не должно быть большого объема текстовой информации.

В дизайне сайта не должны присутствовать:

- мелькающие баннеры;

- много сливающегося текста;

- т.д.;

- пр.

ПОРЯДОК УТВЕРЖДЕНИЯ ДИЗАЙН-КОНЦЕПЦИИ

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

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

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

ФУНКЦИОНАЛЬНЫЕ ТРЕБОВАНИЯ

ТРЕБОВАНИЯ К ПРЕДСТАВЛЕНИЮ САЙТА

ТРЕБОВАНИЯ К ПРЕДСТАВЛЕНИЮ ГЛАВНОЙ СТРАНИЦЕ САЙТА

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

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

ГРАФИЧЕСКАЯ ОБОЛОЧКА ВНУТРЕННИХ СТРАНИЦ (ОБЩАЯ ДЛЯ ВСЕХ РАЗДЕЛОВ)

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

- графическая шапка

- навигационное меню сайта (навигационная панель 2 обеспечивает переход к основным пунктам меню сайта);

- ссылка «На главную»

- кнопка «Регистрация» - обеспечивает переход к форме «Регистрации».

ТРЕБОВАНИЯ К СТРУКТУРЕ САЙТА

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

Первоначальная структура сайта должна иметь следующий вид:

1. Главная:

? главная;

? наши залы;

? магазин;

? программа тренировок;

2. Наши залы

3. Магазин

4. Базовые программы тренировок

? для женщин;

? для мужчин;

5. Регистрация

ТРЕБОВАНИЯ К ХРАНЕНИЮ САЙТА

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

ТРЕБОВАНИЯ К ЯЗЫКАМ ПРОГРАММИРОВАНИЯ

Для реализации статических страниц и шаблонов должны использоваться языки HTML 5.0 и CSS 3,0. Исходный код должен разрабатываться в соответствии со стандартами W3C (HTML 5.0).

Для реализации интерактивных элементов клиентской части должен использоваться язык JavaScript.

Для реализации динамических страниц должен использоваться язык PHP 7.0.

ТРЕБОВАНИЯ К ОРГАНИЗАЦИИ ГИПЕРССЫЛОК

Все ссылки на сайте должны быть относительными (за исключением внешних).

ТРЕБОВАНИЯ К ИЛЛЮСТРАЦИЯМ

Все рисунки и фото объемом более 1 kb (кроме элементов дизайна страницы) должны быть выполнены с замещающим текстом. Все рисунки должны быть в формате png или jpg.

ТРЕБОВАНИЯ К КЛИЕНТСКОМУ ПРОГРАММНОМУ ОБЕСПЕЧЕНИЮ

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

* Opera 40.0 и выше;

* MozillaFirefox 50.0;

* GoogleChrome 50.0;

* Safari 5.1 и выше.

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

ТРЕБОВАНИЯ К ЛИНГВИСТИЧЕСКОМУ ОБЕСПЕЧЕНИЮ

Сайт должен выполняться на русском языке.

ТРЕБОВАНИЯ К ЭРГОНОМИКЕ И ТЕХНИЧЕСКОЙ ЭСТЕТИКЕ

Сайт должен быть оптимизирован для просмотра при разрешении 800 x 600, 1024 x 768, 1280 x 1024, 1366 х 768, 1920 х 1080 без горизонтальной полосы прокрутки и без пустых (белых) полей для основных типов разрешения.

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

На каждой странице должны отображаться логотип компании и контактная информация.

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

ОБЩИЕ ТРЕБОВАНИЯ К ИНФОРМАЦИОННОМУ НАПОЛНЕНИЮ

В рамках работ по данному проекту Исполнитель обеспечивает наполнение разделов сайта предоставленными Заказчиком материалами.

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

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

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

ПОРЯДОК ПРЕДОСТАВЛЕНИЯ ИНФОРМАЦИОННОГО НАПОЛНЕНИЯ

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

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

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

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

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

Передача материалов в объеме и формате, соответствующем настоящему ТЗ закрепляется подписанием Акта о передаче информационного наполнения.

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

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

ПОРЯДОК ПРЕДОСТАВЛЕНИЯ ДИСТРИБУТИВА

По окончании разработки Исполнитель должен предоставить Заказчику дистрибутив системы в составе:

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

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

Дистрибутив предоставляется на CD-диске в виде файлового архива.

ПОРЯДОК ПЕРЕНОСА САЙТА НА ТЕХНИЧЕСКИЕ СРЕДСТВА ЗАКАЗЧИКА

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

Перед осуществлением переноса Заказчик обеспечивает удаленный shell-доступ к веб-серверу и доступ к базе данных сайта.

ПРИЛОЖЕНИЕ Б

Страница «программа тренировок»

<HTML>

<HEAD>

<META http-equiv="Content-Type"

content="text/html; charset=windows-1251">

<TITLE>Фитнесзал</TITLE>

<LINK rel="stylesheet" type="text/css" href=programma.css>

</HEAD>

<BODY>

<video width="400" height="300" controls="controls" >

<source src="Мотивация.mp4" type='video/mp4; '>

</video>

<DIV class="side">

<FONT size=+2><UL class="menuP">

<LI><A href="фитнесзал.html">Главная</A></LI>

<LI><A href="адресазалов.html">Нашизалы</A></LI>

<LI class="menuP__list" ><A href="программатренировок.html">Программатренировок</A>

<ul class="menuP__drop"></LI>

<li><a href="женщин.html">дляженщин</a></li>

<li><a href="мужчин.html">длямужчин</a></li>

</ul>

</li>

<LI><A href="регистрация.html">Регистрация</A></LI>

</ul>

</FONT></DIV>

</form>

<P><FONT size=+1>

Большинство тренеров предлагают новичкам сразу начинать работать по программе

сплит-тренировок - на каждой тренировке прорабатывать только 1-2 группы мышц.

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

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

как приступать к упражениниям настоятельно рекомендуем вам

пройти консультацию у наших тренеров.

</FONT>

<Div class="team"></DIV>

</BODY>

</HTML>

/*Главная*/

HTML

{

color:black;

background-color:white;

text-align:center;

background: url(kartinki/fitnes.jpg);

background-size: 100% auto;

}

#BODY2

{

text-align:left;

margin:0 auto;

padding:0;

width:68%;

font-size:90%;

font-family:Georgia, serif;

background-color:#d7e2ef;

background-size: 100% auto;

}

#table1

{ position:absolute;

left:4%;

background-color: WHITE;

border:2px solid black;

width:90%;

height:50px;

/*margin:20px 20px 20px 70px;*/

text-align: justify;

}

#Menubottom1

{

margin: 5px 5px5px5px;

background-color: #FAEBD7;

height: 75px;

font-size: 1.7em;

padding: 1px 1px1px1px;

}

A, A:visited, A:active

{

text-decoration: none;

color: black; /* Цветссылок */

}

#Руслан

{

color:black;

font-size: 3em;

padding-left: 40%;

}

#table1 P

{

font-size: 2em;

padding: 0px 15px 0px 15px;

}

#biceps1

{

min-height: 500px;

max-height: 500px;

height:400px;

background:centerurl(kartinki/biceps.png) no-repeat;

background-size: 28%;

}

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