Разработка сайта "Магазин на диване"

72

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

Карагандинский Государственный Технический Университет

Зав. кафедрой

____________

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

к дипломному проекту

Тема: «Разработка сайта «Магазин на диване»».

Руководитель

Студент

2009

Введение

Internet - глобальная компьютерная сеть, охватывающая весь мир. Сегодня Internet имеет около 15 миллионов абонентов в более чем 150 странах мира. Ежемесячно размер сети увеличивается на 7-10%. Internet образует как бы ядро, обеспечивающее связь различных информационных сетей, принадлежащих различным учреждениям во всем мире, одна с другой.

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

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

Компании соблазняют быстрота, дешевая глобальная связь, удобство для проведения совместных работ, доступные программы, уникальная база данных сети Internet. Они рассматривают глобальную сеть как дополнение к своим собственным локальным сетям.

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

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

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

В настоящее время Internet испытывает период подъема, во многом благодаря активной поддержке со стороны правительств европейских стран и США. Ежегодно в США выделяется около 1-2 миллионов долларов на создание новой сетевой инфраструктуры. Исследования в области сетевых коммуникаций финансируются также правительствами Великобритании, Швеции, Финляндии, Германии.

Однако, государственное финансирование - лишь небольшая часть поступающих средств, т.к. все более заметной становится "коммерцизация" сети (ожидается, что 80-90% средств будет поступать из частного сектора).

1. Предпроектные исследования

1.1 История сети Internet

В 1961 году Defence Advanced Research Agensy (DARPA) по заданию министерства обороны США приступило к проекту по созданию экспериментальной сети передачи пакетов. Эта сеть, названная ARPANET, предназначалась первоначально для изучения методов обеспечения надежной связи между компьютерами различных типов. Многие методы передачи данных через модемы были разработаны в ARPANET. Тогда же были разработаны и протоколы передачи данных в сети - TCP/IP. TCP/IP - это множество коммуникационных протоколов, которые определяют, как компьютеры различных типов могут общаться между собой.

Эксперимент с ARPANET был настолько успешен, что многие организации захотели войти в нее, с целью использования для ежедневной передачи данных. И в 1975 году ARPANET превратилась из экспериментальной сети в рабочую сеть. Ответственность за администрирование сети взяло на себя Defence Communication Agency (DCA), в настоящее время называемое Defence Information Systems Agency (DISA). Но развитие ARPANET на этом не остановилось; Протоколы TCP/IP продолжали развиваться и совершенствоваться.

В 1983 году вышел первый стандарт для протоколов TCP/IP, вошедший в Military Standarts (MIL STD), т.е. в военные стандарты, и все, кто работал в сети, обязаны были перейти к этим новым протоколам. Для облегчения этого перехода DARPA обратилась с предложением к руководителям фирмы Berkley Software Design - внедрить протоколы TCP/IP в Berkeley(BSD) UNIX. С этого и начался союз UNIX и TCP/IP.

Спустя некоторое время TCP/IP был адаптирован в обычный, то есть в общедоступный стандарт, и термин Internet вошел во всеобщее употребление. В 1983 году из ARPANET выделилась MILNET, которая стала относиться к Defence Data Network (DDN) министерства обороны США. Термин Internet стал использоваться для обозначения единой сети: MILNET плюс ARPANET. И хотя в 1991 году ARPANET прекратила свое существование, сеть Internet существует, ее размеры намного превышают первоначальные, так как она объединила множество сетей во всем мире. Диаграмма 1.1 иллюстрирует рост числа хостов, подключенных к сети Internet с 4 компьютеров в 1969 году до 3,2 миллионов в 1994. Хостом в сети Internet называются компьютеры, работающие в многозадачной операционной системе (Unix, VMS), поддерживающие протоколы TCP\IP и предоставляющие пользователям какие-либо сетевые услуги.

1.2 Протоколы сети Internet

Основное, что отличает Internet от других сетей - это ее протоколы - TCP/IP. Вообще, термин TCP/IP обычно означает все, что связано с протоколами взаимодействия между компьютерами в Internet. Он охватывает целое семейство протоколов, прикладные программы, и даже саму сеть. TCP/IP - это технология межсетевого взаимодействия, технология internet. Сеть, которая использует технологию internet, называется "internet". Если речь идет о глобальной сети, объединяющей множество сетей с технологией internet, то ее называют Internet.

