Перейдем к описанию процесса разработки. На первом этапе были подготовлены отдельные элементы баннера — картинки, фон. В качестве средства управления дизайном страниц использовались таблицы каскадных стилей CSS. Важным этапом стала разработка таблицы стилей style.css. Отметим, что возможно три метода применения правил CSS к HTML: С помощью атрибута style. Например, <divstyle="overflow:hidden;" >.С помощью тега style (данный способ в работе не применялся). Ссылка на таблицу стилей. Таблица стилей style. css, разработанная в рамках проекта, находится в папке css. В коде документов указывается ссылка на таблицу: href="css/layout.css". Эта ссылка указывает браузеру, что он должен использовать правила отображения HTML-файла из CSS-файла.Самое важное здесь то, что несколько HTML-документов могут ссылаться на одну таблицу стилей. Иначе говоря, один CSS-файл можно использовать для управления отображением множества HTML-документов.Содержание файла style. css представлено в Приложении 1. Основными элементами баннера стали картинки.
Для этого в работе применен тег <img>.Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. Приведем код вставки изображения:<imgsrc="images/1.jpg" />Отметим, что экран всех страниц разделен на блоки, форматирование которых было сделано с помощью таблиц. Таблица — это способ представления информации в виде распределенных по строкам и столбцам данных. На пересечении строки и столбца находится ячейка. В кодах HTML все таблицы начинаются тегом <table> и оканчиваются тегом </table>. Этот тег обозначает начало и окончание таблицы. Все содержание таблицы должно заключаться внутри этих тегов. Между этими двумя тегами могут присутствовать в разных сочетаниях три других тега:<tr> - который определяет горизонтальную строку;<td> - определяющий ячейку в этой строке;<th> - который определяет ячейку в строке заголовка таблицы. Блочная структура разработанного баннера представлена на рисунке 4. Рисунок 4. Блочная структура баннера.
На рисунке 5 показан внешний вид разработанного баннера. Рисунок 5. Баннер магазина одежды.
ЗАКЛЮЧЕНИЕ
Прогресс в области вычислительной техники стал поводом для развития такого направления программного обеспечения, как информационные системы управления производством. Они стали необходимым инструментом для успешного управления всей организации в целом в современных условиях. В ходе данного исследования были рассмотрены такие вопросы, как особенности информационных систем управления производством, принципы их проектирования, программный инструментарий для разработки систем. Теоретическим результатом исследования стал анализ программных средств, применение которых позволит разработать ИСУП, а также выделение этапов проектирования ИСУП и теоретическое обоснование их разработки. Практическая значимость работы заключается в наличии разработанного баннера магазина одежды. Программным инструментарием для данной разработки стал язык гипертекстовой разметки HTML. Созданный рекламный материал магазина может быть размещен в сети Интернет как отдельная самостоятельная Web-страница или в качестве медийной рекламы на существующем сайте.
Таким образом, можно сделать вывод о достижении цели и выполнении задач, поставленных во введении. СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫБабаев А., Евдокимов Н., Иванов А. Контекстная реклама — Издательство «Питер», 2012. — 310с. Бабкин С. А. Интеллектуальная собственность в Интернет. — М.: АО «Центр ЮрИнфо.
Р", 2006. — 512 с. Белозубов А. В., Николаев Д. Г. Основы работы с HTML-редактором AdobeDreamweaver CS3: учебно-методическое пособие. — СПб.: СПбГУ ИТМО, 2010. — 112с. Гвоздева В. А., Лаврентьева И.
Ю. Основы построения автоматизированных информационных систем: учебник. — M.: ИД «ФОРУМ»: ИНФРА-М, 2012. — 320 с. Дронов В. А. HTML 5, CSS 3 иWeb 2.
0. разработка современныхWeb-сайтов. — СПб.: БХВ-Петербург, 2011. — 416с. Дунаев В. В. Основы Web-дизайна. Самоучитель. — 2-е изд., перераб.
и доп. — СПб.: БХВ-Петербург, 2012. — 480с. Коноплева И. А., Хохлова О. А. Информационные технологии: Учебное пособие. М.: Проспект, 2012.
-с. 56Корзина М. И. Моделирование эстетического оформления веб-сайта/М.И. Корзина, О. А. Костюченко, В.А. Лысенко// Вестник Северного (арктического) федерального университета. Серия: естественные науки. — № 1. — 2013. -.
С.116−123.Молочков В. П. Компьютерная графика для Интернета. Самоучитель. — 2-е изд. — СПб.: Питер, 2012. — 368с. Сырых Ю. А. Современный веб-дизайн.
Эпоха Веб 3.
0. 2-е изд. — М.: ООО «И.Д. Вильямс», 2013. — 368с. Ушакова С. Г. Композиция: учебно-методическое пособие.
— 2-е изд. — М.: Флинта, 2014. — 110с. Халилов Д. Маркетинг в социальных сетях — Издательство «Манн, Иванов и Фербер», 2014. -.
350с.Шуремов Е. Л., Чистов Д. В., Лямова Г. В. Информационные системы управления предприятиями — СПб.: Питер, 2013. 520с. Гарретт Д. Элементы разработки веб-сайтов [Электронный ресурс] Режим доступа:
http://www.cmsmagazine.ru/library/items/internet_info/elements/Классификация веб-сайтов: типы и виды интернет сайтов. Какие бывают сайты [Электронный ресурс]. — Режим доступа:
http://www.yanajy.com/sdelay-sam/vidy-sajtov.htmlУваров Б. «Основные виды интернет-рекламы» [Электронный ресурс] Режим доступа:
https://seopult.ru/subscribe.html?id=133 ПРИЛОЖЕНИЕ 1Код таблицы стилей layout.css.t1 {font-size: 34px;color: #FFF;background-image: url (./img/fon2.jpg);background-repeat: repeat-x;}.BODY {background-image: url (./img/bg.gif);background-repeat: repeat;background-position: left top;padding: 0px;margin: 0px;}.t2 {font-size: 16px;color: #FFF;font-style: italic;text-align: center;background-image: none;}.t3 {background-image: url (./img/fon1.jpg);background-repeat: repeat-x;}.t4 {font-size: 40px;color: #FF1493;background-image: url (./img/fon1.jpg);background-repeat: repeat-x;padding-left: 50px;margin-bottom: 16px;text-shadow: 0 0 2px rgba (0,0,0,1); font-family:Monotype Corsiva;}.t5 {color: #FFF;padding-top: 10px;padding-right: 50px;padding-bottom: 10px;padding-left: 50px;text-align: justify;}.
