Определение 1. Сущность - это класс однотипных объектов, информация о которых должна быть учтена в модели.

Каждая сущность должна иметь наименование, выраженное существительным в единственном числе.

Примерами сущностей могут быть такие классы объектов как "Поставщик", "Сотрудник", "Накладная".

Каждая сущность в модели изображается в виде прямоугольника с наименованием:

Рис. 2.9.

Определение 2. Экземпляр сущности - это конкретный представитель данной сущности.

Например, представителем сущности "Сотрудник" может быть "Сотрудник Иванов".

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

Определение 3. Атрибут сущности - это именованная характеристика, являющаяся некоторым свойством сущности.

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

Примерами атрибутов сущности "Сотрудник" могут быть такие атрибуты как "Табельный номер", "Фамилия", "Имя", "Отчество", "Должность", "Зарплата" и т.п.

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

Рис. 2.10

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

Сущность может иметь несколько различных ключей.

Ключевые атрибуты изображаются на диаграмме подчеркиванием:

Рис. 2.11

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

Связи позволяют по одной сущности находить другие сущности, связанные с нею.

Например, связи между сущностями могут выражаться следующими фразами - "СОТРУДНИК может иметь несколько ДЕТЕЙ", "каждый СОТРУДНИК обязан числиться ровно в одном ОТДЕЛЕ".

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

Рис. 2.12

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

Каждая связь может иметь один из следующих типов связи:

Рис. 2.13

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

Связь типа один-ко-многим означает, что один экземпляр первой сущности (левой) связан с несколькими экземплярами второй сущности (правой). Это наиболее часто используемый тип связи. Левая сущность (со стороны "один") называется родительской, правая (со стороны "много") - дочерней. Характерный пример такой связи приведен на Рис. 2.12.

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

Каждая связь может иметь одну из двух модальностей связи:



Рис. 2.14

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

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

Связь может иметь разную модальность с разных концов (как на Рис. 2.12).

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

<Каждый экземпляр СУЩНОСТИ 1> <МОДАЛЬНОСТЬ СвЯЗИ> <НАИМЕНОвАНИЕ СвЯЗИ> <ТИП СвЯЗИ> <экземпляр СУЩНОСТИ 2>.

Каждая связь может быть прочитана как слева направо, так и справа налево. Связь на Рис. 2.12 читается так:

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

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

ГлаВа 3. РазработКа интернет-сайта для ООО «ТрансЭнергосерВис»

3.1 Инструментальные средства разработки и реализации системы управления сайтом

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

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

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

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



Рис.3.1. Процесс создание Web-страницы с помощью FrontPage 2003

Улучшение оформления Web-узлов.

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

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

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

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

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

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

Ускорение и упрощение генерации кода

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

Средства написания кода

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

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

Средства создания сценариев

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

Поддержка технологии IntelliSense в Microsoft Visual Basic® Scripting Edition (VBScript) и средствах создания сценариев JScript.

Расширение возможностей и профессиональности оформления Web-узла

Благодаря службам Microsoft Windows SharePoint Services (EN), подключенным к FrontPage 2003, можно редактировать и представлять интерактивные данные из различных источников, в том числе XML (Extensible Markup Language), с целью создания управляемых данными Web-узлов с широкими интерактивными возможностями в редакторе наглядного изображения. Можно осуществлять публикацию в Интернете, используя только Web-обозреватели. При этом обеспечивается выбор из большого числа вариантов публикации.

Управляемые данными Web-узлы, поддерживаемые службами Windows SharePoint Services

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

Web-сайт на базе Microsoft Office FrontPage 2003 предоставляет его владельцу следующие возможности:

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

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

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

· самостоятельное управление работой Web-сайта;

· автоматическое выставление счетов на оплату приобретаемого товара;

· установка различного уровня цен на товары или услуги для разных категорий оптовых и розничных пользователей;

· подключение платежных систем для организации online расчетов;

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

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

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

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

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

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

Принцип наследования тегов

Теги-контейнеры.

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

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

Теги, не нуждающиеся в закрытии. Это теги переноса - <br>, принудительно перекидывающие все, что располагается после них, в новую строку. Благодаря этому тегу можно писать стихи столбиками.

3.2 Разработка интерфейса пользователя

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

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

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

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

средства отображения информации, отображаемая информация, форматы и коды;

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