Свое название протокол TCP/IP получил от двух коммуникационных протоколов (или протоколов связи). Это Transmission Control Protocol (TCP) и Internet Protocol (IP). Несмотря на то, что в сети Internet используется большое число других протоколов, сеть Internet часто называют TCP/IP-сетью, так как эти два протокола, безусловно, являются важнейшими.

Как и во всякой другой сети в Internet существует 7 уровней взаимодействия между компьютерами: физический, логический, сетевой, транспортный, уровень сеансов связи, представительский и прикладной уровень. Соответственно каждому уровню взаимодействия соответствует набор протоколов (т.е. правил взаимодействия).

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

Для каждого типа линий связи разработан соответствующий протокол логического уровня, занимающийся управлением передачей информации по каналу. К протоколам логического уровня для телефонных линий относятся протоколы SLIP (Serial Line Interface Protocol) и PPP (Point to Point Protocol). Для связи по кабелю локальной сети - это пакетные драйверы плат ЛВС.

Протоколы сетевого уровня отвечают за передачу данных между устройствами в разных сетях, то есть занимаются маршрутизацией пакетов в сети. К протоколам сетевого уровня принадлежат IP (Internet Protocol) и ARP (Address Resolution Protocol).

Протоколы транспортного уровня управляют передачей данных из одной программы в другую. К протоколам транспортного уровня принадлежат TCP (Transmission Control Protocol) и UDP (User Datagram Protocol).

Протоколы уровня сеансов связи отвечают за установку, поддержание и уничтожение соответствующих каналов. В Internet этим занимаются уже упомянутые TCP и UDP протоколы, а также протокол UUCP (Unix to Unix Copy Protocol).

Протоколы представительского уровня занимаются обслуживанием прикладных программ. К программам представительского уровня принадлежат программы, запускаемые, к примеру, на Unix-сервере, для предоставления различных услуг абонентам. К таким программам относятся: telnet-сервер, FTP-сервер, Gopher-сервер, NFS-сервер, NNTP (Net News Transfer Protocol), SMTP (Simple Mail Transfer Protocol), POP2 и POP3 (Post Office Protocol) и т.д.

К протоколам прикладного уровня относятся сетевые услуги и программы их предоставления.

Услуги, предоставляемые сетью

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

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

Telnet - удаленный доступ. Дает возможность абоненту работать на любой ЭВМ сети Internet как на своей собственной. То есть запускать программы, менять режим работы и т.д.

FTP (File Transfer Protocol) - протокол передачи файлов. Дает возможность абоненту обмениваться двоичными и текстовыми файлами с любым компьютером сети. Установив связь с удаленным компьютером, пользователь может скопировать файл с удаленного компьютера на свой или скопировать файл со своего компьютера на удаленный.

NFS (Network File System) - распределенная файловая система. Дает возможность абоненту пользоваться файловой системой удаленного компьютера, как своей собственной.

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

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

Rsh (Remote Shell) - удаленный доступ. Аналог Telnet, но работает только в том случае, если на удаленном компьютере стоит ОС UNIX.

Rexec (Remote Execution) - выполнение одной команды на удаленной UNIX-машине.

Lpr - сетевая печать. Отправка файла на печать на удаленном (сетевом) принтере.

Lpq - сетевая печать. Показывает файлы стоящие в очереди на печать на сетевом принтере.

Ping - проверка доступности удаленной ЭВМ по сети.

Talk - дает возможность открытия "разговора" с пользователем удаленной ЭВМ. При этом на экране одновременно виден вводимый текст и ответ удаленного пользователя.

Iptunnel - дает возможность доступа к серверу ЛВС NetWare с которым нет непосредственной связи по ЛВС, а имеется лишь связь по сети Internet.

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

Finger - получение информации о пользователях удаленного компьютера.

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

Webster - сетевая версия толкового словаря английского языка.

Факс-сервис - дает возможность пользователю отправлять сообщения по факсимильной связи, пользуясь факс-сервером сети.

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

Шлюзы - дают возможность абоненту отправлять сообщения в сети, не работающие с протоколами TCP\IP (Fido, Goldnet, AT50).

К системам автоматизированного поиска информации в сети Internet принадлежат следующие системы.

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

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

WAIS - еще более мощное средство получения информации, чем Gopher, поскольку оно осуществляет поиск ключевых слов во всех текстах документов. Запросы посылаются в WAIS на упрощенн?м английском языке. Это значительно легче, чем формулировать их на языке алгебры логики, и это делает WAIS более привлекательной для пользователей-непрофессионалов.

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

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

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

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

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

