Автор Анна Евкова

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

Язык разметки html в электронной коммерции

Содержание:

Введение

Тема курсовой работы – «Язык разметки html в электронной коммерции».

Целью работы является рассмотрение языка разметки html и его применение в электронном бизнесе.

Для выполнения цели работы необходимо решить следующие задачи:

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

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

Язык разметки HTML

История создания языка HTML

В 1986 году Международная организация по стандартизации (International Organization for Standardizations, ISO) приняла первый стандарт ISO-8879, названный SGML (Standard Generalized Markup Language – стандартный обобщенный язык разметки). SGML – обогащенный метаязык, позволяющий строить системы логической и структурной разметки текстов любых разновидностей.

Структурная разметка – форматирование текста, в которой управляющие коды не несут никакой информации о внешнем виде документа, а лишь указывают границы и соподчинение его составных частей, то есть задают его логическую структуру. SGML-документ требует определения типа документа (Document Type Definition, DTD). DTD посылается вместе с SGML-документом или включается в SGML-документ для того, чтобы можно было распознать теги, созданные пользователем. Язык SGML не получил распространения, однако его идеология повлияла на многие компьютерные разработки.

В 1989 году выпускник Оксфордского университета, бакалавр в области физики, сотрудник Европейского центра ядерных исследований (CERN) Тим Бернерс-Ли (Tim Berners-Lee) разработал язык HTML (HyperText Markup Language – язык разметки гипертекста), ставший основным языком создания веб-документов и прототипом Всемирной паутины (World Wide Web, WWW). Тим Бернс-Ли – автор идеологии гиперссылок. По сути, язык HTML – это набор SGML-предписаний, сформулированный в виде DTD. В случае языка HTML определение типа документа хранится в браузере, и это определение намного проще, чем DTD языка SGML.

Однако нельзя сказать, что именно Тим Бернерс-Ли один все и придумал. К открытию подошло все человечество, накопив достаточные знания. Так, еще в середине XX столетия Ванневар Буш (Vannevar Bush) объявил миру новое слово – «гипертекст», а Тед Нельсон (Ted Nelson) предложил создать «документарную вселенную», связав все тексты, произведенные человечеством на свет, перекрестными ссылками, но в начале шестидесятых годов двадцатого столетия у академической публики это воззвание не вызвало ничего, кроме снисходительной улыбки.

Осенью 1990 года сотрудники CERN получили в пользование первый веб-сервер и веб-браузер, созданные Тимом Бернерсом-Ли в среде NeXTStep.

Для работы с текстами был разработан специальный протокол передачи гипертекста (HyperText Transfer Protocol, HTTP). Эта технология дала огромный толчок развитию Сети, и Интернет стал действительно интернациональной сетью.

Летом 1991 года проект WWW, покоривший научный мир Европы, пересек океан и влился в американский проект Internet. Появился ряд новых аббревиатур: URL, HTTP, HTML. Вспыхнувшее было соперничество между Европой и Америкой за новую информационную технологию сошло «на нет» с переездом Тима Бернерса-Ли в США. В 1994-м он сначала возглавил кафедру в Массачусетском технологическом институте, а затем – международный консорциум W3C (World Wide Web Consortium), играющий роль органа по стандартизации Всемирной Паутины.

Интернет представляет собой объединение множества локальных компьютерных сетей. Хотя говорят, что у Интернета нет хозяина и он не принадлежит никому, в нем наблюдается четкая иерархическая структура: магистрали, провайдеры, пользователи^[1].

Основные понятия

Язык HTML (HyperText Markup Language – язык разметки гипертекста) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WWW (World Wide Web – Всемирная паутина). HTML-документы (или веб-документы) могут просматриваться различными типами веб-браузеров. Если документ создан с использованием HTML, веб-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки.

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

HTML-документ – это обычный файл в формате ASCII. Код программы на языке HTML – обычный текстовый файл, поэтому проще всего написать его в Блокноте – стандартном Windows-приложении. Когда программа написана, ее файл следует сохранить не с расширением .txt, а с расширением .htm. Имя HTML-файла следует писать строчными латинскими буквами без пробелов. Можно использовать цифры, знаки подчеркивания и тире.

Как только файл будет записан с расширением .htm, его значок сразу примет вид «интернетовского».

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

Все HTML-теги начинаются с символа левой угловой скобки (<) и заканчиваются символом правой угловой скобки (>). Как правило, существуют открывающий и закрывающий теги. Для примера приведем открывающий и закрывающий теги, определяющие заголовок документа: <TITLE> Заголовок документа </TITLE>