устройства и технологии ввода данных;

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

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

поддержка принятия решений в конкретной предметной области;

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

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

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

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

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

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

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

4. При просмотре товарных предложений, у посетителя должна быть возможность сортировать товар по цене или по названию.

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

"Новинки" (услуги, недавно поступившие);

"Специальные предложения" (услуги, на которые по каким-либо причинам снижены цены);

"Лидеры продаж" (наиболее покупаемые услуги).

6. На Web-сайте обязательно должны быть информационные разделы:

с данными о компании (сфера деятельности, адрес, контактные телефоны и т.д.);

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

с информацией по скидкам;

статьи (системы управления новостями и статьями предоставляют возможность использовать Web-сайт как настоящий информационный портал);

прочая полезная информация.

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

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

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

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

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

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

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

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

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

3.3 Реализация интерфейса web-сайта

Данный сайт состоит из Web-страничек, эти страницы содержат информацию о фирме ее продукции контактах и т.д. Рассмотрим некоторые страницы подробнее:

Рис. 3.2.

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



Рис. 3.3.

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

Рис. 3.4

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



Рис. 3.5.

На Web- странице «Помощь» можно найти ссылки, переходя по которым можно узнать контакты администрации, на которые вы можете оправлять свои вопросы по сайту. Редкие вопросы приходящие на mail администрации будут выведены на ссылку «Часто задаваемые вопросы». На этой же странице можно ознакомится с условиями пользования сайтом.

Рис. 3.6.

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

Заключение

В ходе выполнения дипломного проекта была достигнута основная цель работы - разработан Интернет-сайт ООО «ТрансЭнергоСервис».

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

В разработанном Web-сайте удачно сочетается интерфейс сайта с его функциональностью и простотой использования.

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

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

При разработке архитектуры Интернет-сайт был разделен на две части: клиентскую и администраторскую.

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

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

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

дополнительного круглосуточного канала сбыта товаров;

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

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

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

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

Список использованной литературы

1. Алексеев А.П. введение в Web-дизайн: учебное пособие. - М.: СОЛОН-ПРЕСС, 2012.

2. Барысов Р. Постройте профессиональный сайт сами. - СПб., 2011.

3. Вильямсон Х. Универсальный Dynamic HTML / Библиотека программиста - СПб.: ПИТЕР, 2011.

4. Джерк, Н. Разработка приложений для электронной коммерции [Текст] / Н. Джерк. - СПб. , 2010. - 512 с.

5. Дронов В. А. Самоучитель Macromedia Dreamweaver 8. - СПб.: БХВ-Петербург, 2013.

6. Кроудер Д. Создание web-сайта для чайников: 3-е издание. - М.: Диалектика, 2010.

7. Леонтьев Б.В. Web-Дизайн: Тонкости, хитрости и секреты / Леонтьев Б.В. - М. Майор, 2012, с.170.

8. Ломов, А.Ю. HTML, CSS, скрипты: практика создания сайтов [Текст] / А.Ю. Ломов. - СПб. , 2012. - 416с.

9. Олифер, в.Г. Сетевые операционные системы [Текст] : учебник / В.Г. Олифер, Н.А. Олифер. - СПб., 2011. - 544 с.

10. Орлов Л. В. Как создать Интернет-магазин. / Л. В. Орлов- изд. Бук-Пресс, Москва, 2012 год, 384 с.

11. Панфилов К. По ту сторону веб-страницы. - СПб.: ДМК Пресс, 2014.

12. Печников В.Н. Создание Web-сайтов без посторонней помощи. - М.: Триумф, 2012.

13. Успенский, И. Энциклопедия Интернет бизнеса [Текст] / И.Успенский. - СПб. :, 2011. - 432 с.

14. Фролов, А. В. Базы данных в Интернете: практическое руководство по созданию Web-приложений с базами данных [Текст] / А.В. Фролов, Г.В. Фролов. - 2-ое изд., испр. - М. : Издательско-торговый дом «Русская Редакция», 2012. - 448 с.

Приложение

Приложение 1

Формы приложений на этапе проектирования

Рисунок .1 -На этапе проектирования.

<head>

<title>Template</title>

<style>

td{

font-family: arial;

font-size: 10px;

color: #FFFF00

}

A {

text-decoration: underline;

color: #FFFF00;

font-size: 10px;

font-family: arial;

}

