Дипломная работа: Разработка Web-сайта компании

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

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

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

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

Функциональность:

информационное обеспечение потенциальных клиентов и партнеров корпоративными данными о компании

привлечение дополнительных клиентов и партнеров

установление двусторонней связи с посетителями ресурса

формирование имиджа компании

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

централизация информационных потоков через портал

автоматизация бизнес-процессов бизнеса

осуществление контроля и учета деятельности отделов компании, филиалов, поставщиков и дилеров

Результаты:

сокращение издержек

автоматизация информационных потоков

более качественное и быстрое информационное обеспечение сотрудников компании, филиалов, дилеров, партнеров, поставщиков

бесперебойная работа портала

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

В первую очередь следует обратить внимание на то, что отчёты, приказы и другие документы будут рассылаются по компании посредствам электронной почты. Следовательно, необходимо иметь почтовую программу, например MS Outlook. Данная программа входит в пакет MS Office, также как и MS Access, поэтому достаточно будет приобрести этот пакет и никаких дополнительных затрат не потребуется. К тому же в этот же пакет входит наиболее распространенный текстовый редактор MS Word и отличный табличный процессор MS Excel. Остается только определить версию вышеуказанного пакета. Я бы посоветовала MS Office 2003, совмещающий в себе, как мне кажется, надежность, качество и удобный интерфейс.

Для выхода в InterNet необходимо установить какой-либо броузер. Например, Internet Explorer, Mozzila FireFox 1.0PR или Opera. Я бы поставил Opera 8.0 Beta, в связи с ее вполне приемлемым быстродействием.

Поскольку компании придется работать не только с внутренней информацией, но и с внешней (от поставщиков, например), то целесообразно иметь еще несколько программных средств для просмотра информации. Неплохо было бы установить Adobe Acrobat Reader, FineReaderPro 7.0 rus, Lotus, AcdSee 6.0, XnView 1.70.2.

Для ведения бухгалтерии существуют целые комплексы ПО, например 1С "Бухгалтерия", "Анжелика", из импортных - "Hyperion". Они позволяют полностью вести бухгалтерию предприятия любого типа. В качестве комплексной автоматизированной системы управления предлагаю использовать 1С: Предприятие 8.0, позволяющую решить сразу несколько задач в рамках одного программного комплекса. Для ее установки, а, следовательно, организации автоматизации работы администрации сети, необходимо на каждое рабочее место внедрить свой модуль, которые затем взаимодействуют как единое целое.

Отдел маркетинга и рекламы занимается разработкой рекламной продукции, поэтому им необходимо использовать графические редакторы, например CorelDraw,PhotoShop, VISIO2000. Для преобразования звуковых файлов различных форматов в нужный формат необходимо установить Audiocatalyst_v2.10, а также WinAmp 5.34 - для прослушивания файлов. Для просмотра созданных видеороликов неплохо было бы иметь программу для просмотра видео, например, LightAllow 3.2.

Поскольку администрация сети магазинов ведет тесное сотрудничество с партнерами за границей, следовало бы иметь программу-переводчик, например Babylonpro 6rus.

Следует установить также различные дополнительные программы: антивирусы (AVP Monitor, DrWeb, McAffee и др.), архиваторы (WinZip, WinRar и др.), программу для более удобной навигации по дискам - TotalCmd 6.50, программу для записи информации на CD-R, CD-RW - Nero Express.

Системное программное обеспечение - важная составляющая корпоративной информационной системы. Без него невозможно функционирование ЭВМ.

Поскольку обмен данными интенсивно идёт по сети, необходимо использовать сетевую операционную систему (ОС), т.е. такую ОС, которая обеспечивает обработку, передачу, хранение данных в сети. Сетевая ОС обеспечивает доступ ко всем ресурсам сети, распределяет и перераспределяет различные ресурсы сети.

В настоящее время наиболее распространенными являются следующие сетевые операционные системы:

NetWare v3. х и v4. х, Nowell Inc. - 65% (самая эффективная файловая система среди современных сетевых ОС; самый широкий выбор аппаратного обеспечения);

LAN Server, IВМ Согр. - 14% (использование доменной организации сети упрощает управление и доступ к ресурсам сети; обеспечивает полное взаимодействие с иерархическими системами);

Windows NT Advanced Server 3.1, Microsoft Corp - 21% (простота интерфейса пользователя; доступность средств разработки прикладных программ и поддержка прогрессивных объектно-ориентированных технологий).

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

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

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

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