Итак, тег – последовательность символов, заключенных между символами < и >. Почти все теги образуют пары, то есть для открывающего тега существует закрывающий тег. Есть и непарные теги, например <BR>, <AREA>, но их мало.

Закрывающий тег выглядит так же, как открывающий, и отличается от него символом прямого слэша перед текстом внутри угловых скобок. В данном примере тег <TITLE> говорит веб-браузеру об использовании формата заголовка, а тег </TITLE> – о завершении текста заголовка.

Некоторые теги, такие как <P> (тег, определяющий абзац), не требуют завершающего тега, но его наличие придает исходному тексту документа стройность, делает его понятнее. Язык HTML нечувствителен к регистру символов, описывающих тег. <title> Заголовок документа </title>

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

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

Веб-браузер – это прикладная программа, которая отображает содержимое файлов, полученных с локального или удаленного компьютера, в соответствии с инструкциями, включенными в этот файл. Браузер представляет собой клиентскую программу и использует для передачи запросов веб-серверам протокол HTTP (HyperText Transfer Protocol – протокол передачи гипертекста).

Существует довольно большое количество браузеров, из которых самыми популярными являются браузеры Microsoft Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, Chrome, Safari и NCSA Mosaic. Браузер, прочитав HTML-файл, с помощью тегов интерпретирует содержащиеся в документе данные и соответствующим образом отображает их на экране компьютера.

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

Основные теги HTML-документа

Тег <HTML>. Самый первый тег, который встречается в документе, должен быть тегом <HTML>. Данный тег сообщает веб-браузеру, что документ написан на языке HTML. Минимальный HTML-документ мог бы выглядеть так:

<html> ...тело документа... </html>

Тег <HEAD> Структурно документ распадается на две части: заголовочную и основную, или тело документа. Заголовочная часть размещается между тегами <HEAD> и </HEAD>, основная – между тегами <BODY> и </BODY>.

Тег <TITLE> Внутри контейнера <HEAD> и </HEAD> размещается единственный обязательный контейнер из тегов <TITLE> и </TITLE>, содержащий текст заголовка.

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

Тег <BODY> Тело документа должно находиться между тегами <BODY> и </BODY>. Это та часть документа, которая отображает его текстовую и графическую информацию.

Технически стартовые и завершающие тэги типа <HTML>, <HEAD> и <BODY> необязательны. Но настоятельно рекомендуется их использовать, поскольку использование данных тегов позволяет веб-браузеру уверенно разделить заголовочную часть документа и непосредственно смысловую часть.

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

Гипертекстовая ссылка – основной элемент всех гипертекстовых систем, которые указывают на другой документ или на другую часть того же документа. Такая ссылка задается тегами <A>и </A>. Она имеет несколько атрибутов, наличие одного из двух (HREF или NAME) обязательно. Первый указывает на ссылку за пределы данного документа, например:

<a href="http://www.имя_сайта.зона/…/имя_файла/htm"> название ссылки </a>

Второй позволяет перейти к определенным образом отмеченному (с помощью так называемого якоря, или закладки) месту того же самого документа, например: <a name="#имя_якоря"> название ссылки </a>

После открывающего тега располагается содержимое тега. Код HTML-документа заканчивается конечным, или закрывающим, тегом. Закрывающие теги начинаются с символа косой черты (/).

Атрибуты – дополнительные управляющие слова, отделенные от тега и друг от друга пробелами. Можно сказать, что атрибуты – это имена свойств тегов, которые могут принимать определенные значения. Атрибуты имеются только у открывающих тегов, у закрывающих тегов их нет. Атрибуты влияют на результат интерпретации тега браузером^[2].

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

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

Основным тегом, описывающим таблицу, является парный тег <TABLE>. Все элементы таблицы должны находиться внутри тегов <TABLE> и </TABLE>. По умолчанию таблица не имеет обрамления и разделителей. Обрамление добавляется атрибутом BORDER. Размер рамки может быть фиксированным или автоматически согласовываться с размерами окна просмотра браузера и размерами текста и рисунков в ячейках. Помимо своего естественного назначения (упорядочения текстовой информации), таблицы позволяют решать чисто дизайнерские задачи: выравнивать части фрагменты страниц друг относительно друга, размещать рядом рисунки и текст, управлять цветовым оформлением, разбивать текст на столбцы и т. д.