WWW - это относительно новая система. Установлены несколько демонстрационных серверов, в том числе Vatican Exibit в библиотеке Конгресса США и мультфильм о погоде "Витки спутника" в Мичиганском государственном университете. В качестве демонстрационных также работают серверы into.funet.fi (Финляндия); into.cern.ch. (Швейцария) и eies2.njit.edu (США).

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

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

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

2.1 Наименование и область применения

Созданию подлежит разработка сайта «Магазин на диване». Он будет эксплуатироваться, и применяться в сети Internet.

2.2 Основание для создания

Основанием для разработки сайта является заказ магазина «Букинист». В создании сайта участвует студент группы гр. КАС-00-2 Чуйков Алексей Александрович.

Финансирование работы не предусмотрено. Работы по созданию программы ведутся с 2.11.2002 по 31.01.2003год.

2.3 Цель и назначение

Целями являются:

рекламная компания магазина

приобретение товаров покупателем, не выходя из дома

2.4Требования к проекту

2.4.1Общие требования

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

2.4.2Требования к ЛО

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

2.4.3Требования к ПО

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

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

-правильности (выдача достоверных результатов в процессе функционирования);

-универсальности (система должна функционировать на различных ЭВМ);

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

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

ОС должна обеспечить работу пользователей с программным средством «Internet Explorer » 4.0

2.4.4Требования к ТО

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

2.4.5Требования к МеО

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

2.5Стадии и этапы создания проекта

	Начало	Окончание
Предпроектные исследования	01.10.2002	25.10.2002
Техническое задание	26.10.2002	05.11.2002
Эскизный проект	06.11.2002	15.11.2002
Технический проект	16.11.2002	24.11.2002
Рабочий проект	25.01.2003	30.01.2003

3. Лингвистическое обеспечение

3.1 Языки программирования

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

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

Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, Вы сможете создавать документы, которые могут быть просмотрены многими браузерами Web, как сейчас, так и в будущем. Это не исключает возможности использования других методов, например, метод расширенных возможностей, предоставляемый Netscape Navigator, Internet Explorer или некоторыми другими программами. Если это действительно служит Вашим целям, и Вы хотите сформировать собственное мнение о названных программах, пользуйтесь им. Но работа с HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только когда это действительно необходимо.

HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными браузерами, и, возможно, станет основой почти всего имеющего отношение к Web программного обеспечения.

3.1.1 Структура HTML документа

Символы, заключенные в угловые скобки <> являются HTML командами, по которым «браузер» распознает, как следует преобразовать части текста, заключенные между этими командами.

Документ в целом должен быть отмечен как документ в формате HTML. Для этого он должен начинаться командой <HTML> и заканчиваться командой </HTML>.

Документ состоит из 2 частей:

- Заголовка (Head),

- Собственно документа (Body).

Для выделения заголовка следует ввести: <HEAD> Заголовок документа <HEAD>

Каждый WWW - документ имеет название, которое вводится в титульной строке «браузера».

Для ввода титульной строки в заголовок документа следует воспользоваться следующими командами: <HEAD> <TITLE> TITLE List </TITLE> </HEAD>

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

Для записи основного текста следует ввести: <BODY> Основной текст </BODY>

Таким образом, общая схема документа в формате HTML выглядит следующим образом:

<HTML>

<HEAD> <TITLE> Титульная строка документа </TITLE> </HEAD>

<BODY> Основной текст документа </BODY>

</HTML>

При написании команд HTML не имеет значение, какими буквами - строчными или прописными Вы пишете команды.

3.1.2 Создание заголовков

Заголовки в документе создаются с помощью команд: <Hi> Заголовок </Hi>, причем при i = 1 заголовок самый крупный, а при i = 6 - самый мелкий.

Например,

Отображаемый текст	Запись в формате HTML
Заголовок1	<H1> Заголовок1 </H1>
Заголовок2	<H2> Заголовок2 </H2>
Заголовок3	<H3> Заголовок3 </H3>
Заголовок4	<H4> Заголовок4 </H4>
Заголовок5	<H5> Заголовок5 </H5>
Заголовок6	<H6> Заголовок6 </H6>

Создание списков

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

В HTML - документах используется 3 вида списков:

- Неупорядочные списки,

- Упорядочные списки,

- Списки - определения.

Неупорядоченный список использует для выделения записей специальные символы. Неупорядоченный список определяется следующими командами начала и конца списка: <UL> и <UL>

Каждый элемент списка начинается с команды: <LI>