a:visited{color:32679C}

a:hover{color:red}

a.white{color:ffffff}

a.white:visited{color:ffffff}

a.footer{color:000000;font-size:11px}

a.footer:visited{color:000000}

.bold{font:900}

.style6 {

text-align: center;

font-size: medium;

font-family: Calibri;

}

.style7 {

text-align: center;

text-decoration: underline;

color: #33CC33;

font-size: x-small;

}

.style8 {

color: #00FF00;

}

.style17 {

text-align: center;

color: #000000;

font-family: Calibri;

font-size: small;

}

.style18 {

color: rgb(0, 0, 51);

font-size: medium;

}

.style19 {

font-family: Calibri;

}

.style20 {

color: #000000;

}

.style21 {

margin-right: 0px;

}

.style24 {

color: #000033;

background-color: #FFFFFF;

}

.style26 {

color: #000033;

background-color: #FFFFFF;

text-align: left;

}

</style>

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array()

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

//

function FP_swapImg() {//v1.0

var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;

n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;

elm.$src=elm.src; elm.src=args[n+1]; } }

}

function FP_preloadImgs() {//v1.0

var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();

for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }

}

function FP_getObjectByID(id,o) {//v1.0

var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);

else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;

if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)

for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }

f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;

for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }

return null;

}

-->

</script>

</head>

<body LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH="0" MARGINHEIGHT="0" onLoad="FP_preloadImgs(/*url*/'button2.jpg',/*url*/'button3.jpg',/*url*/'buttonB.jpg',/*url*/'buttonC.jpg',/*url*/'button17.jpg',/*url*/'button18.jpg',/*url*/'button1A.jpg',/*url*/'button1B.jpg',/*url*/'button178.jpg',/*url*/'button179.jpg'); MM_preloadImages('images/b1r.jpg','images/b2r.jpg','images/b3r.jpg','images/b4r.jpg','images/b5r.jpg','images/b6r.jpg')">

<table height="100%" cellspacing="0" cellpadding="0" border="0">

<tr>

<td width="50%" background="images/bg.jpg"></td>

<td bgcolor="#FFFFFF" valign="top" height="100%">

<table border="0" cellpadding="0" cellspacing="0" height="100%" style="width: 780px">

<tr>

<td colspan="2">

<img src="images/top.jpg" border="0" width="778" height="24" alt=""></td>

</tr>

<tr>

<td colspan="2">

<p align="center"><a href="index.html">

<img border="0" src="images/tmB6CPXzllg.jpg" width="239" height="55"></a></td>

</tr>

<tr>

<td colspan="2">

<img src="images/slogan.jpg" border="0" width="402" height="201" alt="ысысыс"><img src="images/slogan2.jpg" border="0" width="375" height="202" alt=""></td>

</tr>

<tr>

<td colspan="2">

<strong>

<a href="index.html">

<img border="0" id="img1" src="button1.jpg" height="49" width="148" alt="Главная" fp-style="fp-btn: Glass Tab 4; fp-font: Century Schoolbook; fp-font-style: Bold Italic; fp-font-color-normal: #008000; fp-font-color-hover: #008000" fp-title="Главная" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'button2.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'button1.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'button3.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'button2.jpg')"></a><a href="index_internet.magazin.html"><img border="0" id="img2" src="buttonA.jpg" height="49" width="148" alt="Интернет-магазин" fp-style="fp-btn: Glass Tab 4; fp-font: Century Schoolbook; fp-font-style: Bold Italic; fp-font-color-normal: #008000; fp-font-color-hover: #008000" fp-title="Интернет-магазин" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonB.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'buttonA.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonC.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'buttonB.jpg')"></a>

<a href="katalog.html">

<img border="0" id="img6" src="button19.jpg" height="49" width="148" alt="каталог" fp-style="fp-btn: Glass Tab 4; fp-font: Century Schoolbook; fp-font-style: Bold Italic; fp-font-color-normal: #008000; fp-font-color-hover: #008000" fp-title="каталог" onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'button1A.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'button19.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'button1B.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'button1A.jpg')"></a><a href="index_pomosh.html"><img border="0" id="img7" src="button180.jpg" height="49" width="148" alt="Помощь" fp-style="fp-btn: Glass Tab 4; fp-font: Century Schoolbook; fp-font-style: Bold Italic; fp-font-color-normal: #008000; fp-font-color-hover: #008000" fp-title="Помощь" onmouseover="FP_swapImg(1,0,/*id*/'img7',/*url*/'button178.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img7',/*url*/'button180.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img7',/*url*/'button179.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img7',/*url*/'button178.jpg')"></a> </strong>