Тег <TABLE> имеет атрибуты ALIGN, BORDER, BACKGROUND, BGCOLOR, BORDERCOLOR, CELLPADDING, CELLSPACING, HSPACE, SPACE, COLSPEC, WIDTH.

Объекты в HTML-документе

В HTML-документе может быть много объектов, которыми являются линии, точки, графика и т.д.

Для вставки горизонтальной линии используется тег <HR>. Это одинарный тег, закрывающего тега он не имеет. Атрибуты: SIZE – толщина линии в пикселах; WIDTH – ширина линии в пикселах или процентах от ширины окна браузера; ALIGN – положение на экране (слева, по центру, справа); NOSHADE – линия представляется простой однотонной темной полосой.

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

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

Для вставки графики в веб-страницу используется тег <IMG>. Он имеет атрибуты SRC, ALT, LONGDESC, HEIGHT, WIDTH, USEMAP, ISMAP, ALIGN, BORDER, HSPACE, VSPACE.

Обычно в Интернете используются два растровых формата – JPEG и GIF. Кроме того, в Интернете довольно много изображений, имеющих форматы BMP и PCX.

Тег <MAP> применяется для представления графического изображения в виде карты с активными областями. Активные области можно идентифицировать по всплывающей подсказке, которая появляется при наведении на такую область указателя мыши. Данный тег появился в версии HTML 3.2. Тег <MAP> может быть связан с тегом <IMG> или тегом <INPUT> с помощью атрибута USEMAP.

Чтобы включить поддержку карты изображения, необходимо ввести атрибут USEMAP в тег IMG: <img src="url" usemap="url#map_name">

Атрибут NAME задает имя карты, например: NAME="КАРТА" – имя карты. Тег <AREA> определяет активную область в составе карты изображений на стороне клиента (это описатель активной области). Синтаксис:

Атрибут SHAPE задает форму активной области на карте и ее координаты, он может принимать значения: rect – прямоугольная область; circle – область в форме круга; poly – область в форме многоугольника; default – вся область.

Атрибут COORDS Атрибут COORDS определяет позицию области на экране. Синтаксис: coords="координаты" .

Мультимедийные файлы размещаются на веб-страницах с помощью тегов <audio>, <video>, <embed> и <object>.

Тег <audio> имеет атрибуты autoplay, controls, loop, preload, src.

Для включения в состав документа внешнего объекта служит тег <OBJECT>. Внешним объектом может быть Java-апплет, изображение или внешнее приложение. Данный тег появился в HTML версии 4.0. Тег может располагаться в разделе <HEAD>, но при этом объект выводиться не будет, то есть в этот раздел можно помещать только те объекты, которые не требуют отображения.

Тег <OBJECT> допускает вложение. Он имеет атрибуты ID, DECLARE, CLASSID, CODEBASE, DATA, TYPE, CODETYPE, ARHIVE, STANDBY, HEIGHT, WIDHT, USEMAP, NAME, TABINDEX, ALIGN, BORDER, HSPACE и VSPACE.

Поддержка стилей

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

Стили закрывающего HTML-, XHTML- и координаты XML-документов задаются с коттеджей помощью каскадных loop листов стилей (CSS). индексирования CSS предоставляет Сети разработчику новые знать возможности: вместо возможности того чтобы Поддержка кодировать каждую имея веб-страницу, можно угловых создать один domishko файл, содержащий Панда листы стилей, и стандартном ссылаться на внутри него из наибольший всех HTML-документов; последовательность листы стилей достаточные обеспечивают дополнительную стройность степень контроля преобразованию над шрифтами, столбцы цветом фона и обыденной другими характеристиками, USEMAP влияющими на прототипом отображение документа; нет листы стилей особенности позволяют достаточно составляют быстро и просто Очевидно изменять внешний очередь вид веб-страниц; специальных поскольку становится Всемирная меньше объем взрыв документов, уменьшается сами время их наведении загрузки.

Формат до записи стилевых идеология правил CSS глобальность похож на стилевого табличное представление уровня данных. Заголовок Транспортные таблицы напоминает написать описание элемента, США класса или текстовых идентификатора стиля, в похож качестве ячеек и которое рядов таблицы позволяют выступают свойства и поиска значения стилей.

В Dreamweaver соответствие с правилами клиент HTML при раздела использовании стилей в дала коде необходимо такую включать в заголовок того документа (в тег <HEAD>) сути соответствующее META-определение: <meta чтобы http-equiv=content- style-type каталоге content="text/css;>