В команде <LI> может быть параметр TYPE, который определяет внешний вид символа, используемого для выделения строки в списке и может иметь следующие значения:

<LI TYPE=DISK> - круглая жирная точка,

<LI TYPE=CIRCLE> - окружность,

<LI TYPE=SQUARE> - маленький черный квадрат.

В упорядоченном списке все записи пронумерованы.

Упорядоченный список определяется следующими командами начала и конца списка: <OL> и </OL>

Каждый элемент списка начинается с команды: <LI>

В команде <LI> может быть параметр TYPE, который определяет тип нумерации и может иметь следующие значения:

<LI TYPE = A> - прописными буквами,

<LI TYPE = a> - строчными буквами,

<LI TYPE = I> - прописными римскими цифрами,

<LI TYPE = i> - строчными римскими цифрами,

<LI TYPE = 1> - арабскими цифрами.

В списке - определении все записи сдвинуты влево при помощи табуляции.

Список - определение определяется следующими командами начала и конца списка: <DL> и </DL>

Каждый элемент списка начинается с команды: <DD>

Форматирование параграфов и вывод текста в несколько столбцов.

В документе HTML невозможно создать абзац, используя клавишу [Enter].

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

Для перехода на следующую строку воспользуйтесь командой <br>

Для создания пустой строки воспользуйтесь командой <p>

Для создания горизонтальной черты воспользуйтесь командой <hr>

Если черта создается не на всю строку, а на какую - то ее часть, например, на 40%, то команда выглядит следующим образом: <hr width= 40 %>

Для создания широкой черты следует задать ее ширину (по умолчанию - в пикселях) <hr size= 10 >

Для выравнивания черты ВЛЕВО/ВПРАВО/ПО ЦЕНТРУ задайте соответственный параметр ALIGN=LEFT/RIGHT/CENTER

Черная линия задается наличием параметра NOSHADE.

Вы можете расположить текст по центру с помощью следующих команд: <CENTER>

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

Для создания такого текста воспользуйтесь командами: <PRE> текст </PRE>

Полученный в «браузере» образ текста будет точно соответствовать тексту в исходном HTML файле.

Аналогичные функции выполняет пара команд: <LISTING> текст </LISTING>

Netscape 3.0 и выше поддерживает вывод текста в несколько столбцов, в газетном формате с помощью команд <MULTICOL> и </MULTICOL>.

Ниже приводится формат команд:

<MULTICOL COLS= «N» GUTTER= «M»> текст </MULTICOL>.

Здесь N - количество столбцов, M - расстояние между столбцами.

«Браузеры», не поддерживающие вывод текста в несколько столбцов, обеспечат вывод текста нормально, в 1 столбец.

Форматирование символов

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

B - жирный (Bold);

I - курсив (Italic);

U - с подчеркиванием (Underline);

S - с перечеркиванием (STRIKE);

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

Отображаемый текст	Запись в формате HTML
Выделение текста жирным шрифтом	Выделение <b> текста </b> жирным шрифтом
Выделение текста курсивом	Выделение <i> текста </i> курсивом
Выделение текста подчеркиванием	Выделение <u> текста </u> подчеркиванием
Выделение текста перечеркиванием	Выделение <strike> текста </strike> перечеркиванием

Для изменения размера текстовых символов воспользуйтесь командами:

<FONT SIZE = +-i > </FONT>, где i в пределах от 1 до 7 относительно начального размера букв.

Кроме того, можно увеличить или уменьшить высоту шрифта с помощью команд <BIG> и <SMALL>. Эти команды используются в паре с командами </BIG> и </SMALL>.

Еще две пары команд:

<SUB> и </SUB> - подстрочный индекс, например, H2SO4.

<SUP> и </SUP> - надстрочный индекс, например, (a2 - b2) = (a - b)(a + b).

Все вышеприведенные команды определяют физическое форматирование символов. Вы задаете конкретное изменение характеристик символов.

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

<CITE>	Цитата	<CITE>
<EM>	Особо важный текст	</EM>
<STRONG>	Сильное выделение текста	</STRONG>
<KBD>	Текст, введенный пользователем	</KBD>
<CODE>	Листинг программы	</CODE>
<SAMP>	Последовательность литералов	</SAMP>
<VAR>	Имя переменной	</VAR>

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

Фонт задается с помощью команды: FONT FACE

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

Цвета и изображения фона задаются с помощью команды <BODY>.