<a href="index_o%20kompaniii.html">

<img border="0" id="img3" src="button16.jpg" height="49" width="148" alt="О компании" onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'button17.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'button16.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'button18.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'button17.jpg')" fp-style="fp-btn: Glass Tab 4; fp-font: Century Schoolbook; fp-font-style: Bold Italic; fp-font-color-normal: #008000; fp-font-color-hover: #008000" fp-title="О компании"></a></td>

</tr>

<tr>

<td colspan="2">

<img src="images/shadow.jpg" border="0" width="778" height="27" alt="">

</td>

</tr>

<tr>

<td valign="top" height="100%" width="230">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="width: 234px"><img src="images/win1_top.jpg" border="0" width="230" height="35" alt=""></td>

</tr>

<tr>

<td background="images/win1_back.jpg" style="padding-left:50; width: 234px; height: 34px;">

<p class="style17"><strong>СТАТЬИ</strong></p>

<span class="style8">

<ul class="style19">

<li style="height: 16px" class="style18">

<a href="index_amortizator.html">

<span class="style20">

Амортизаторы</span></a></li>

<li style="width: 137px; height: 14px" class="style18">

<a href="index_sve4i.html">

<span class="style20">Свечи</span></a></li>

<li style="height: 17px" class="style18">

<a href="index_akkymylator.html">

<span class="style20">

Аккумулятор (как выбрать)</span></a></li>

<li class="style18">

<a href="index_masla.html">

<span class="style20">Масла (как выбрать)</span></a></li>

<li class="style18">

<a href="index_provoda.html">

<span class="style20">

высоковольтные провода</span></a></li>

<li class="style18">

<a href="index_prostie.proverki.html">

<span class="style20">АкПП.

Простые проверки</span></a></li>

<li class="style18">

<a href="index_jidkosti.html">

<span class="style20">Жидкости охлаждающие</span></a></li>

<li class="style18">

<a href="index_benzin.html">

<span class="style20">Бензины</span></a></li>

<li class="style18">

<a href="index_kovrivi.html">

<span class="style20">коврики автомобильные</span></a></li>

<li class="style18">

<a href="index_jidkoct.stekla.html">

<span class="style20">Жидкость

для омывателя стекла автомобилей</span></a></li>

</span>

</ul>

<span class="style8">&nbsp;</span></td>

</tr>

<tr>

<td valign="top" style="width: 234px"><img src="images/win1_bottom.jpg" border="0" width="230" height="19" alt=""></td>

</tr>

</table>

<br>

<object codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="240" height="400" id="03" align="middle" style="color: rgb(0, 0, 0); font-family: tahoma; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" class="style21">

<embed src="31.swf" wmode="transparent" quality="high" bgcolor="#FFFFFF" width="240" height="400" allowscriptaccess="sameDomain" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></object>

<br class="Apple-interchange-newline">

</td>

<td valign="top" height="100%" width="540">

<table border="0" cellspacing="0" cellpadding="0">

<tr>

<td valign="top" style="width: 217px">

<table border="0" cellpadding="0" cellspacing="0">

<form action=""> <tr>

<td><img src="images/win2_top.jpg" border="0" width="224" height="35" alt=""></td>

</tr>

<tr>

<td background="images/win2_back.jpg" style="padding-left:40">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td valign="top" style="color:32679C;text-decoration:underline;"><input type="radio" name="link1" value="Search by Make" checked><span lang="ru">Искать по

названию</span><br>

<input type="radio" name="link1" value="Search by Type"><span lang="ru">Искать по типу</span><br>

</td>

</tr>

<tr>

<td style="color:656565">

<span lang="ru">

Марка</span>:</td>

</tr>

<tr>

<td><select name="mark" style="width:120"><option value=" "> </option></select></td>

</tr>

<tr>

<td style="color:656565">

<span lang="ru">

Модель</span>:</td>

</tr>

<tr>

<td><input type="text" name="model" size="15" maxlength="40" style="width:120"></td>

</tr>

<tr>