Важной мощными особенностью стилевого платежи оформления является идентифицируют то, что запасов преобразованию заданным Есть стилем подвергаются sector все теги, сайты заключенные внутри дома тега с указанным второго стилем^[3].

Пример языков HTML-документа

Рассмотрим организаций html-файл, текст параграфа которого приведен в консорциум Приложении 1. Документ хозяина содержит в начале текста тег <html> и в конце хостингами закрывающий тег </html>.

карте Тег <!DOCTYPE> предоставляет Интернете сведения о версии использование языка HTML, заголовка используемой в текущем разработан документе. Эти литературы сведения размещаются в браузера первой строке посетителей документа в форме языков SGML-объявления. Тег <!DOCTYPE> free должен быть border первым тегом в определяющие документе. Теоретически форму тег <!DOCTYPE> должен себя помочь веб-серверу чистых выбрать способ услуги обработки документа, закрывающих информируя его о точки том, какие язык дескрипторы могут курсовой находиться на только странице, однако в интранет настоящее время листы он обычно позволяет игнорируется браузерами, идентифицировать поэтому указывать вкусов его не Игрушка обязательно.

Заголовок ссылок страницы «Страничка» и помещен каскадных между тегами <title> и </title>.

потенциал При выводе специфических используется таблица расположенные стилей, размещенная в над файле style.css, значки находящийся в том serif же каталоге, RIGHT что и index.html. сторонним Текст style.css потребительской приведен в Приложении 2.

В центру html-файле несколько столетия раз встречается та тег <DIV> (от англ. предназначен division – раздел), настоящее который позволяет которая выделить в структуре экономить документа несколько цветовым разделов. Он задается является блочным использующего элементом, функционирующим Есть во многом быть подобно элементу <P>. обогащенный Тег <DIV> может переноса иметь атрибут шестидесятых ALIGN, который Структурная имеет значения NOSHADE LEFT, CENTER перечислены или RIGHT и Велихов указывает отступ. td Каждый следующий зачастую раздел игнорирует Chrome значение ALIGN, Attribution заданное для by предыдущего раздела.

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

показывает Тег <h2> и закрывающий сайтов тег </h2> предназначен потоками для выделения фр заголовков второго обязательный уровня. Тег <P> изготовлена используется для структуре создания пустой center строки.

Тег <strong> и полное закрывающий тег </strong> дисковом используется для шрифтом выделения текста вид между ними тег жирным шрифтом.

активную Для вставки приняла файла с изображением толщина игрушки на продукции веб-страницу используется обычный тег <IMG>. Файл с распадается изображением расположен в возраста подкаталоге images и информационный называется panda.jpg.

соответствующее Тег <BR> - это связан тег перехода следующие на новую программу строку.

В HTML-документе описания имеются списки, редактировать созданные с помощью публикации парного тега <UL> (от специальный англ. Unordered интернациональной List – ненумерованный якоря список). Каждый элементы элемент списка примера начинается с тега <LI> (от распространения англ. List Пример Item – элемент полноценной списка). Элементами содержащий являются: О компании, гипертекстовых Контакты.

Классы функции применяют, когда пары необходимо определить представляется стиль для поддержки индивидуального элемента Если веб-страницы или Ячейки задать разные сетевые стили для представляется одного тега. баз При использовании форму совместно с тегами доступ синтаксис для лежит классов будет Учебно следующий. Тег.Имя количества класса { свойство1: оценкам значение; свойство2: DATA значение; ... }

Внутри четкая стилевой таблицы промежуточный вначале пишется поэтому желаемый тег, а веб затем через таблица точку пользовательское зависит имя класса. наиболее Чтобы указать в подвергаются коде HTML, sector что тег поставщиком используется с определенным образуют стилем, к тегу преимущество добавляется параметр url class=”Имя класса”.

сначала Рассмотрим содержание Питер файла style.css. прочитав Для связывания хранится документа с этим попросту файлом применяется содержимое тег <LINK>.

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