Эта команда может задаваться только в начале HTML файла и не может быть измене-на в дальнейшем. Ее параметры:

bgcolor = «# код цвета» - цвет фона документа,

text = «# код цвета» - цвет текста документа,

link = «# код цвета» - цвет текста, используемого в качестве ссылки,

vlink = «# код цвета» - цвет ссылки на просмотренный ранее документ,

alink = «# код цвета» - цвет ссылки в момент нажатия на нее правой кнопки мыши.

Код цвета задается в кодировке RGB - шесть шестнадцатеричных чисел.

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

Белый = FFFFFF	Малиновый = FF00FF
Желтый = FFFF00	Бирюзовый = 008080
Красный = FF0000	Темно-синий = 000080
Серый = 808080	Коричневый = 808000
Синий = 0000FF	Голубой = 00FFFF
Зеленый = 00FF00	Темно-зеленый = 008000,
Черный = 000000	Индиго = 800080
Пурпурный = CC33FF	Темно-красный = 800000

Для изменения цвета текущего текста можно в любом месте домашней страницы воспользоваться командами: <FONT COLOR= Код цвета > Текущий текст </FONT COLOR>

Определено несколько именованных цветов. Их значения видны из таблицы:

<FONT COLOR = black >

Если Вы хотите создать «обои», то есть цветной фон с использованием Image - файла с именем, например, Ground.gif, то вместо параметра BGCOLOR записываем: BACKGROUND = «Ground.gif»

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

BACKGROUND = «Ground.gif» BGPROPERTIES=FIXED

Использование специальных символов

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

Этот символ не может быть использован для обозначения отношения «меньше». Для отображения на экране символа < («меньше») и некоторых других символов в HTML приняты специальные обозначения:

Отображаемый текст	Запись в формате HTML
<	&lt
>	&gt
&	&amp
«	&quot

Язык HTML всегда уменьшает количество подряд расположенных пробелов до одного, независимо от того, сколько пробелов было в исходном тексте. Для задания необходимого количества подряд расположенных пробелов следует воспользоваться специальным символом пробела: &nbsp.

Например, в следующей записи исходного текста: (A &nbsp; &nbsp; &nbsp; B) в отображаемом тексте между символами A и B будет 3 пробела.

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

И вместо отображения соответствующей команды на экране Вы получаете расположенный по центру текст в следующих строках. Чтобы этого избежать, можно, например, вставить внутрь команды две парные команды. Например, вышеприведенную команду следует записать следующим образом:<<u></u>CENTER>

Создание таблиц

Таблица создается с помощью команд <TABLE> и </TABLE>.

Команда <TABLE> может иметь следующие параметры:

- UNITS - может принимать значение RELATIVE или PIXELS. Определяет единицы измерения в других параметрах. По умолчанию, UNITS = PIXELS.

- BORDER - определяет линии, разграничивающие клетки в таблице. Ширина линии задается командой BORDER = N.

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

- BGCOLOR - Определяет цвет фонового изображения в таблице. Во всех таблицах данного документа я использую BGCOLOR= WHITE

Есть еще несколько команд, задающих цвет обрамления: BORDERCOLOR, BORDERCOLORDARK, BORDERCOLORLIGHT, но они используются только в Explorer.

Для формирования таблицы, состоящей из нескольких строк, воспользуйтесь командой <TR> , разделяющей строки. Команды <TH> и </TH> используются для обозначения заголовка столбца клеток.

Параметры ROWSPAN и COLSPAN команд <TD> и <TH> используются для формирования клеток данных, объединяющих более одной строки или столбца.

Встраивание гипертекстовых ссылок

Переход в другое место того же документа.

Для организации перехода внутри одного HTML - файла следует ввести необходимый текст в двух местах:

- Записать метку в том месте HTML - файла, куда необходимо перейти.

- Записать переход на эту метку в том месте, откуда будет выполнен переход.

Для организации метки запишите: <A NAME = «МЕТКА» ></A>, где МЕТКА - любое имя, состоящее из букв английского алфавита и цифр.

Для перехода на эту метку запишите:<A href=МЕТКА>.Перейти на метку. </A>

Переход в другой документ той же домашней страницы.

Для перехода из любого места HTML - файла h1.html в начало HTML - файла h2.html следует записать: <A href = «h2.html»>Переход к разделу h2 </A>