Я предлагаю использовать операционную систему Windows NT Workstation. Это полностью 32-разрядная, многозадачная, многопользовательская, сетевая операционная система. Ее использование целесообразно в связи с тем, что она позволяет обеспечить обработку больших объемов информации, осуществлять ее защиту.

Свойства, которыми обладает Windows NT Workstation:

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

Internet Explorer - быстрый и простой в использовании браузер;

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

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

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

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

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

документы бумажные - факс;

документы электронные - модем.

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

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

В качестве сервера можно установить компьютер со следующими характеристиками:

CPU Intel Celeron-D 340 (2,93 GHz) Socket 478, FSB533

Кулер GlacialTech Igloo 4360 (Socket478)

Материнская плата - MB ASUS Socket478 P4S8X-MX mATX

HDD 120Gb WD WD1200BB 2Mb, 7200rpm, cashe 2Mb

Memory DDR 512Mb PC-3200 NCP

Видеокарта 128Mb AGP ATI Radeon9550 DDR, 128bit, DVI, TV-out

Дисковод 3.5' Nec

CD-RW 52x32x52 Sony CRX230E Black OEM

Монитор - 17' Samsung 794MB, 1024x768/85Гц, 1280х1024/65Гц

Источник бесперебойного питания Powercom BNT-500AP

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

Intel Celeron 2,4 GHz Socket 478

Кулер GlacialTech Igloo 2460 Pro (SocketА/370)

Материнская плата - MB Epox SocketA, EP-8KRAI, ATX

DIMM SDRAM 256Mb PC-133 HY 7,5ns

Видеокарта 64Mb GeForce 2MX400 (128-bit)

HDD 40Gb Samsung SV0411N

Дисковод 3.5' Nec

CD-RW 52x32x52 Sony CRX230E Black OEM

Монитор - 17' LG Flatron F700B

Рекомендую в работе использовать мышь Genius NetScroll+ Traveler USB+PS/2, и клавиатуру Genius KB-12e Multimedia PS/2.

Кроме того, для удобства в работе необходимо в каждое функциональное подразделение установить принтеры Lexmark Jetprinter Z615. В секретариат, а также в отдел розничной торговли я предлагаю поставить ксерокс Canon FC-128, и сканер Mustek ScanExpress A3 USB. Каждое подразделение должно быть снабжено телефонами и факсами. В отдел маркетинга и рекламы рекомендую поставить 2 монитора 19" TFT Samsung 910M, 1280x1024@75Hz, 250 кд/м2, 800: 1, отклик: 25ms.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Технология Microsoft IntelliSense® упрощает написание кода и снижает вероятность ошибок. Эта технология доступна для HTML (Hypertext Markup Language), таблиц каскадных стилей, XSLT (Extensible Stylesheet Language), Microsoft JScript® и Microsoft ASP.net.

Удаление лишнего кода, генерируемого Word 2003 или другими программами Web-разработки.

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

Усовершенствование интерактивных возможностей 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-узлы с новостями и обзорами.

Вставка представлений данных и настройка источников данных, в том числе разнообразных XML-данных, данных служб Windows SharePoint Services, Web-служб и источников данных OLEDB.

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

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

Разработка страниц Web-компонентов с помощью создания зон Web-компонентов, вставки и подключения к Web-компонентам из библиотеки Microsoft Office Gallery на Web-узле Microsoft Tools on the Web (EN), а также из других источников.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот такая строчка:

текст текст текст текст <br> текст текст текст <br> текст текст текст  Браузеру не важно положение тега - все отступы и "сдвиги" нужны только для упрощения понимания и ориентирования в коде. Конечно, количество пробелов внутри кода увеличивает размер HTML-странички, поэтому злоупотреблять ими не стоит. Но от того, что вы выделите, какие-либо теги определенным образом, хуже не станет. Все пробелы больше одного броузеры просто "не замечают". То есть, сколько ни ставьте вы пробелов в тексте, броузер отобразит все равно с одним пробелом, если "ну очень хочется", то пробелов можно наставить принудительно. Делается это размещением в коде "; &nbsp" (разумеется без кавычек!).

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

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

тег <hr>:

Как видим, это элемент "отчеркивание", - просто черта от края до края тега, внутри которого она применяется. Но ее можно и ограничить, например, указав в ее теге размер:

<hr align="center" width="50%"> Код содержит команды: выравнять по центру, размер сделать в 50% доступной ширины.

Вот что у нас получится:

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

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

Страницы: 1, 2, 3, 4, 5, 6