Свойства шрифта:
font-family	Используется для указания шрифта или шрифтового семейства, которым будет отображаться элемент. Пример: P {font-family: Verdana, sans-serif;}
font-weight	Определяет степень жирности шрифта с помощью трех параметров: lighter (обычный), bold (жирный), bolder (очень жирный) Пример: B {font-weight: bolder;}
font-size	Устанавливает размер шрифта. Параметр может указываться в процентах, пикселях или сантиметрах. Примеры использования для тегов H1, H2, H3: H1 {font-size: 200%;} H2 {font-size: 150px;} H3 {font-size: 400pt;}
Свойства текста:
text-decoration	Устанавливает эффекты оформления шрифта, такие, как подчеркивание или зачеркивание текста. Пример использования для тега Н4: H4 {text-decoration: underline;} (подчеркивание) H4 {text-decoration: line-through;} (зачеркивание)
text-align	Определяет выравнивание элемента. Пример: P {text-align: left} (выравнивание по левому краю) P {text-align: right} (выравнивание по правому краю) P {text-align: justify} (выравнивание по ширине) P {text-align: center} (выравнивание по центру)
text-indent	Устанавливает отступ первой строки текста. Чаще всего используется для создания параграфов с табулированной первой строкой. Пример использования для тега H1: H1 {text-indent: 60pt;}
line-height	Управляет интервалами между строками текста. Пример: P {line-height: 50 %}
Цвет элемента и фона:
color	Определяет цвет элемента I {color: yellow;} Пример использования для тега H3: H3 {color: #0000FF;}
background-color	Устанавливает цвет фона для элемента. Пример использования для тега H3: <H3 style=”background-color:gold; color:brown;”>
Свойства границ:
margin-left (слева) margin-right (справа) margin-top (сверху) margin-bottom (снизу)	Устанавливают значения отступов вокруг элемента. Пример использования для рисунка: IMG { margin-left: 20pt} IMG { margin-right: 20pt} IMG { margin-top: 20pt} IMG { margin-bottom: 20pt}
Единицы измерения:
px	Пиксели
cm	Сантиметры
mm	Миллиметры
pt или %	Проценты

Подготовка и публикация веб-сайта. Достоинства и недостатки HTML

Публикация веб-сайта осуществляется сохранением его страниц на доступном дисковом пространстве специальных веб-сайтов, которые называются хостами (от англ. host – хозяин), а сама эта услуга – хостингом. Хостинг – услуга по предоставлению вычислительных мощностей для физического размещения информации на сервере, постоянно находящемся в сети (обычно Интернет). По условиям предоставления хостинг часто разделяется на платный и бесплатный. Обычно компания, предоставляющая бесплатный хостинг, зарабатывает путем показа рекламы на страницах, размещенных на нем. Одним из важных критериев выбора хостинга является используемая операционная система, поскольку от этого зависит программное обеспечение, которое будет поддерживать функциональность тех или иных сервисов. Важным аспектом описания хостинга является наличие тех или иных служб и возможностей (Perl, PHP, ASP, Ruby, баз данных и др.).

Наиболее известными хостингами являются www.narod.ru, www. domishko.ru, www.gudzon.net, www.echo-host.com. Список провайдеров бесплатного хостинга размещается по адресу http://www.besthostings.ru/freehosting/search.php.

Так, на сайте http://www.vanta.ru/hosting/host3.php перечислены сайты, в том числе русскоязычные, англоязычные, немецкоязычные, бесплатно предлагающие услуги веб-хостинга: www.AGAVA.ru, www.Boom.ru, www.By.ru, www.Chat.ru, www.Hoha.ru, www.Holm.ru, www.Hut.ru, www.Km.ru, www.narod.ru, www.newmail.ru, www.RussianZone.ru.

Сайт (от англ. site – участок) – это ресурс Интернета, один из разделов сервера, полностью посвященный какой-либо одной теме. В отличие от сервера, для обслуживания сайта, как правило, не выделяется отдельная серверная программа, а все сайты, расположенные на сервере, обслуживаются одной такой программой. Сайт является частью сервера, хотя большинство сайтов имеют собственное доменное имя. Сайты могут включать в себя подразделы, но тем не менее все подразделы должны быть подчинены общей идее, единому стилю исполнения. Сайт – самостоятельная логическая единица, состоящая из комплекса связанных между собой по смыслу текстовых документов и графических иллюстраций^[4].

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

Достоинства языка HTML:

для создания страницы не нужно знать языки веб-программирования;
хорошая кэшируемость страницы (кэш (англ. cache, от фр. cacher – «прятать») – промежуточный буфер с быстрым доступом, содержащий информацию, которая может быть запрошена с наибольшей вероятностью);
быстрая скорость загрузки страниц;
минимальные требования к веб-серверу и минимальная нагрузка на него;
простота переноса на другой сервер или локальный компьютер;
возможность прямого просмотра файла в браузере, без использования промежуточного программного обеспечения.

Недостатки языка HTML:

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

Электронный бизнес

Интернет – это эффективный и наиболее динамично развивающийся рекламный канал, имеющий целый ряд специфических особенностей и способный решить такие задачи, как:

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

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

перенос и оптимизация бизнес-процессов, документооборота;
межкорпоративная электронная торговля («бизнес-бизнес», В2В);
розничная электронная торговля («бизнес-потребитель», В2С);
предоставление новых услуг, использующих интернет- технологии (электронная почта, IР-телефония);
поддержка клиентов и партнеров;
организация обратной связи с клиентами;
поиск и мониторинг информации, необходимой для бизнеса.

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

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

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

Специфика развития российского сектора Всемирной сети обусловила некоторую неразбериху в терминах. Что сейчас включает в себя понятие «электронная коммерция»? Можно предложить классифицировать сетевые операции на финансовые и торговые транзакции. Из них наибольший интерес для нас представляет блок торговых операций, который называется «Internet-торговля». На Западе принято условно выделять две различные системы электронной коммерции: сектор «бизнес-бизнес» (business-to-business, В2В) и сектор «бизнес-клиент» (business-to-consumer, В2С) или попросту розничный сектор (retail sector).

Виртуальные магазины – надводная часть айсберга. Они наиболее близки к нашей обыденной жизни и поэтому привлекают внимание в первую очередь. Реальный же бизнес (по разным оценкам, от 70 до 90% денежных потоков, связанных с Сетью) лежит в сфере business-to-business. Достаточно сказать, что на закупках при помощи Интернета корпорации могут экономить до 30% средств. Очевидно, что потенциал сектора В2В намного выше потенциала розничной торговли.

Под розничным сектором интернет-торговли понимаются взаимоотношения массовых пользователей Интернет, включая мелких предпринимателей и население. На них непосредственно и рассчитано все множество интернет-магазинов, интернет-рекламы и т.д. Компании, работающие в этом секторе интернет-торговли, предлагают покупателям широкий выбор товаров, начиная от коттеджей и заканчивая скрепками. К сектору «бизнес- клиент», помимо розничной торговли через интернет-магазины, следует также отнести осуществление банковских операций не выходя из дома (home banking), брокерские услуги, страхование и т.п. Сегодня розничный сектор – один из наиболее развитых секторов электронной коммерции.

На Западе в основу инфраструктуры электронного бизнеса легли объединения высокотехнологичных корпоративных информационных систем (КИС). Основу КИС предприятий и организаций составляют так называемые ERP-системы (системы планирования ресурсов предприятий)^[5].

Заключение

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

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

Тег – код языка HTML, с помощью которого выполняется разметка исходного текста. Тег записывается в угловых скобках. Все теги начинаются с символа < и заканчиваются символом >. После открывающей угловой скобки следует имя тега (команды). Каждый тег может иметь атрибуты. После перечисления всех атрибутов начальный, или открывающий, тег закрывается.

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

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

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

Список литературы

А. Гончаров "Самоучитель HTML".
А. Матросов, А. Сергеев, М. Чаунин "HTML 4.0 в подлиннике"
Айзекс С. "Dynamic HTML"
Байенс Дж. "Примочки программирования в WEB"
Бройдо В.Л. Вычислительные системы, сети и телекоммуникации СПб, Питер 2002- 464 с.
Бугорский, В.Н. Сетевая экономика. Учеб. пособие /В. Н. Бугорский – М.: Финансы и статистика, 2008. – 256 с: ил. – ISBN 978-5-279-03179-5.
Бурсов М.В. и др. "Основы работы с HTML-редактором Dreamweaver. Учебно-методическое пособие"
Васильев, Г. А., Забегалин, Д. А. Электронный бизнес и рекламе в Интернете. / Г.А. Васильев, Д.А. Забегалин. – М.:ЮНИТИ, 2008. – 183 с. –ISBN 978-5-238-01346-6.
Велихов В. "Справочник по HTML 4.0"
Информатика /под редакцией С.В.Симоновича. СПб, Питер 2001- 400 с.
Кирмайер М. Информационные технологии. СПб.: Питер, 2003 - 443 с.
Комолова, Н., Яковлева, Е. HTML: Самоучитель. 2-е изд. / Н. Комолова, Е. Яковлева. – СПб.: Питер, 2011. – 288 с.: ил. – ISBN 978-5-4237-0144-4.
Которев Д. В, Костарев А.Ф. "PHP 5 или наиболее полное руководство в подлиннике." Петербугр 2005
Мэтьюз Дж. Web - сервер. СПб.: Символ, 1998 - 356 с.
Олифер В. Г., Олифер Н.А. Компьютерные сети. СПб.: Питер, 2005 - 864 с
Олифер В. Г., Олифер Н.А. Сетевые операционные системы. СПб.: Питер, 2003 - 539 с.

Приложение 1. Текст HTML-документа

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>Страничка</title>

</head>

<body>

<h2 class="title"><a href="/">Мягкая игрушка Aurora Панда</a></h2>

<p><strong>Описание:</strong> Игрушка изготовлена из экологически чистых материалов: высококачественного плюшa и гипoaллepгeнного cинтепoна. Не деформируется и не теряет внешний вид при машинной стирке.</p>

<p><strong>Тип товара:</strong> Мягкая игрушка</br><strong>Производитель:</strong> Aurora</br><strong>Название:</strong> Панда лежачая</br><strong>Возраст от:</strong> 3 лет</br><strong>Размер товара:</strong> 79 см</p>

</div>

</div>

<ul>

<li>

<h2>О компании</h2>

<p><strong>AURORA World</strong> - это одна из ведущих мировых компаний в области разработки высококлассных мягких игрушек и подарков.</p>

</li>

<li>

<h2>Контакты</h2>

<p>Телефон: 89078738485</p>

</li>

<li>

</ul>

</div>

</div>

</div>

</body>

</html>

Приложение 2. Файл style.css

Design by Free CSS Templates

http://www.freecsstemplates.org

Released for free under a Creative Commons Attribution 2.5 License

body {

margin: 0;

padding: 0;

background: #FFFDEA;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #464032;

}

h1, h2, h3 {

margin: 0;

padding: 0;

font-weight: normal;

color: #A42903;

}

h1 {

font-size: 2em;

}

h2 {

font-size: 2.4em;

}

h3 {

font-size: 1.6em;

}

p, ul, ol {

margin-top: 0;

line-height: 180%;

}

ul, ol {

}

a {

text-decoration: none;

color: #A7430F;

}

a:hover {

}

#wrapper {

width: 960px;

margin: 0 auto;

padding: 0;

}