Префикс URL	Функция
FTP://	Ссылка на сервер FTP
HTTP://	Ссылка на объект, который будет передаваться с использованием протокола HTTP
FILE://localhost	Ссылка на локальный диск
GOPHER://	Ссылка на сервер Gopher
MAILTO://	Ссылка на электронный почтовый адрес
NEWS://	Ссылка на электронную конференцию
NNTP://	Ссылка на сервер электронной конференции
TELNET://	Ссылка на сервер электронной конференции

Переход в другой документ.

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

Гипертекстовые ссылки вводятся в HTML - файл с помощью унифицированного локатора ресурсов - URL.

Этот локатор определяет правила написания различных видов ссылок.

Ниже приводятся важнейшие префиксы для URL:

Для записи гипертекстовой ссылки в HTML - файл используйте следующую команду: <A href = «URL»> Переход по гипертекстовой ссылке. </A>

При нажатии левой кнопки мыши на текст Переход по гипертекстовой ссылке. Вы перейдёте на ресурс, заданный в URL. Для возврата воспользуйтесь клавишей «Back» «браузера».

Вывод изображения на экран.

Изображения могут быть выведены на экран так же, как текст. Файлы изображения могут быть заданы в нескольких различных форматах, наилучшие из которых - GIF (файлы *.gif) и JPEG (файлы *.jpg).

Ниже приводится формат команды:

<IMG SRC= «ИМЯ ФАЙЛА» ALT = «Текст» ALIGN = DIRECTION WIDTH = WIDTH HEIGHT = HEIGHT >, где:

ИМЯ ФАЙЛА - это имя данного файла в вашей домашней странице или полное имя пути и файла, если файл не принадлежит данной домашней странице.

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

DIRECTION - место расположения изображения. Принимает следующие возможные значения:

ALIGN=TOP - последующий текст располагается в верхней части изображения.

ALIGN=BOTTOM - последующий текст располагается в нижней части изображения.

ALIGN=LEFT - изображение находится в левой части листа. Текст обтекает изображение справа.

ALIGN=MIDDLE - изображение находится в центре листа.

ALIGN=RIGHT - изображение находится в правой части листа. Текст обтекает изображение слева.

WIDTH = WIDTH - ширина требуемого изображения на экране,

HEIGHT = HEIGHT - высота требуемого изображения на экране.

Гипертекстовая ссылка с помощью изображения.

Допустим, что Вы выводите на экран изображение IMAGE - файл, который называется, например, image.gif.

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

HTTP://WWW.HOME.COM ,

то следует записать следующую команду:

<A href= «HTTP://WWW.HOME.COM»> <IMG SRC = «image.gif» >

Создание ссылки на почтовый адрес.

Например, мой почтовый адрес в GEOCITIES.COM: family_katz@geocities.com

Для организации ссылки в моей домашней странице на мой почтовый адрес я записал в конце главного раздела домашней страницы:

<A href = mailto: family_katz@geocities.com > Перейти на мой почтовый адрес </A>

В следующей строчке я задал такую же ссылку с помощью аппликации MAIL12.GIF вместо текста:

<A href = mailto: family_katz@geocities.com ><IMS SRC = «MAIL12.GIF» ></A>

3.2 Языки проектирования

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

4. Программное обеспечение

4.1Общесистемное программное обеспечение

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

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

Учитывая требования, предъявляемые в ТЗ, считаем наиболее оптимальной операционную систему Windows 98.

Windows 98 - программный продукт фирмы Microsoft получивший широкое распространение из за удобного графического интерфейса, возможность поддержки программ разработанных для системы MS DOS, многозадачности, простой установки дополнительного оборудования, размер файлов ограничен только дисковым пространством. Windows 98 является 32 битной операционной системой, что повышает производительность. Для установки Windows 98 требуется 16 МБ ОП и от 120 до 295 МБ на диске.

4.1.1 Обоснования выбора операционной системы

В настоящее время широкое распространение получили системы Windows 9х, Windows 2000, UNIX.

Нам необходимо выбрать наиболее нам подходящую.

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

Дадим краткий обзор этих ОС.

Windows - стандартная, повсеместно распространённая операционная система. Существует две главные её разновидности: условно говоря, для домашнего пользования (Windows версий 3.1, 3.11, 95 и 98) и для профессионального использования (Windows NT).системы первого типа ставят не только не домашних компьютерах, но и в больших учреждениях, фирмах, институтах. Для них написано наибольшее число прикладных программ. NT же используют тогда, когда хотят создать локальную или глобальную сеть предприятия или учебного заведения.

Windows 95 является аналогом ОС MS-DOS, а также операционных систем Windows 3.0 и Windows 3.1.

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