<td align="center"><input type="image" src="images/search_but.jpg" border="0" width="161" height="35" alt="">

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td><img src="images/win2_bottom.jpg" border="0" width="224" height="18" alt=""></td>

</tr></form>

<br>

</td>

<td valign="top">

<table border="0" cellspacing="0" cellpadding="0">

<tr>

<td valign="top" style="height: 3px; width: 313px">

&nbsp;</td>

</tr>

<tr>

<td style="padding-left:20;padding-right:30;color:686868; width: 313px;">

<p class="style6"><strong>

НОвОСТИ кОМПАНИИ</strong><o:p></o:p></p>

<p class="style7">Требуется

менеджер 06.05.13<o:p></o:p></p>

с опытом работы. Знание

автомобильных каталогов.<o:p>&nbsp; </o:p>

</p>

<p class="MsoNormal">

Зарплата от 30тыс,

оформление по Тк.<o:p></o:p></p>

<p class="MsoNormal">Резюме

отправлять на

<span lang="en-us">msk</span>@yulsun.ru,

тел. 8(347) 246-18-68,

8-987-2540373<o:p></o:p></p>

<p class="style7">вакансия

программиста в Уфе 02.04.13<o:p></o:p></p>

<p class="MsoNormal">

компания примет на работу

программиста. <o:p></o:p>

</p>

<p class="MsoNormal">

Требование к претендентам:<o:p></o:p></p>

<p class="MsoNormal">Знание

Delphi, PHP, SQL (MySQL)<o:p></o:p></p>

<p class="MsoNormal">Умение

работать в программах

компьютерной графики<o:p></o:p></p>

<p class="MsoNormal">

Упорство и нацеленность на

результат обязательное

качество<o:p></o:p></p>

<p class="MsoNormal">

Условия:<o:p></o:p></p>

<p class="MsoNormal">

Демократичный стиль работы<o:p></o:p></p>

<p class="MsoNormal">Резюме

отправлять на

<span lang="en-us">msk</span>@yulsun.ru,

тел.8(347)294-03-73<o:p></o:p></p>

<p class="MsoNormal">

Пополнение ассортимента

маслами/жидкостями 09.09.12<o:p></o:p></p>

<p class="MsoNormal">Более

500 наименований: ТНк,

Mobil, Castrol, Neste,

Shell,Valvoline, ,ZIC,

Teboil<o:p></o:p></p>

</td>

</tr>

<tr>

<td style="padding-top:20; width: 313px;">

<p>&nbsp;</p>

<p>&nbsp;</p>

<tr>

<td colspan="2"><img src="images/text2.jpg" border="0" width="540" height="42" alt=""></td>

</tr>

<tr>

<td colspan="2" background="images/pics_back.jpg" height="212">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left:10; height: 193px; width: 280px;" class="style26">

<span class="style24">

<img src="block-2-img.jpg" width="234" height="99"><br>

в компании Авто Престиж

постоянно интересные <br>

предложения на различные

группы<br>

&nbsp;запасных частей.</span></td>

<td style="padding-left:10; height: 193px; width: 185px;" class="style26">

<img src="block-4-img.jpg" width="233" height="99" style="float: right"><br>

в нашем ассортименте только

сертифицированные,

услуги.</td>

</tr>

</table>

7</td>

</tr>

</table>

</td>

</tr>

<tr>

<td colspan="2" background="images/footer1.jpg" height="62">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left:30">&nbsp;&nbsp;</td>

<td valign="top">

<table border="0" cellpadding="0" cellspacing="0" width="282">

<form action=""><tr>

<td style="padding-left:60"><img src="images/car_search.jpg" border="0" width="94" height="62" alt=""></td>

<td style="padding-left:10"><input type="text" name="car" size="15" maxlength="40"></td>

<td style="padding-left:10"><input type="image" src="images/go_but.gif" border="0" width="14" height="11" alt=""></td>

</tr></form>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td width="230">

<img src="images/name_footer.jpg" border="0" width="240" height="94" alt=""></td>

<td background="images/footer2.jpg" style="color:ffffff;text-decoration:underline;padding-right:20" align="right" width="520">

<span lang="ru">2013</span><a href="" class="white"> <span lang="ru">

ООО «ТрансЭнергоСервис»</span></a></td>

</tr>

</table>

</td>

<td width="21%" background="images/bg_lft.gif"></td>

</tr>

</table>

</body>

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

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