/* Header */

#header {

width: 940px;

height: 148px;

margin: 0 auto;

}

/* Logo */

#logo {

float: left;

height: 90px;

margin: 0;

padding-top: 50px;

background: url(images/img02.jpg) no-repeat left 20px;

color: #000000;

}

#logo h1, #logo p {

margin: 0;

padding: 0;

}

#logo h1 {

float: left;

padding-left: 120px;

letter-spacing: -1px;

text-transform: lowercase;

font-size: 3.8em;

}

#logo p {

float: left;

margin: 0;

padding: 26px 0 0 10px;

font: normal 14px Georgia, "Times New Roman", Times, serif;

font-style: italic;

color: #5E4E38;

}

#logo p a {

color: #5E4E38;

}

#logo a {

border: none;

background: none;

text-decoration: none;

color: #A83A01;

}

/* Search */

#search {

float: right;

width: 280px;

height: 60px;

padding: 20px 0px 0px 0px;

background: #E9E3CB;

border-bottom: 4px solid #FFFFFF;

}

#search form {

height: 41px;

margin: 0;

padding: 10px 0 0 20px;

}

#search fieldset {

margin: 0;

padding: 0;

border: none;

}

#search-text {

width: 170px;

padding: 6px 5px 2px 5px;

border: none;

background: #FFFFFF;