Windows 95, однако, не отличается большой стабильностью.

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

Однако изменения произошли во внутреннем устройстве ОС.

Windows 98 выигрывает у своей предыдущей версии за счет корректной работы с новыми комплектующими.

Windows 98 снабжена некоторыми дополнительными усовершенствованиями и приспособлениями для работы в сети.

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

Windows 2000 в основном предназначена для работы с сетью. Обладает стабильностью в данной области. Но она значительно требовательна к ресурсам компьютера. Поэтому применим операционную систему Windows 98.

В последнее время во всем мире наблюдается повышенный интерес к операционной системе UNIX. Повышенный интерес к этой операционной системе обусловлен в основном двумя причинами.

ОС UNIX обеспечивает чрезвычайно простой интерфейс с пользователем.

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

В разделе ЛО в качестве среды разработки выбирается HTML, которая работает как приложение Windows. Поэтому выбор необходимо сделать между ОС Windows 9х и Windows 2000.

4.1.2 Средства документирования

В качестве средств документирования будет использоваться: текстовый редактор Microsoft Word, входящий в состав приложений Microsoft Office 2000, для подготовки пояснительной записки.

Microsoft Word 2000 действительно весьма популярный и мощный редактор под Windows , обладающий:

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

-возможностью добавить новые кнопки по своему усмотрению;

-возможностью обтекания текстами любых вставленных в него объектов (картинок, таблиц, других текстов);

-автоматического поиска и замены текста;

-широкими возможностями создания бланков и шаблонов;

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

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

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

-удобные механизмы для работы с ссылками, сносками, колонтитулам;

-включение в текст элементов, созданных в других программах Microsoft Office;

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

-встроенный Мастер подсказок и объемная система помощи;

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

Версия Word 2000 32-разрядная и для неё желательно 16 МБ оперативной памяти, и на диске программа занимает в максимальном варианте около 34 МБ.

4.2 Базовое программное обеспечение

4.2.1CorelDraw

Все графические элементы сайта были выполнены и отредактированы в пакете Corel Draw 9 и Corel Photo Paint 9. К преимуществам этого редактора относят систему управления и богатство средств настройки инструментов. Наиболее сложные композиции, близкие к художественным произведениям, получают средствами именно этого редактора. Corel Photo Paint 9 позволяет создавать анимационные рисунки в формате Gif, что позволяет изменять настройки каждого кадра. Corel Photo Paint 9 является естественным дополнением к Corel Draw 9 и образует с ним единый графический пакет. В состав пакета входят Photopaint, Dream-3D. Новые инструменты Corel Draw позволяют к объектам применять напрямую процедуры коррекции и эффекты. В новой версии упрощен процесс создания объектов и редактирования их характеристик. Сейчас можно редактировать объекты по базовым узлам, или трансформировать их при помощи любого инструмента создания объекта. Новые растровые возможности делают размещение объекта и его изображение более плавным. Панели инструментов и горячие клавиши можно перенастроить, при этом пакет позволяет сохранять несколько конфигураций рабочего стола. Имеется возможность обзора архивных файлов в хронологическом порядке. Когда на экране слишком много окон, навигацию по ним можно упростить, для этого можно сложить их в виде стопки страниц, у которых будут ярлычки.

4.2.2 Internet Explorer

Microsoft Internet Explorer является зарегистрированной торговой маркой компании Microsoft. Эта программа предназначена для работы в сети, в частности для просмотра электронных досок объявлений (страниц сети) в интерактивном графическом режиме.

Inernet Explorer (IE) поставляется пользователям вместе с операционной системой Microsoft Windows 95/98/ME/2000, и для работы в IE необходимо иметь доступ в глобальную сеть Internet. Для просмотра электронных досок объявлений (страниц) необходимо ввести адрес нужной вам страницы в ячейку: "Address:" и нажать ENTER.

Microsoft(r) Internet Explorer 5 - это очередная версия программы просмотра ресурсов Интернета Internet Explorer. Этот документ призван помочь в изучении обозревателя Internet Explorer 5. Особое внимание уделено информации о целях, которые корпорация Microsoft преследовала при усовершенствовании его возможностей, и преимуществах этого продукта перед конкурентными.

Предыстория

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

Интеграция Windows c Интернетом

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

В обозревателе Internet Explorer 4 и Windows 98 реализована интеграция Интернет- технологий и персонального компьютера, Интернет-технологии стали частью операционной системы Windows. Они предоставляют пользователям универсальный метод доступа к информации и расширяют функциональные возможности Windows там, где Интернет может быть задействован с наибольшим эффектом.