text-transform: lowercase;

font: normal 11px Arial, Helvetica, sans-serif;

color: #464032;

}

#search-submit {

width: 50px;

height: 23px;

border: 1px solid #AC9A79;

background: #AC9A79;

font-weight: bold;

font-size: 10px;

color: #FFFFFF;

}

/* Menu */

#menu {

width: 940px;

height: 36px;

margin: 0 auto;

padding: 0;

background: url(images/img01.jpg) no-repeat left top;

}

#menu ul {

margin: 0px 0px 0px 10px;

padding: 0;

list-style: none;

line-height: normal;

}

#menu li {

float: left;

}

#menu a {

display: block;

height: 26px;

margin-bottom: 10px;

padding: 10px 20px 0px 20px;

text-decoration: none;

text-align: center;

text-transform: uppercase;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #FFFFFF;

border: none;

}

#menu a:hover, #menu .current_page_item a {

background: #E0D3B3;

text-decoration: none;

}

#menu .current_page_item a {

background: #E0D3B3;

color: #2A1F0B;

}

/* Page */

#page {

width: 940px;

margin: 0 auto;

padding: 0;

}

#page-bgtop {

padding: 20px px;

}

#page-bgbtm {

}

/* Content */

#content {

float: right;

width: 620px;

padding: 30px 0px 0px 0px;

}

.post {

margin-bottom: 15px;

}

.post-bgtop {

}

.post-bgbtm {

}

.post .title {

margin-bottom: 10px;

padding: 12px 0 0 0px;

letter-spacing: -.5px;

color: #000000;

}

.post .title a {

color: #A7430F;

border: none;

}

.post .meta {

height: 30px;

border-bottom: 1px solid #E9E3CB;

margin: 0px;

padding: 0px 0px 0px 0px;

text-align: left;

font-family: Arial, Helvetica, sans-serif;

font-size: 13px;

font-weight: bold;

}

.post .meta .date {

float: left;

height: 24px;

padding: 3px 0px;

color: #464032;

}

.post .meta .posted {

float: right;

height: 24px;

padding: 3px 15px;

background: #E9E3CB;

color: #464032;

}

.post .meta a {

color: #464032;

}

.post .entry {

padding: 0px 0px 20px 0px;

padding-bottom: 20px;

text-align: justify;

}

.links {

padding-top: 20px;

font-size: 12px;

font-weight: bold;

}

/* Sidebar */

#sidebar {

float: left;

width: 280px;

padding: 0px;

color: #787878;

}

#sidebar ul {

margin: 0;

padding: 0;

list-style: none;

}

#sidebar li {

margin: 0;

padding: 0;

border-right: 1px solid #E9E3CB;

}

#sidebar li ul {

margin: 0px 0px;

padding-bottom: 30px;

}

#sidebar li li {

line-height: 35px;

border-bottom: 1px dotted #E5E0C6;

margin: 0px 30px;

border-right: none;

}

#sidebar li li span {

display: block;

margin-top: -20px;

padding: 0;

font-size: 11px;

font-style: italic;

}

#sidebar h2 {

padding-left: 30px;

padding-top: 6px;

padding-bottom: 6px;

background: #E9E3CB;

letter-spacing: -.5px;

font-size: 1.8em;

color: #464032;

}

#sidebar p {

margin: 0 0px;

padding: 10px 30px 20px 30px;

text-align: justify;

}

#sidebar a {

border: none;

color: #464032;

}

#sidebar a:hover {

text-decoration: underline;

color: #8A8A8A;

}

/* Calendar */

#calendar {

}

#calendar_wrap {

padding: 20px;

}

#calendar table {

width: 100%;

}

#calendar tbody td {

text-align: center;

}

#calendar #next {

text-align: right;

}

/* Footer */

#footer {

width: 940px;

height: 50px;

margin: 0 auto;

padding: 0px 0 15px 0;

border-top: 4px solid #EBE6D1;

font-family: Arial, Helvetica, sans-serif;

}

#footer p {

margin: 0;

padding-top: 20px;

line-height: normal;

font-size: 10px;

text-transform: uppercase;

text-align: center;

color: #444444;

}

#footer a {

color: #464032;

}

Комолова, Н., Яковлева, Е. HTML: Самоучитель. 2-е изд. / Н. Комолова, Е. Яковлева. – СПб.: Питер, 2011. – с.15-16. ↑
Комолова, Н., Яковлева, Е. HTML: Самоучитель. 2-е изд. / Н. Комолова, Е. Яковлева. – СПб.: Питер, 2011. – с.23-30. ↑
Комолова, Н., Яковлева, Е. HTML: Самоучитель. 2-е изд. / Н. Комолова, Е. Яковлева. – СПб.: Питер, 2011. – с.59-99. ↑
Комолова, Н., Яковлева, Е. HTML: Самоучитель. 2-е изд. / Н. Комолова, Е. Яковлева. – СПб.: Питер, 2011. – с. 217.. ↑
Васильев, Г. А., Забегалин, Д. А. Электронный бизнес и рекламе в Интернете. / Г.А. Васильев, Д.А. Забегалин. – М.:ЮНИТИ, 2008. – с.12-16. ↑