Цели создания Internet Explorer 5

Чтобы выявить новые потребности пользователей, а также те области, где существующие решения не удовлетворяют полностью запросам потребителей, сразу после выпуска Internet Explorer 4 корпорация Microsoft приступила к новым исследованиям потребительского рынка и изучению спроса пользователей Интернета. Разработчики Microsoft Internet Explorer провели сотни часов, обсуждая с пользователями различные проблемы и наблюдая за их привычками. В результате этих встреч и дискуссий определились цели и приоритеты, которым необходимо следовать при разработке Internet Explorer 5.

Коллектив разработчиков обнаружил, что основные проблемы работы в Интернете больше не связаны с доступом, несовместимостью между обозревателями и другим программным обеспечением или отсутствием поддержки некоторых типов информационного наполнения. Internet Explorer 4 обеспечил решение каждого из этих вопросов. Разработчики обнаружили, что сегодня самая большая проблема заключается в том, что пользователям затруднительно "делать то, что они хотят делать", что они тратят слишком много времени на поиск, ввод адресов с клавиатуры, создание и организацию ссылок и закладок в "Избранном", обмен информацией друг с другом и т.д. В дополнение к основным работам по развитию компонентной архитектуры, интеграции, поддержке стандартов и снижению совокупной стоимости владения необходимо оснастить браузер средствами, которые помогли бы пользователям сэкономить время при работе в Интернете.

Концепция разработки Internet Explorer 5 заключается в повышении эффективности работы обозревателя, что должно привести к экономии времени пользователей. Для ее реализации коллектив разработчиков Microsoft при создании Internet Explorer 5 придерживался следующих целей:

- Сделать работу с Интернетом проще, чем когда-либо прежде

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

- Обеспечить максимальную гибкость при работе с программой

- Предоставить наиболее эффективное с точки зрения затрат решение для корпоративного использования

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

4.3 Прикладное программное обеспечение

Прикладное программное обеспечение будет представлено в виде сайта. Листинг программы представлен в приложении А.

5. Техническое обеспечение

5.1 Структурное проектирование комплекса технических средств

В соответствии с требованиями, указанными в техническом задании, структура КТС должна обеспечивать работу с сайтом в сети Internet.

В соответствии с этим необходимо наличие 1 компьютера.

Таблица 5.1 Техническое оснащение, аудитории, электронным учебником

Наименование	Характеристика
Материнская плата	Elite Group P6VEM 133T
Процессор	Intel Celeron 1100A
RAM	128 MB SD
HDD	30 GB Maxtor 7200 rpm UDMA 133
FDD	3,5” Mitsumi
CD-ROM	Samsung 52x IDE
Монитор	SVGA 15” LG 500E 028
Адаптер	Inno3D 32M RIVA TNT2 M64
Разрешение	1024x768
Частота обновления экрана	60 Гц
Стандартная клавиатура	Genius KB-09 PS/2
Стандартная мышь для COM-порта и PS/2-порта
Модем	Acorp 56K ext. Com port EMT

Прайс фирмы предоставляется в приложении Б

5.2 Параметрическое проектирование

При параметрическом проектировании КТС мы руководствуемся следующими подходами:

обоснованность выбора того или иного

оборудования (компонента)

минимальным расчетным показателем емкости и т.п.

соответствием выбранного оборудования современным технологиям

относительно умеренной ценой

5.3 Пуско-наладка оборудования

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

5.4 Техническое обслуживание

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

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

5.5 Ремонт

В случае поступления заявки о неисправности в течение гарантийного срока ремонт осуществляет поставщик без оплаты.

5.6 Утилизация

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

6. Методическое обеспечение

6.1 Общее описание сайта

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

Основная страница выглядит, так как показано на рисунке 6.1.1 и состоит она из:

Выбора магазина

Рекламы

Описания каждого магазина

Рисунок 6.1

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

Рисунок 6.2

7. Экономическое обоснование

7.1 Понятие программной продукции

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

Термин "программа для ЭВМ" означает набор команд, которые, будучи записаны на машиночитаемом носителе, могут заставить машину, способную обрабатывать информацию, выполнить известную функцию, решить задачу или достичь конкретного результата.

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

Нормативная характеристика программ для ЭВМ и баз данных дается в Законе «О правовой охране программ для электронных вычислительных машин и баз данных».

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

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