Основы Интернет

Основы Интернет

1. История интернет

интернет таблица информационный система

1.1 Хронология развития

Таблица 1.1 - Хронология развития.

1.2 World Wide Web. История развития

В марте 1989 г. Тим Бернерс-Ли (Tim Berners-Lee) из CERN предложил руководству этого международного европейского научного центра концепцию новой распределенной информационной системы, которую назвал World Wide Web. Свои соображения он изложил в проекте "Гипертекст для ЦЕРН". В 1990 году эти предложения были приняты и проект стартовал. Так началось развитие одной из наиболее популярных современных информационных технологий Internet.

Что же предлагал Тим Бернерс-Ли в 1989 году и что из этого получилось? В "World Wide Web: Proposal for HyperText Project", направленных руководству CERN, он считал, что информационная система, построенная на принципах гипертекста, должна объединить все множество информационных ресурсов CERN, которое состояло из базы данных отчетов, компьютерной документации, списков почтовых адресов, информационной реферативной системы, наборов данных результатов экспериментов и т. п. Гипертекстовая технология должна была позволить легко "перепрыгивать" из одного документа в другой.

Проект делился на две фазы, или как у нас принято говорить, очереди. Первая очередь (продолжительностью в три месяца) должна была показать жизнеспособность идеи проекта. В течение этого этапа работ предполагалось разработать программы-интерфейсы для работы в алфавитно-цифровом режиме и программу-интерфейс для Macintosh и NeXT, работающую в графическом режиме, сервер для доступа к ресурсам Usenet, сервер для доступа к информационно-поисковой системе CERN, гипертекстовый сервер и программу-шлюз между Internet и DECnet.

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

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

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

На всю эту полугодовую работу автор просил 4 разработчиков (software designers) и одного программиста, и для каждого из них отдельное рабочее место (компьютер того типа, для которого разработчик будет писать программное обеспечение). Кроме этого требовалось приобрести коммерческое программное обеспечение, которое было бы полезно при разработке системы (Guide, KMS, FrameMaker).

Как видно, запросы были невелики, и в октябре 1990 года проект стартовал. Уже в ноябре был реализован прототип системы для NeXT, к рождеству "задышал" line mode browser, разработке которого придавалось особое значение, т.к. он открывал доступ к системе через telnet, а в марте его можно было уже демонстрировать. Через год в Internet был установлен анонимный telnet для доступа в систему. Первое сообщение об WWW было послано в телеконференции: alt.hypertext, com.sys.next, comp.text.sgml и comp.mail.multi- media в августе 1991 года.

По современным меркам результаты, которых достигли разработчики к 1991 году выглядят довольно скромно, если не вдаваться в суть работы и ограничиться только внешним ее проявлением. Сообщество Internet получило еще одну программу, работающую в режиме командной строки. Прошло еще целых полтора года до того момента, когда программа Mosaic, разработанная Марком Андресеном (Mark Andressen) из Национального Центра Суперкомпьютерных Приложений (NCSA), и построенная на принципах WWW, обеспечили бурный рост популярности "паутины" в Internet.начала проект по разработке интерфейса в World Wide Web месяц спустя после объявления CERN. Одна из задач NCSA -- это разработка доступных некоммерческих программ, с другой стороны NCSA изучает новые технологии на предмет их коммерческого применения в будущем. World Wide Web безусловно подходила под эти два параметра. Кроме того, спецификации WWW производили впечатление добротно выполненной академической работы с обзором литературы по данному вопросу, обилием ссылок и обоснованностью принятых решений. Мультипротокольный переносимый интерфейс в WWW, создание которого начала Группа Разработки Программного Обеспечения NCSA, был назван Mosaic. Пробная версия программы была закончена в первой половине 1993 года, а в августе 1993 была анонсирована альфа-версия для Internet.

Следует отметить, что сам проект Mosaic внес огромный вклад в развитие спецификаций World Wide Web, существенно обогатив различные компоненты системы. Разработчики Mosaic ввели в стандарты WWW большое количество новшеств. Агрессивная политика команды NCSA привела к тому, что многие программы-интерфейсы, разработанные в рамках ранних стандартов, постепенно стали отмирать, не выдержав конкуренции. Для самого NCSA это закончилось тем, что лидер команды, Марк Андресен, покинул в марте 1994 года NCSA и организовали коммерческую корпорацию Netscape. C этого момента начался новый этап борьбы, но теперь между старыми коллегами. Netscape активно навязывает свои стандарты, что приводит к тому, что документы, подготовленные с расширениями Netscape неправильно отображаются Mosaic, а документы с расширенными возможностями NCSA могут вообще не отображаться Netscape. Следует отметить, что проект NCSA преследовал большие цели, нежели просто программу-интерфейс в WWW. С самого начала Mosaic разрабатывалась как программа с возможностями доступа к ресурсам Internet посредством различных протоколов, в число которых входили FTP, telnet, NNTP, SMTP. Однако вначале предполагалось что делаться это будет за счет вызова внешних, относительно Mosaic, программ. В настоящее время Netscape сам поддерживает кроме перечисленных протоколы доступа в Gopher и Wais. Последнее позволяет использовать Netscape, впрочем как и Mosaic, для работы вне рамок World Wide Web.на некоторое время затмила разработки CERN. Однако эта группа имела хорошо продуманную стратегию развития системы, которая включала в себя следующие основные моменты: разработка и поддержка стандартов спецификаций системы, разработка библиотеки свободно распространяемых мобильных кодов системы, полного комплекта средств, обеспечивающих разработку и реализацию компонентов системы на любом типе компьютера в сети, подготовка набора справочных и демонстрационных документов о состоянии сети и направлениях ее развития. Данная стратегия позволила распространять программное обеспечение, разработанное в рамках проекта в Internet, а наличие line mode broser-а позволила открыть возможности WWW для огромной аудитории пользователей алфавитно- цифровых устройств, подключенных в сеть. Некоторое время NCSA лидировала и по числу установок серверов, однако в настоящее время CERN обеспечил себе паритет и в этой области. Правда, и здесь не обошлось без "накладок". Так форматы файлов конфигурации программы imagemap, обеспечивающей работу с графическими гипертекстовыми ссылками, у этих двух серверов различны.

Другим показателем успешного развития работ является образование W3- консорци-ума. Консорциум образован после подписания соглашения между Масачусетским Технологическим Институтом (MIT, USA) и Национальным Институтом Информатики и Автоматики (INRA, France) c согласия CERN. Если не вдаваться в подробности, то смысл этого соглашения заключается в том, что все программное обеспечение аккумулируется в MIT, участники имеют право copyright на все разработанное программное обеспечение и спецификации. Программное обеспечение распространяется свободно. За представителем MIT закрепляется должность директора, а за представителем INRA - должность зам. директора. Взносы полноправных участников W3C составляют $50.000 в год, а ассоциированных членов - $5.000 в год, соглашение заключено на три года начиная с 1 октября 1994 года. Любопытно, что организации с годовым оборотом, превышающим $50 миллионов, обязаны регистрироваться как полноправные члены, и что консорциум надеется получать прибыль, превышающую $1,5 миллиона, т.к. предусмотрен порядок использования средств сверх этой суммы. Средства до этого предела используются на развитие системы и исследования. Образование Netscape Corporation и W3C легко объяснимы с точки зрения роста популярности WWW. В марте 1993 года трафик World Wide Web составлял 0,1% от общего трафика сети NSF, сентябре 1993 года он уже составил 1,0% от общего трафика сети NSF. В октябре 1993 года количество зарегистрированных серверов WWW равнялось 500, а к июню 1994 года оно достигло 1500 и продолжает стремительно расти.

1.3 Развитие Интернет в России и Украине

Началом развития сети Интернет в России и Украине является первая половина 90-х годов XX-го века. Как и все, что относится к сфере высоких технологий, развитие сети Интернет шло с лавинообразной скоростью. С каждым годом можно было наблюдать колоссальный рост количества пользователей и серверов, с той же невероятной скоростью увеличивалась и пропускная способность каналов у интернет-провайдеров России и Украины. Если вначале сеть Интернет служила преимущественно источником научной информации для интеллектуальной элиты общества, то со временем на нее обратил внимание серьезный бизнес. Сайты стали обязательным атрибутом любого значительного предприятия, появилось и получило широкое распространение такое явление, как интернет-коммерция. Виртуальный офис, работающий круглосуточно и без выходных, оказался удобным инструментом продвижения товаров к покупателю, и был по достоинству оценен инвесторами. В результате этого, в конце 90-х годов XX-го века началась настоящая "золотая лихорадка": вложение капиталов в интернет-технологии шло такими темпами, что они во много раз превышали инвестиции в любую другую сферу экономики. Прибыли компаний, работающих на рынке Интернет росли как на дрожжах, а котировки их акций увеличивались до невероятных уровней. На рынке труда возник даже определенный дефицит специалистов в области информационных технологий, дополнительно усугубляемый приближением знаменитой "проблемы 2000-го года".

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

Параллельно с развитием технической базы сети Интернет шло и развитие системы адресации. Изначально весь наш Интернет располагался в домене SU, но с развалом Советского Союза Россия и Украина обрели свои независимые домены - RU и UA. Администрированием домена RU занимается в настоящее время РосНИИРОС, а доменом UA управляет ООО "Хостмастер"(#"576592.files/image001.gif">

Рис.

Цель серверов управления трафиком - перенаправление потребителей к конечным серверам.

3.1 Поисковые системы

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

Поисковые системы состоят из трех основных частей:

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

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

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

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

Примеры:- www.altavista.com, Excite - www.altavista.com, Hot Bot - www.hotbot.com, InfoSeek - www.infoseek.com, Lycos - www.lycos.com, WebCrawler - www.webcrawler.com, Microsoft - www.msn.com, Rambler - www.rambler.ru, Яndex - www.yandex.ru, АПОРТ - www.aport.ru, META - www.meta-ukraine.com

3.2 Каталоги (directories)

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

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

Пример: Yahoo - ww.yahoo.com, Google - www.google.com (1,5 млр. стр.)

www.stars.ru, www.ru, www.list.ru, www.au.ru, weblist.ru, search.sites.ru, www.data.ru

3.3 Инициирующие серверы

Цель - поиск информации, перемещение к ней пользователя и предоставление достаточно широкого по тематике информационного содержания.

Наиболее крупные из таких серверов получили название порталов.

Основными составляющими элементами порталов являются:

Каналы. Одна из основных функций порталов - упрощение поиска интересующих данных путем разделения всей информации на каналы. Пионер в этой области - служба AOL. Информацию как правило разделяют на 14-18 легко узнаваемых категорий.

Электронная почта.

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

Покупки.

Пример: Excite, YAHOOStars - www.infoart.ru - состав портала: служба поиска и индексации iSearch, служба электронной почты iMail, служба персонализации iCenter, служба push-каналов iPush, служба подсчета обращений к страницам iHits, рейтинговая служба 1000Stars и др.

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

3.4 Серверы присутствия в Интернет

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

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

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

Лучшее решение - разумное сочетание.

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

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

Наиболее актуальна финансовая информация и информация о рынке в реальном масштабе времени.

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

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

Интернет витрина

Торговый автомат

Автоматический магазин

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

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

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

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

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

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

4. Основные принципы электронной коммерции

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

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

В 1999 году дешевая сеть Internet, которая обеспечила доступ к информации, поддерживает совместную работу и данные мультимедиа, объединяла свыше 50 млн пользователей и 16 млн серверов в более чем 140 странах мира. В Нью-Йорке, например, стоимость использования серверных аппаратных и программных средств для публикации составляла всего 3 тыс. дол. в месяц, а подключения к коллективно используемой линии Т1 - 650 дол. в месяц. Персональный доступ по коммутируемой сети связи обходился около 15 дол. в месяц, причем эта стоимость сейчас уже практически равна нулю (1-5 дол.).

Проведенные в 1997 г. демографические исследования показали, что порядка 50 млн жителей США и Канады старше 16 лет имеют доступ к Internet, из них 37 млн применяют систему Web.

Пользователи Internet хорошо образованны и материально обеспеченны, т. е. являются идеальной средой для развертывания маркетинга. Респонденты также подтвердили, что их коммерческая информация в Internet интереснее и полезнее, чем та, которая доставляется по почте. Согласно полученным данным (1999), 5,6 млн пользователей Internet уже совершили покупки с помощью Сети, причем этот способ больше привлекает тех потребителей, которых скорее интересуют удобства, чем низкая цена. Таким образом, Internet стремительно превращается в огромную интерактивную мультимедийную инфраструктуру, начинающую вытеснять некоторые традиционные средства маркетинга.

4.1 Применение Internet в коммерции

Как показывает анализ, предприятия пользуются Internet для совершенствования средств доступа к информации и процессов автоматизации деловых процедур, связи со своими клиентами, а также для использования мировых ресурсов. Такие компании, как Cisco Systems, Amazon, Onsale, BidnAsk и Virtual Vineyards, являются пионерами в создании новых бизнес-моделей на основе электронной коммерции.

Технологии Internet позволили существенно снизить стоимость публикации и распространения информации в пределах одного предприятия. Так, крупнейший нью-йоркский инвестиционный банк Morgan Stanley использует систему Web для распределения информации и для маршрутизации основных отчетных документов с помощью электронных средств. Анализ показал, что безбумажное распространение документов позволяет фирме сэкономить ежегодно от 300 до 700 тыс. дол. на один бизнес-процесс. В первые 18 месяцев эксплуатации Web-банк сумел сэкономить более 1 млн дол. (в расчете на один год), причем почти все из 10 тыс. его служащих ежедневно или хотя бы раз в неделю подключались к Internet. Этот пример показывает, какую экономию может получить предприятие, использующее Internet. Выбрав для начала приложения, за которыми легко следить, сетевые администраторы Morgan Stanley смогли оценить стоимость внедрения интрасети. По мере совершенствования технологии Internet существующую инфраструктуру можно использовать для развертывания других проектов, отдачу от которых, правда, труднее оценить, например системы автоматизации деловых процедур. Таким образом, простые приложения позволят постепенно расширять инфраструктуру, добавляя новые приложения, оценить доход от внедрения которых более сложно.

Изменение способа общения компаний со своими партнерами. Такие компании, как Cisco и General Electric, используют Internet для создания новых каналов маркетинга и связи со своими клиентами, позволяющих расширять информационный обмен, получать заказы по Сети и собирать подробные сведения о заказчиках. Например, применение узла Cisco Connection Online принесло Cisco в январе 1997 г. 13% заказов, а годовой оборот от продажи продуктов с помощью этой системы составил 200 млн дол. Вместо того чтобы обращаться к персоналу фирмы, потребители могут получить подробную техническую информацию на сетевом узле Cisco.

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

Узел GE Plastics фирмы General Electric не только обеспечивает пользователей подробной информацией о ее продукции, но и предлагает им участвовать в создании изделий. Так, посетитель Web-страницы Tech Tip может сообщить о том, как он использует продукты и как это обогащает персонал компании новыми идеями. Торговые представители фирмы также могут применять эти сведения, чтобы рассказать о различных сферах использования продукта потенциальным покупателям.

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

Классическим примером расширения предпринимательской деятельности на основе Internet является Amazon, которая стала "интернетовской" версией книжного магазина высшего класса.

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

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

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

Хей Менеджмент Консалтантс (Великобритания) провела исследования, которые показали, что директора Интернет-компаний получают на 40% больше, нежели их коллеги в традиционных отраслях промышленности. Средняя зарплата главы электронного бизнеса составляет 150.000 фунтов стерлингов, примерно 24 тысячи фунтов выплачивается в виде разного рода бонусов. Подобного уровня директора не-Интернет компаний получают примерно 110.000 фунтов, а в виде бонусов выплачивается примерно 12 тысяч фунтов.

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

большинство проектов, приобретенных сейчас, будет перепродаваться

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

в розничных секторах е-коммерции выживет по 1-2 крупных игрока

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

Февраля 2000. Согласно последним исследованиям GartnerGroup, к 2004 году доля Северной Америки на рынке электронной коммерции опустится до 40% и составит 2 840 млрд. долларов.

К 2004 году США перестанут быть доминирующим игроком на рынке электронной коммерции в корпоративном секторе. В 1999 году Северная Америка занимала 63% корпоративного рынка. Но, согласно последним исследованиям GartnerGroup, к 2004 году Европа укрепит свои позиции и доля Северной Америки опустится до 40%.

Как создаются и теряются капиталы в Интернете. Можно ли заработать миллион долларов в Интернете? Каким образом, как быстро, и кому это до сих пор удавалось? Неудивительно, что многие пользователи Сети во всех концах света страстно ищут ответ на эти простые вопросы. Превратить свое невинное увлечение (зачастую на грани пристрастия) в источник сказочной прибыли - мечта почти любого сетеголика, для которого сегодня странствия по Сети чаще лишь мешают основной работе... Так что не просчитались, вероятно, американские бизнесмены Майк Уолш и Джефф Пулвер, создавшие специальный сервер "Страница интернетовских миллионеров" (www.pulver.com/million/). Там можно прочитать список из нескольких десятков имен и должностей, обладатели которых заработали своей сетевой деятельностью свыше миллиона долларов каждый (с кратким объяснением их рода деятельности). Рядом с каждым именем в списке миллионеров указывается число принадлежащих им акций.

Довольно легко перемножить число акций на их сегодняшний биржевой курс, чтобы выяснить, сколько "весит" каждый из названных в списке персонажей. Конечно, речь тут идет не о живых деньгах, а лишь о цене бумаг - пожелай только, скажем, Джо Кларк обратить в наличность принадлежащие ему 19 440 000 акций корпорации Netscape, как стоимость их по сравнению с сегодняшним курсом резко упадет, и это скажется на состоянии не только Кларка, но и всех его партнеров, названных в том же списке...

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

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

Беда, однако, состоит в том, что в список попадают лишь держатели акций тех компаний, которые прошли путь первичной эмиссии на Уолл-Стрите или NASDAQ. То есть, речь идет о капиталах, собранных за срок не меньше полутора лет (столько должна просуществовать компания, чтобы американская комиссия по ценным бумагам допустила ее до первичной эмиссии), а также о фирмах, чьи акции котируются на фондовых биржах США. Меж тем, среди людей, заработавших свыше миллиона долларов на Интернете, абсолютное большинство составляют бизнесмены, которым весьма далеко сегодня до акционирования собственных фирм - а, возможно, они никогда и не дорастут до такой потребности... К тому же, ограничение списка интернетовских миллионеров держателями акций Netscape, UUnet, Performance Systems, Netcom, Spyglass, MecklerMedia, Lycos, VocalTec, InfoSeek (всего по состоянию на август 1997 года там были перечислены владельцы 12 корпораций) наводит читателя на мысль - не слишком верную - что деньги в Интернете не делаются сравнительно быстро и малой кровью. Таким образом, для подавляющего большинства читателей списка Уолша-Пулвера его сведения имеют более познавательное, нежели практическое значение...

Впрочем, критиковать легко - много труднее предложить лучшее решение. Посему желающих ознакомиться со списком Уолша-Пулвера приглашаем отправиться на их сервер по адресу: www.pulver.com/million/. А мы ниже рассмотрим в самых общих чертах вопрос о сколачивании миллионных состояний на Сети.

4.2 Способы получения прибыли в Интернет

Мнение украинского эксперта - источники заработка в Интернет Провайдинг

Имеется ввиду предоставление возможности пользования Сетью частным лицам и организациям. Этот род деятельности требует высокой квалификации всех участников проекта в области установки и администрирования компьютерных сетей; глубоких знаний в общих вопросах коммуникаций и передачи информации; наличия налаженных связей с государственными и крупными частными предприятиями, ответственными за информационный обмен; значительных материальных вложений (средняя современная станция для обслуживания 1000 клиентов обойдётся примерно в 100000 долларов США, не считая ежемесячных расходов на содержание), при этом без агрессивной рекламы трудно рассчитывать на быстрый приток клиентов. Кроме того, на сегодняшний день этот рынок в Израиле перенасыщен. И ещё одна немаловажная деталь: провайдинг требует чрезвычайно бережного отношения к клиенту, что влечёт за собой необходимость 24 часа в сутки быть готовым решать текущие проблемы и отвечать на вопросы (зачастую вызывающие у Вас зубную боль).

Создание и поддержка чужих страниц (Web-mastering)

Проектирование и создание документов для размещения их в Сети Интернет является занятием благодарным в том случае, если Вы нашли хорошего заказчика, не жалеющего средств для того, чтобы укрепить свой бизнес или поддержать собственное реноме. Беда в том, что крайне непросто свободному художнику (который должен быть графиком, знатоком языков HTML и Java, свободно ориентироваться в новых технологиях VRML) найти своего первого крупного клиента, чтобы обеспечить себе имя. Для этого придётся довольно долгое время соглашаться на рутинную и низкооплачиваемую работу, возможно, в фирме, которая уже известна потенциальным заказчикам (см., например, www.sharat.co.il). Неплохо бы также освоить такую новую область знаний, как таргетинг (targeting), то есть науку о представлении информации в виде, наиболее доступном для воображаемого пользователя.

Реклама

Этот род коммерческой деятельности в Сети находится на стыке между профессией рекламного агента, деятельностью Web-мастера и журналистикой. Для того, чтобы привлечь рекламодателей к Вашей странице или странице Вашего клиента, нужно, прежде всего, сделать её доступной массам и интересной, и, как следствие, часто посещаемой. Не редко рекламное пространство в Интернете "высыхает", не привлекая серьёзных клиентов, или переполняется дружескими (якобы рекламными) ссылками. Чисто рекламные проекты редко оказываются удачными, если их пытаются реализовать на голом месте. Если Вы рассчитываете найти себя как рекламный агент в Интернете, ищите (или реализуйте самостоятельно) "некоммерческие" страницы, вызывающие постоянный неподдельный интерес у мирового сообщества.

Виртуальные службы (магазины, знакомства, туризм, страхование etc.)

Все перечисленные (и не перечисленные) виды данной деятельности сводятся к очень простой формуле: хочу продавать через Интернет. Заманчиво. Особенно, когда представишь себе потенциальный рынок. Перспективно? Безусловно! Однако, будьте аккуратны, начиная подобный бизнес с нуля. Не забывайте, что вокруг Вас уже существуют реальные магазины и конторы, для которых вхождение в этот рынок (виртуальных услуг) лишь вопрос дополнительного штата, бухгалтерии и оборудования (имя у них уже есть). Правда, подобные, уже преуспевающие, бизнесы зачастую оказываются чрезвычайно инертными. По крайней мере, американский опыт показывает нам, что при высокой активности такого начинания, оно может оказаться довольно перспективным.

Разработка программ для Интернета

Ещё год назад я бы сказал по этому поводу: "Наивно! Большие акулы подъели даже планктон!" Но опыт тель-авивской компании Mirabilis заставляет меня быть сдержанней. Всего за год они заставили весь мир поверить, что число пользователей их бесплатной программы общения ICQ в Сети исчисляется миллионами. За такой продукт любая "акула" готова платить звонкой монетой (что впоследствии и подтвердилось ). Так что, - "пишите, мальчики, пишите", тем более, что времена программистских писаний (и писаний вообще) "в стол" прошли с появлением Интернета.

Продажа программ через Интернет

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

Международная Интернет телефония

(ведется речь об организации переговоров с обычного телефона на обычный телефон с помощью специального сетевого оборудования). Феникс израильского и американского сетевого рынка. Предложение сильно удешевить переговоры с заграничными друзьями и родственниками немедленно смущает умы многочисленных эмигрантов. Что необходимо для этого бизнеса? Снять недорогую комнатку, установить в ней frame relay, заключить договор с зарубежным партнёром (лучше заранее) и зазывать публику. Публика, уверяю Вас, пойдёт. Так в чём проблема? Почему мы ничего не слышим о работающей, как часы, подобной службе? Ну, во-первых, периодически слышим. Во-вторых, в условиях монополии государственных телефонных компаний подобная деятельность оказывается, увы, противозаконной. Кроме того, в подобном бизнесе очень велик соблазн, заключив множество долгосрочных договоров с клиентами и получив свою прибыль, прикрыть предприятие. Впрочем, идея - довольно перспективна, хотя и старовата.

Интернет-кафе и почтовые отделения

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

Поиск информации в Интернете

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

Обучение начинающих юзеров

Поверьте, это - непросто! Рекомендую только профессиональным педагогам, имеющим не менее годового стажа работы в Сети Интернет. Все известные мне попытки выделить в отдельный предмет "Обучение Интернету" на компьютерных курсах заканчивались неудачей. Даже упорные слухи о готовящемся в США нововведении: в список обязательных вопросов для получающих "зелёную карту" включать вопросы по пользованию Интернетом, - не привели к ожидаемому ажиотажу. И неудивительно: Интернет общедоступен. Если же Вы не в состоянии удержать в себе проснувшегося педагога, начните с частных консультаций для высокообразованной публики. Эта категория - наиболее благодарная.

Помощь в подключении к Интернету

Работа для квалифицированного компьютерного техника. Если Вы таковым не являетесь, перенастройте собственный компьютер раз сто под различные операционные системы и под разных провайдеров, убедитесь, что всё работает. Работает? Вас с радостью примет на работу любой провайдер. Иногда достаточно приличного знания Windows и принципов работы модема.

"Честное" хакерство

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

В данный список (очевидно, по недоразумению) не вошёл такой важный пункт, как "Использование Сети Интернет в Вашей повседневной работе". Нет на свете рода деятельности, в котором использование глобальных компьютерных сетей не могло бы принести дополнительных доходов или, по крайней мере, помочь натолкнуться на новые идеи.

4.3 Возможности и риски

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

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

4.4 Вложения и сроки

Конечно, создавать бизнес "на коленке", совсем без начальных затрат - задача не из легких. Всякому предприятию, даже если оно не производит физически ощутимой продукции, нужны подъемные средства - на оборудование, офис, организационные расходы, элементарную рекламную раскрутку... Широко распространено мнение, что многие из этих проблем Интернет так или иначе решает: возможность принимать заказы по электронной почте, рекламироваться через Паутину и использовать FTP-сервер вместо товарного склада предоставляет уникальный шанс начинающим предпринимателям без стартового капитала. Это все, конечно же, правда, если сравнивать начальные затраты по созданию интернетовской фирмы с расходами на открытие свечного заводика в Самаре, однако, на самом деле (как показывает практика и личный опыт) слухи о "бесплатности" виртуального бизнеса сильно преувеличены. Как бы умно ни был составлен бизнес-план виртуальной фирмы, если в нем не учтены конкретные финансовые затраты - на офис, технику, зарплату секретарши, телефонные счета и оргтехнику - есть весьма реальный шанс не дожить до прибылей.

Исключение здесь составляют разве что бизнесы, выросшие из давнего хобби, созданные людьми, которые доступ к Интернету имеют по месту работы или учебы. К примеру, после того, как Халед Мардам-Бей уже написал mIRC, Алекс Кунадзе - CuteFTP, а Ник Бредбери - HomeSite 2.0, они смогли перевести дело на коммерческие рельсы и регистрировать фирму под конкретные доходы от продажи или лицензирования своего продукта. Если бы эти три студента (живущие в Великобритании, Южной Корее и США соответственно) сперва создавали свои программистские фирмы, а потом приступали к разработке того же самого программного обеспечения - скорее всего, мы никогда бы не узнали таких названий, как mIRC (www.mirc.co.uk), CuteFTP (www.cuteftp.com) и HomeSite (www.allaire.com/products /homesite/overview.cfm). Что было бы очень жаль.

Если бы Дмитрий Вернер с ноября 1995 года бросил основную свою работу, чтобы раскручивать "Анекдоты из России" (www.anekdot.ru) (самый популярный на сегодняшний день русский сайт в Rambler Top100 (www.rambler.ru/top100/)), едва ли этот ресурс дожил бы до наших дней...

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

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

Значительная часть денег, делаемых сегодня в Интернете на патентах, разработках, лицензиях и акциях компаний, зарабатывается по пирамидальному принципу (цена устанавливается на основе прогнозируемого спроса, а не реальной ценности или себестоимости товара). При этом отличие Интернета от других пирамид (от MLM до МММ) в том, что и денег, и покупателей, очень много.

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

5. Платежные системы в интернет

Эмитент (Issuing, Issuer) - банк выпустивший в обращение карточку. Однозначно определяется по первым цифрам номера карточки (от 6 до 11 цифр - BIN, Bank Identification Number)

Эквайер (Acquiring) - банк, с которым непосредственно связан банкомат или магазин.

Процессинговый центр (Processor) - имеет доступ ко всем счетам и суммам на них.Account - разрешение получать деньги по кредитным картам.

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

5.1 Оплата наличными

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

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

5.2 Оплата банковским переводом

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

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

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

5.3 Оплата наложенным платежом

Покупатель оплачивает заказ в момент получения на почте. При этом ему придется дополнительно заплатить почтовой службе до 20% от стоимости заказа - точная величина процента неизвестна, так как она зависит от местных почтовых правил. В большинстве регионов эта сумма составляет 10%. Этот вариант оплаты является наиболее затратным для покупателя, кроме того, для доставки должна использоваться федеральная почтовая служба, что может значительно увеличить время осуществления сделки (а, следовательно, и риск). Также чрезвычайно затруднена процедура возврата товара/денег.

5.4 Почтовым (телеграфным) переводом

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

6 Язык HTML

.1 Введение

В 1999 году мировая общественность отметила 30-ти летие Internet. Официальным днем рождения сети Intrnet считается 2 января 1969 года, когда Управление перспективных исследований Министерства обороны США ARPA (Advanced Research Project Agency) начало работу над проектом связи оборонных компьютеров.

И только много позже - в 1989 году выпускник Оксфордского университета, бакалавр в области физики - сотрудник Европейского центра ядерных исследований (CERN) Тим Бернес-Ли разработал и всерьез приступил к созданию информационной службы World Wide Web. Он написал приложение клиент/сервер ( браузер ). В основу всей системы легло понятие гипертекста - т.е. множества отдельных текстов, имеющих ссылки друг на друга. Для работы с этими текстами был создан специальный протокол HTTP - Hyper Text Transfer Protocol были обозначены основные элементы языка разметки HTML. Эта технология дала огромный толчок в развитии сети и сеть стала действительно интернациональной сетью.

Многие коммерческие компании подхватили эту инициативу и стали выпускать свои браузеры - бродилки и к ним свои собственные расширения языка HTML. В 1994 году был образован Консорциум W3C, он был призван, навести порядок в области языка HTML, разработав стандарты необходимые для дальнейшего развития World Wide Web. В 1996 году Консорциум W3C объявил о сотрудничестве с лидерами рынка для установления стандартов совместимости программного обеспечения. Была предложена версия HTML 3.2, которая стала компромиссным решением - попыткой примирить Microsoft и Netscape и объединить их оригинальные решения в одно целое.

Успех Консорциума W3C оказался спорным, т.к. компании продолжили придумывать новые расширения к языку HTML и внедрили их поддержку в свои браузеры. Гиганты рынка постоянно пеняют на Консорциум W3C из-за того, что он является своеобразным тормозом в развитии HTML, ввиду отсутствия давления на него со стороны пользователей и не спешит принять некоторые их расширения, в то время когда многие WEB-разработчики давно и успешно их применяют на своих страницах. С помощью версии HTML 4,0 Консорциум W3C предпринял очередную попытку установить стандарты.

На сегодняшний день перед WEB-мастерами стоит дилемма - использовать чистый HTML и достигнуть при этом максимальной читаемости и посещаемости, или пользоваться расширениями и нововведениями, в ущерб посещаемости создавать интересные эффекты. Для достижения универсальности WEB-разработчики стали разрабатывать свои страницы в двух вариантах и предлагать посетителям право выбора в зависимости от того, каким браузером тот пользуется. Но в связи с предпринятыми мерами отдела маркетинга фирмы Microsoft, а их браузер Microsoft Internet Explorer теперь бесплатно входит в комплектацию оперативной системы как составная часть Windows '98, становится ясно - что предпочтение их расширениям WEB-мастерами будет отдаваться все чаще и чаще (по некоторым данным их уже сейчас более 80% ! ). Хотя существует такая прослойка нейтральных пользователей, которые по тем или иным соображениям пользуются браузерами третьих фирм-производителей.

Агрессивная маркетинговая политика компании Microsoft не ограничилась только этим одним ходом. Руководство компании объявило, что все будущие версии операционной системы Windows будут использовать язык HTML в качестве фундамента интерфейса пользователя. Еще в четвертых поколениях их браузеров Microsoft обогнала Netscape по количеству поддерживаемых земных языков 98 против 10! В планы Microsoft входит также внедрение поддержки интерактивных переговоров и рабочих групп. Тем временем Консорциум W3C объявил о разработке нового языка XML, который возможно в будущем заменит HTML, если он окажется эффективнее и удобнее, а так же будет решено -как быть с теми миллионами уже существующих в Интернете страниц, написанных с использованием HTML.

Язык HTML развился из стандартного обобщенного языка описания документов SGML и является его производной, созданной для разметки текстовых документов. Существуют разные суждения о том - считать HTML языком программирования или нет. С точки зрения программистов он имеет достаточно простой синтаксис и довольно легок в изучении, но с другой стороны - для простого пользователя иногда постижение языка HTML может представляться затруднительным.Wide Web стремительно развивается, программное обеспечение для сети устаревает и обновляется в виде всевозможных заплаток и дополнений, а с ними развивается и сам язык HTML. Язык HTML находит применение все чаще в областях, где раньше не применялся, он перестает быть только лишь исключительно языком описания Web-страниц. Microsoft уже в операционную систему Windows'98 внедрила интеграцию с World Wide Web, что сильно меняет взаимодействие пользователя с операционной системой. Пользователь, работающий в локальных, становящихся все более популярными intranet-сетях, теперь имеет возможность получать доступ к сетевой информации, используя браузер, а не диспетчер файлов, поскольку WEB-браузер может отображать не только документы, поддерживающие HTML, например - содержимое папок или таблицы Excel.

Более того - поддержка таких технологий Internet, как сценарии, потоковая загрузка аудио-видео, Java в Windows'98 встроена в саму операционную систему. Пользовательский интерфейс теперь по желанию может быть настроен так, что все ярлыки станут ссылками, переходы по ним могут осуществляться одним щелчком, рабочий стол и папки могут быть представлены в виде WEB-страниц с возможностью корректировать код и тем самым настраивать их внешний вид. Внешний вид папки может быть настроен при помощи редактора шаблонов или ручками отредактировать файлы Folder.htt и Webview.css при помощи Notepad.

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

Стиль работы меняется, меняются и средства доступа к содержимому. Язык HTML уже изначально создавался как платформо-независимый язык. Новые технологии применяются практически везде и довольно скоро пространство World Wide Web перестанет быть достоянием лишь пользователей настольных PC, уже сейчас некоторые пользователи активно пользуются голосовыми браузерами для незрячих или браузерами, использующими азбуку Бройля, зачастую содержимое выводится не на монитор компьютера, а в телевизор, когда применяются приставки с выходом в сеть или на телетайп, или на монохромные дисплеи различных организаторов-пейджеров и пр.

Пути дальнейшего развития.

Уже в 1999 году в мире объем продаж персональных настольных компьютеров упал примерно на 40%, когда продажи всевозможных носимых и карманных портативных устройств стремительно пошли вверх. В этот сектор рынка естественно обратила свои взоры и Microsoft. Возникает сам собой вопрос - на что особенно необходимо обратить внимание при изучении языка сегодня, чтобы быть во всеоружии уже в недалеком будущем.

В 1997 году Консорциум W3C опубликовал спецификацию языка HTML 4,0, в которой указано какие из элементов устарели и не рекомендуются к дальнейшему применению ( APPLET, BASEFONT, CENTER, DIR, FONT, ISINDEX, MENU, S, STRIKE и U ), а так же новые элементы и атрибуты (ABBR, ACRONYM, BDO, BUTTON, COLGROUP, DEL, FIELDSET, FRAME, FRAMESET, IFRAME, INS, LABEL, LEGEND, NOFRAMES, NOSCRIPT, OBJECT, OPTGROUP, PARAM, SPAN, TBODY, TFOOT, THEAD и Q ),которые предлагается использовать в дальнейшем.

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

Почти все атрибуты, определяющие представление документа HTML (цвета, выравнивание, шрифты, графика и т.д.) являются нежелательными, взамен рекомендуется использовать таблицы стилей и классы. Атрибуты id и class позволяют авторам назначать элементам информацию об имени и классе для таблиц стилей, ссылок, скриптов, объявления объектов, общей обработки документа и т.д., а так же ожидается, что задачу представления таблиц в ближайшем будущем возьмут на себя таблицы стилей.4.0 поддерживает более обширный набор дескрипторов устройств, так что авторы могут писать таблицы стилей в зависимости от устройств. Многие элементы теперь имеют атрибуты для событий, которые могут объединяться со скриптами и при наступлении события выполняется скрипт (например, при загрузке документа, при щелчке мыши и т.д.), это легло в основу повышения интерактивности документов, дало возможность пользователям динамически изменять вид и содержание документов.

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

6.2 Основы HTML

Гипертекст это текст, в котором имеютcя ссылки для автоматического перехода на другие тексты - гиперссылки, а язык HTML (Hyper Text Marcup Language) - это независимый от платформ язык разметки текста. Документы, размеченные при помощи этого языка визуализируются браузерами конечных пользователей в большинстве случаев одинаково , благодаря тому, что "понимают" и правильно обрабатывают структурные элементы HTML. Исходный код представляет собой текст, между строк которого вставляются элементы разметки, посетителю страницы эти элементы не видны, а виден результат их воздействия на документ.

Элементы разметки состоят из заключённых в угловые скобки (< и >) дескрипторов - тэгов (tags) и их атрибутов. Совокупность открывающего (< >) и закрывающего (< / >) дескрипторов - есть контейнер. Элементы HTML подразделяются на структурные - которые организуют текст и на форматирующие - которые задают его стиль. Для создания документа HTML необходимо создать текстовый файл с содержимым, вставить нужные тэги и после внесения изменений текстовый файл сохраняется с расширением .htm или .html.

Существует множество простых и сложных программ для написания страниц HTML. В своей основе все они делятся на две категории: программы автоматизирующие вставку тэгов, т.е. редактирующие исходный код и программы, работающие по методу WYSIWYG (What you see is what you get) - что видишь, то и получишь, когда WEB-мастер редактирует визуализированный конечный продукт, не видя исходного кода. Помимо специальных HTML редакторов, не требующих особого знания синтаксиса языка, написание документа, возможно практически всеми стандартными текстовыми редакторами и процессорами, написанными для любых платформ.

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

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

Еще раз остановимся на том, из каких основных этапов состоит процесс создания документа HTML ручками (т.е. написание кода HTML без каких-либо универсальных редакторов, которые делают все сами):

Набор содержимого в любом из текстовых редакторов (например Notepad) и сохранение обычного текстового файла.

Логическое и физическое форматирование текста (разбивка на абзацы, блоки, заголовки и пр., внешнее их оформление) при помощи тэгов и сохранение текстового файла с расширением .htm или .html (делается это все в том же Notepad).

Организация переходов по гиперссылкам документа при помощи элемента < А > - основного связующего элемента языка HTML.

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

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

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

Процесс создания WEB-сайта состоит из нескольких этапов:

Разработка проекта сайта (описание содержания сайта и связей между отдельными страницами)

Создание текста HTML страниц.

Загрузка сайта на сервер. Редактирование, отладка HTML кода.

6.3 Синтаксис языка HTML

.3.1 Объявление <!DOCTYPE>

Элемент <!DOCTYPE> должен первым указываться в документе HTML (теоретически). Он сообщает серверу WEB способ обработки документа и то, какие дескрипторы могут находиться на странице, хотя чаще всего он игнорируется браузерами. Поэтому его применение строго не обязательно. Синтаксис: <!DOCTYPE HTML "текст""URL" > Здесь текст определяет версию HTML , а URL позволяет браузерам пользователей загрузить DTD например: <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 // EN" "http://www.w3.org/TR/REC-html40/strict.dtd">

Ниже описаны некоторые версии HTML

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 // EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> Строгое DTD. Документы, использующие такое объявление типа документа, включают в себя все элементы и атрибуты, не являющиеся нежелательными и не использующие кадры.

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional // EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> Документы, использующие такое объявление типа документа, включает все, что включено в строгое DTD, а также нежелательные элементы и атрибуты, относящиеся к визуальному оформлению.

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset // EN" "http://www.w3.org/TR/REC-html40/frameset.dtd"> Документы, использующие такое объявление типа документа, включает все, что включено в предыдущее DTD, а также кадры.

Поскольку язык HTML развился из стандартного обобщенного языка описания документов SGML, являясь его производной, созданной для разметки текстовых документов, то этим и объясняется необходимость задания типа документа. На языке SGML может быть создано приложение для разметки текста, но для описания функциональных особенностей каждого элемента этого приложения разработчику необходимо создать комментарии или специальную документацию, так как сам язык SGML формально может лишь сообщить где может встречаться тот или иной элемент, но не его свойства. Документы, в которых могут встречаться те или иные элементы, были отнесены к различным типам документов (document type). И теперь если возникает необходимость описать элементы разметки документа - достаточно выбрать стандартное определение типа документа - DTD (Document Type Definition).

Ниже для примера приведена выдержка из DTD, описывающая правила задания абзацев текста в документе: <! ELEMENT P - 0 ( %text ) * ><! ATTLIST P align (left|center|right) #IMPLIED> Отсюда следует, что абзацы текста необходимо заключать в тэги <P> и </P>, причем закрывающий тэг принимает значение "0", следовательно, может быть опущен как необязательный, т.е. наличие в исходном коде начального тэга <P> подразумевает автоматическое завершение предыдущего абзаца. Содержимым абзаца может быть текст любого объема. Атрибутом абзаца является его выравнивание по правому, левому краям или по центру.

6.3.2 Определение границ документа с помощью элемента <HTML>

Тэг <HTML> определяет границы документа HTML, ему соответствует конечный тэг </HTML>. Между этими двумя тэгами располагается собственно весь документ. Как и <!DOCTYPE> тэги <HTML> и </HTML> - не являются строго обязательными. Но, все-таки, их использование является правилами хорошего тона т.к. браузеры у пользователей могут быть всякие и не известно - насколько корректно они визуализируют такой код.

Синтаксис: <HTML> текст и прочие дескрипторы </HTML> А уже непосредственно документ, обозначенный тэгами <HTML> и </HTML> дополнительно делится на голову - <HEAD></HEAD> и тело - <BODY></BODY>

6.3.3 Общая схема исходного кода документа HTML

<! DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2 // EN ">

<HTML>

<HEAD>служебные дескрипторы </HEAD>

<BODY>

текст и прочие дескрипторы

</BODY>

</HTML>

6.3.4 Элемент <HEAD>

Область, обозначаемая тэгами <HEAD> и </HEAD> служит только для формирования общей структуры документа, задавая его глобальные свойства. Информация находящаяся в этом разделе документа является служебной и необходима программе браузеру пользователя. Она допускает вложение между дескрипторами следующих элементов: <TITLE>,<BASE>,<ISINDEX>,<LINK>,<META>,<STYLE>.

6.3.5 Создание титула документа с помощью элемента <TITLE>

При помощи данного дескриптора создается краткое однострочное название страницы, которое выводится в заголовке окна браузера, рядом с названием самого браузера. Если титул опускается разработчиком страницы, браузер попытается сгенерировать его из названия файла. Рекомендуется делать длину титула минимальной и одновременно с этим информативной. Синтаксис: <TITLE> текст </TITLE>

6.3.6 Разрешение относительных ссылок с помощью элемента <BASE>

Данный элемент автоматически задаёт URL для относительных ссылок документа, которые по умолчанию указывают на тот же сервер, где расположена сама страница. Однако этот дескриптор позволяет разрешать также ссылки относительно других каталогов и серверов. Элемент <BASE> имеет один лишь атрибут HREF и не имеет конечного тега.  Синтаксис: <BASE HREF="протокол://имя сервера/путь">

Здесь протокол соответствует схеме извлечения данных Internet, например, HTTP, a имя сервера соответствует имени или IP-адресу сервера, например, www.microsoft.com, путь определяет расположение ресурса в иерархии каталогов предыдущего сервера. Путь является необязательным компонентом указателя URL. Если протокол и имя сервера будут опущены, то указатель по умолчанию будет относиться к текущему серверу. Это очень полезный элемент он избавляет разработчика от необходимости вносить множественные коррективы в ссылках исходного кода документа, например, при размещении копии документа на другом сервере. Достаточно лишь вставить в заголовок копии элемент <BASE> с именем прежнего сервера и тогда целый узел будет отзеркален лишь копией одного файла, а ссылки будут адресоваться по прежнему адресу.

.3.7 Обеспечение поиска при помощи элемента <ISINDEX>

Элемент <ISINDEX> используется во время проведения интерактивного поиска на Web странице. Этот элемент вставляется в документ, сгенерированный сценарием CGI, и предоставляет пользователю сформулировать критерии поиска. При этом любой введённый в приглашении текст склеивается с URL самого документа и пересылается сценарию CGI для обработки в форме URL?слово1+слово2+...+словоN. Это стандартный синтаксис для возврата значений сценариям CGI, согласно которому знак вопроса соответствует началу строки данных, а каждый плюс соответствует пробелу. Дескриптор внедряется в документы исключительно ради сценариев CGI, для предоставления пользователю возможности поиска по заданным словам. Он поддерживает атрибуты : prompt который позволяет изменять текст приглашения и action , последний указывает сценарий или программу, которой будет передан критерий поиска. Синтаксис: <ISINDEX prompt="строка" action="сценарий">Где строка и задаёт текст приглашения длиной не более 35 символов.

6.3.8 Взаимосвязь между документами с помощью элемента <LINK>

Справедливости ради, надо отметить, что этот элемент используется довольно редко, хотя и появился он в самой первой версии языка HTML. Этот дескриптор можно использовать для создания в документе панелей инструментов и меню, для определения последовательности печати файлов HTML и для связывания таких ресурсов, как таблицы стилей и сценарии. С дескриптором <LINK> используется ряд атрибутов :- Указатель URL связанного документа.

rel - Атрибут указывает как связаны документы с заданным атрибутом href . Ему могут быть присвоены значения Present, History, Made, Annotation и Precede . Например: <LINK rel=Annotation href="annotations.html">означает, что все аннотации для текущего документа расположены в файле annotations.html.

rev - Атрибут во многом похож на rel ему могут быть присвоены те же значения. Например: <LINK rev=Annotation href="master.html"> означает, что текущий документ содержит аннотации к файлу master.html.- Атрибут относится к href и задает название документа, на который ссылается href .Естественно, что значение атрибута должно соответствовать значению дескриптора <TITLE>.- Позволяет назначить ссылке на фрагмент текущего документа более описательное имя.- Позволяет указать метод извлечения документа, например, FTP, Gopher и т. д.- Позволяет указать информацию о языке документа, например: ru, en, fr.- Позволяет указать информацию о целевом фрейме.- Позволяет указать кодировки символов документа.

В настоящее время элемент <LINK> используется только для ссылок на внешние таблицы стилей. Например: <LINK rel=stylesheet href="style.css" type="text/css">,где style.css файл, который содержит набор дескрипторов <style> и любые другие определения таблицы стилей.

6.4 Элемент <HEAD>

6.4.1 Предоставление дополнительной информации о документе с помощью <META>

Элемент предоставляет дополнительные сведения о способе обработки документа, он позволяет поисковым машинам идентифицировать и классифицировать документ без его загрузки. Элемент поддерживает парные атрибуты, первый из которых name определяет тип данных, а второй content - содержание. Атрибут name используется приложением-клиентом (броузером)для получения дополнительной информации о документе. Его часто заменяют элементом http-equiv , который используется сервером для создания дополнительных полей при выполнении запроса. В этом случае тэг <META> с атрибутом будет включен в заголовок ответа браузера.

Другими словами атрибут name используется с целью предоставления сведений о документе, которые могут пригодиться при его поиске, а элемент http-equiv поручает выполнение каких либо действий серверу . Например: <META HTTP-EQUIV="Window-target" CONTENT="_top">

Использование элемента http-equiv со значением "refresh" позволяет организовать принудительное обновление страницы с некоторым промежутком времени или загрузку нескольких страниц с определенным интервалом, что незаменимо при создании страниц, где публикуются непрерывно меняющиеся данные (скажем курсы валют или акций). Значение элемента content в этом случае означает промежуток между обновлениями в секундах, так если оно равно нулевому значению - страница будет обновляться непрерывно.

<META HTTP-EQUIV="Refresh" content="5; URL=http://www.arcus.lv/dimas/index.html"> Перезагрузка документа.

<META HTTP-EQUIV="Expires" content="Дата"> Дата, обозначающая срок годности документа, при его значении равном "0" документ будет подгружаться не из кэша а с сервера.

<META HTTP-EQUIV="Reply-to" content="Имя@Адрес"> Адрес электронной почты .

<META HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251"> Описание типа и характеристик документа.

<META HTTP-EQUIV="Content-language" content="en"> Описание языка документа.

<META HTTP-EQUIV="Cache-Control" content="no-cache"> Контроль за кэшированием документа.

Может принимать значения:store - не сохраняется.cache - не сохраняется в кэш.- доступен для любого кэширования.- кэшируется в частных кэшах.

<META HTTP-EQUIV="Window-target" content="_top"> Определяет способ появления новых окон браузера.

<META HTTP-EQUIV="pragma" content="no-cache"> Контроль за кэшированием документа.

<META HTTP-EQUIV="Set-Cookie" content="NAME=имя; EXPIRES=дата; DOMAIN=имя домена; PATH=путь; SECURE">

имя - любая строка без запятых, пробелов и переходов на след.стр. (обязательный парaметр)

дата - дата истечения срока хранения в формате: Sun, 25-Feb-01 12:00:01 GMT , если не задан, то cookie не сохраняется (необязательный парaметр)

имя домена - домен для которого действительно значения cookie , если не задан, то тот сервер, где лежит сайт (необязательный парaметр)

путь - путь к документам домена, для которого действительно значения cookie, если не задан, тогда тот каталог, где лежит сайт (необязательный парaметр)-указывается только тогда, когда применяется защищенный режим SSL, если не задан, тогда информация передается в обычном режиме (необязательный парaметр)

Установка Cookie для браузера в том случае, когда надо сохранить информацию в компьютере посетителя и при необходимости к ней обратиться. Работает так: браузер, встретив такую конструкцию, записывает файл .txt с данными ввиде имя/значение и хранит в кэше, в следующий раз он сверяет все свои cookie на предмет полного совпадения, и если находит, то отсылает серверу как HTTP заголовок. Конечно, в настройках cookie должны быть разрешены, каждый cookie не может превышать 4 kB (если больше, то отсекается кусок вначале записи) всего их может храниться до 300, причем с одного сервера не больше 20 (если больше, то последние пишутся поверх первых)

<META name="Author" content="Имя автора"> Имя автора документа.

<META name="Keywords" lang="ru" content="Слово1,слово2,слово3 ..."> Набор ключевых слов для поиска.

<META name="Title" content="Название"> Название станицы.

<META name="Robots" content="index,nofollow"> Указание индексации поисковыми роботами данного документа

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

<META name="Description" content="Содержание"> Краткое однострочное описание содержания документа.

<META name="Document-state" content="Dynamic"> Определяет единовременную либо постоянную индексацию документа поисковыми системами.

Может принимать значения:- индексировать единожды.- индексировать многократно.

<META name="Generator" content="Название"> Название приложения, в котором был создан документ.

<META name="Copyright" content="Условия"> Условия копирования и распространения документа.

Если данная машина подключена к Internet для автоматизации написания META-тэгов можно воспользоваться формой-генератором ( http://www.rfvnu.lg.ua/meta-form.html ).

.4.2 Определение стиля страницы с помощью <STYLE>

Применение дескрипторов <STYLE> и </STYLE> само по себе является отдельным способом форматирования документа, когда текст форматируется целиком автоматически. Между дескрипторами <STYLE> и </STYLE> указывается описание стилей документа HTML, определяющих свойства элементов, классов, идентификаторов и общих стилей. Внутри дескриптора <STYLE> должны находиться атрибуты:- Атрибут описывает тип таблиц стилей. Например: <STYLE TYPE="text/javascript">

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

6.5 Элемент <BODY>. Структурное форматирование

.5.1 Элемент <BODY>

Элемент <BODY> предназначается для выделения той части документа, которая будет визуализирована для пользователя. Он имеет как начальный, так и конечный теги. Начальный тег <BODY> может иметь несколько атрибутов .

Вложенные атрибуты элемента <BODY>- Атрибут задает графическое изображение, которое как черепица заполнит фон документа. Файл с изображением должен быть сохранен в формате GIF или JPEG. Синтаксис: <BODY BACKGROUND="(URL)(путь)имя файла"> В данном случае файл с изображением фона лучше размещать в том же каталоге, что и сам файл, тогда (URL) и (путь) указывать не нужно.- Этот атрибут задает цвет фона документа при помощи шестнадцатеричных значений интенсивности цветов RGB , или при помощи строчного литерала, соответствующего названию цвета. Синтаксис: <BODY BGCOLOR="#ff0000"> или <BODY BGCOLOR="RED">- Этот атрибут задает используемый по умолчанию цвет текста, который не является гиперссылкой. По умолчанию такой текст будет черным. Синтаксис: <BODY TEXT="цвет">Этот атрибут задает цвет гиперссылки, в большинстве браузеров он задан по умолчанию темно синим. Синтаксис: <BODY LINK="цвет" >- Этот атрибут задает цвет активной гиперссылки, он меняет цвет гиперссылки в момент щелчка по ней мышью, не желательно задавать ему цвет фона по понятным причинам. Синтаксис: <BODY ALINK="цвет" >- Этот атрибут задает цвет посещенной гиперссылки, не желательно задавать ему цвет фона и цвет атрибута LINK по понятным причинам. Синтаксис: <BODY VLINK="цвет">- Этот атрибут задает свойства фонового изображения. В данный момент браузерами поддерживается единственное его значение fixed, запрещающее скроллинг изображения. Синтаксис: <BODY BGPROPERTIES="fixed" >- Этот атрибут задает верхнюю границу страницы в пикселях. Синтаксис: <BODY TOPMARGIN=число >- Этот атрибут задает нижнюю границу страницы в пикселах. Синтаксис: <BODY BOTTOMMARGIN=число >- Этот атрибут задает границу страницы в пикселях слева. Синтаксис: <BODY LEFTMARGIN=число >Этот атрибут задает границу страницы в пикселях справа. Синтаксис: <BODY RIGHTMARGIN=число >

6.6 Структурное форматирование

.6.1 Комментарии <COMMENT>

Элемент позволяет скрыть от пользователя комментарии к исходному коду, а так же для сокрытия сценариев Java Script от браузеров, которые не поддерживают их. Синтаксис: <COMMENT> Текст комментария </COMMENT> Полностью аналогичен старому варианту задания комментариев Синтаксис: <!- - Текст комментария //- ->

6.6.2 Шесть уровней заголовков <Hn>

Соответствующие каждому уровню гарнитура и размер шрифта зависят от браузера, стилю <H1> назначается самый большой и самый жирный шрифт, а стилю <H6> назначается самый маленький и самый невзрачный шрифт. Элемент может иметь атрибут align, который указывает отступ left, center или right. Синтаксис: <Hn align=отступ> Текст заголовка </Hn>

6.6.3 Разделительные линии <HR>

Элемент <HR> используется для проведения горизонтальной черты в документе, он может иметь атрибуты : color, задающий цвет линии, size высота в пикселах width ширина в пикселях или процентах от ширины экрана, align режим выравнивания, и не имеет конечного тега. Синтаксис: <HR align="center" size=n width=n color="цвет">

6.6.4 Элемент <P>

Этот элемент задает один из способов разбиения текста на абзацы. Он может иметь вложенный атрибут align, который указывает отступ left, center или right. Каждый следующий абзац игнорирует, заданное для предыдущего абзаца значение align.

Синтаксис: <P align=отступ> Текст абзаца </P>

6.6.5 Элемент <BR>

Этот элемент задает разрыв текста с переходом на новую строку. Он может иметь вложенный атрибут clear, который может принимать значения left, all или right тем самым указывать обтекание текста вокруг плавающих изображений вставленных в текст нестандартным способом. Каждый следующий абзац игнорирует, заданное для предыдущего абзаца значение clear. Синтаксис: <BR clear=обтекание> Текст Может быть отменен тэгами <NOBR> и </NOBR>

6.6.6 Элемент <WBR>

Этот элемент задает разрыв текста в данном месте при необходимости с переходом на новую строку. Синтаксис: <WBR >Текст.

6.6.7 Элемент <PRE>

Весь текст, заключенный в тэги <PRE> и </PRE> будет визуализирован браузером точно так, как он визуализирован в исходном коде документа, кроме того текст выводится моноширинным шрифтом, что значительно упрощает задачу форматирования текста в колонки. Элемент поддерживается не всеми браузерами, он может иметь атрибут width, который задает ширину отводимого пространства под текст в символах. Элемент сменил собой устаревшие элементы <XMP>, <LISTING> и <PLAINTEXT>

Синтаксис: <PRE width=число символов >...текст.. .</PRE>

6.6.8 Элемент <DIV>

Элемент <DIV> позволяет выделить в структуре документа несколько разделов. Он является блочным элементом, функционирующим во многом подобно элементу <P>. Если закрывающий тэг </P> опущен, то <DIV> эффективно заменяет его и начинает новый абзац. Он может иметь атрибут align, который указывает отступ left, center или right. Каждый следующий раздел игнорирует, заданное для предыдущего раздела, значение align.

Синтаксис: <DIV align=отступ> Текст раздела </DIV>

6.6.9 Элемент <CENTER>

Элемент <CENTER> текст </CENTER> полностью идентичен конструкции

Синтаксис: <DIV align=center> Текст раздела </DIV>

.6.10 Элемент <ADDRESS>

Элемент <ADDRESS> используется для оформления контактной информации текущего документа, будь то адрес электронной почты или полный почтовый адрес с номером телефона. Синтаксис: < ADDRESS>контактная информация </ADDRESS>

6.6.11 Элемент <BLOCKQUOTE>

Элемент <BLOCKQUOTE> позволяет выделить обьемный текст-цитату из общего текста. Синтаксис: <BLOCKQUOTE> Текст </BLOCKQUOTE>

.6.13 Элемент <SPAN>

Элемент <SPAN> позволяет выделить некоторое количество текста для последующего его форматирования, но в отличие от <DIV> не начинает новый абзац. Синтаксис: <SPAN> Текст </SPAN>

6.7 Организация в списки. Форматирование символов

.7.1 Организация в списки

Элемент <OL> используется с целью задания нумерованных списков, имеет атрибуты type=1, или A, или a, или I, или i для задания вида нумерации и start для указания, с какого индекса начинается нумерация списка. Элемент <OL> включает в себя дополнительный элемент <LI>, который задает элементы списка.

Синтаксис: <OL type=1 start=1 > <LI> элемент списка <LI> элемент списка </OL> Пример:

элемент списка

элемент списка

Элемент <UL>, по сути, является аналогом <OL> без дополнительных элементов <LI>, он используется с целью задания ненумерованых списков, имеет атрибут type=circle,square, или disc для задания вида маркера. Элемент <UL> включает в себя дополнительный элемент <LI>, который задает элементы списка.

Синтаксис: <UL type=circle > <LI> элемент списка <LI> элемент списка </UL> Пример:

элемент списка

элемент списка

Элемент <DL>используется с целью задания словарей, глоссариев и прочих перечней. Элемент <DL> включает в себя дополнительные элементы <DT> и <DD>, которые обозначают соответственно термин и определение. Синтаксис: <DL > <DT> термин 1 <DD>определение 1 <DT> термин 2 <DD>определение 2 </DL> Пример:

определение 1

термин 2

определение 2

Элемент <MENU> используется с целью создания списков по логическому определению, такие списки могут связываться с другими элементами документа логически.

Синтаксис: <MENU><LI> элемент списка <LI> элемент списка </MENU>Пример:

элемент списка

элемент списка

Элемент <DIR> используется с целью создания списков по логическому определению, такие списки могут связываться с другими элементами документа логически.

Синтаксис: <DIR><LI> элемент списка <LI> элемент списка </DIR> Пример:

элемент списка

элемент списка

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

Элемент <EM> используется с целью выделения особым шрифтом слова или текста. Синтаксис: <EM> Текст </EM> Пример: Текст выделенный тэгами <EM> и </EM>

Элемент <CODE> используется с целью дополнительного выделения фрагментов программного кода. По умолчанию он отображается телетайпным шрифтом. Данный элемент предпочтительнее, чем элемент <TT> (телетайпный шрифт). Поскольку расположение пробелов существенно для чтения программного кода, элемент <CODE> целесообразно употреблять в сочетании с элементом <PRE>. Синтаксис: <CODE> листинг кода </CODE>

Пример: Текст выделенный тэгами <CODE> и </CODE>

Элемент <KBD> используется с целью выделения диалога пользователя с компьютером . Синтаксис: <KBD> Ввод с клавиатуры </KBD>

Пример: Текст выделенный тэгами <KBD> и </KBD>

Элемент <VAR> используется с целью дополнительного выделения переменных в коде совместно с элементом <CODE>. Синтаксис: <VAR> Переменная </VAR>

Пример: Текст выделенный тэгами <VAR> и </VAR>

Элемент <SAMP> используется с целью выделения диалога пользователя с компьютером. Синтаксис: <SAMP> Системное сообщение компьютера </SAMP>

Пример: Текст выделенный тэгами <SAMP> и </SAMP>

Элемент <DFN> используется с целью обозначения терминов и определений по типу словарей или глоссариев. Синтаксис: <DFN> Текст </DFN>

Пример: Текст выделенный тэгами <DFN> и </DFN>

Элемент <CITE> используется с целью обозначения источника информации ,из которого взята цитата. Синтаксис: <CITE> Текст </CITE>

Пример: Текст выделенный тэгами <CITE> и </CITE>

Элемент <STRONG> используется с целью выделения особым шрифтом слова или текста. Синтаксис: <STRONG> Текст </STRONG>

Пример: Текст выделенный тэгами <STRONG> и </STRONG>

Элемент <I> используется с целью выделения особым шрифтом слова или текста. Синтаксис: <I> Текст </I> Пример: Текст выделенный тэгами <I> и </I>

Элемент <B> используется с целью выделения особым шрифтом слова или текста. Синтаксис: <B> Текст </B> Пример: Текст выделенный тэгами <B> и </B>

Элемент <U> используется с целью выделения особым шрифтом слова или текста. Синтаксис: <U> Текст </U> Пример: Текст выделенный тэгами <U> и </U>

Элемент <STRIKE> используется с целью выделения особым шрифтом слова или текста. Синтаксис: <STRIKE> Текст </STRIKE>

Пример: Текст выделенный тэгами <STRIKE> и </STRIKE>

Элемент <TT> используется с целью выделения особым телетайпным шрифтом слова или текста. Синтаксис: <TT> Текст </TT> Пример: Текст выделенный тэгами <TT> и </TT>

Элемент <SUP> используется с целью выделения особым шрифтом слова или текста. Синтаксис: <SUP> Текст </SUP> Пример: Текст ^{выделенный тэгами} <SUP> и </SUP>

Элемент <SUB> используется с целью выделения особым шрифтом слова или текста. Синтаксис: <SUB> Текст </SUB> Пример: Текст _{выделенный тэгами} <SUB> и </SUB>

Элемент <BIG> используется с целью выделения особым шрифтом слова или текста относительно основного текста. Синтаксис: <BIG> Текст </BIG>

Пример: Текст выделенный тэгами <BIG> и </BIG>

Элемент <SMALL> используется с целью выделения особым шрифтом слова или текста относительно основного текста. Синтаксис: <SMALL> Текст </SMALL>

Пример: Текст выделенный тэгами <SMALL> и </SMALL>

Элемент <BLINK> используется с целью выделения особым шрифтом слова или текста относительно основного текста. Синтаксис: <BLINK> Текст </BLINK>

Пример: Текст выделенный тэгами <BLINK> и </BLINK>

Элемент <FONT> используется с целью выделения особым шрифтом слова или текста. С ним применяются два атрибута size и color. Некоторые браузеры поддерживают атрибут face, позволяющий задать любой из перечня шрифтов, если браузер не находит заданный шрифт - то используется шрифт, заданный по умолчанию.

Синтаксис: <FONT size=n color="цвет"> Текст </FONT> или

<FONT face=имя color="цвет"> Текст </FONT>

Элемент <BASEFONT> используется как альтернатива атрибуту size элемента <FONT>, он позволяет задать базовый размер шрифта во всем документе и не имеет конечного тега. По умолчанию значение его задается равным 3 ,значение size может выражаться так же и относительным размером, например, размер -1 означает размер на один меньший, чем по умолчанию. Синтаксис: <BASEFONT size=n>

Элемент <ABBR> используется с целью логического выделения слова, обозначающего аббревиатуру, например ФСБ, FBI , HTML , WWW, MTV Синтаксис: <ABBR>ФСБ</ABBR>

Элемент <ACRONYM> используется с целью логического выделения слова, обозначающего акроним, например GmBH, Ltd., и т.д., и т.п.,

Синтаксис: <ACRONYM>Ltd.</ACRONYM>

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

Синтаксис: <INS>текст</INS> Пример: Текст выделенный тэгами <INS> и </INS>

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

Синтаксис: <DEL>текст</DEL> Пример: Текст <DEL> и </DEL>

Элемент <Q> используется с целью логического выделения краткой цитаты, встроенной в текст. Поддерживает атрибут lang и в зависимости от особенностей языка соответственно помечает цитату. Синтаксис: <Q lang="ru">текст</Q>

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

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

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

По правде говоря само по себе использование таблиц для визуального форматирования есть нарушение того принципа, которого рекомендует придерживаться W3C - таблицы должны использоваться только для внедрения таблиц, а позиционировать элементы необходимо при помощи слоев. При создании таблиц используется принцип вложения: между тэгами <TABLE> и </TABLE> задается заголовок вне рамки таблицы <CAPTION>, создается ряд элементов <TR>, определяющих начало строки, а внутри этих элементов размещаются элементы <TD>, описывающие ячейки и <TH>, описывающие заглавные ячейки.

Элемент <TABLE> может иметь атрибуты:Этот атрибут задает фоновый цвет ячейкам, которые не обладают собственным атрибутом bgcolor или background. <TABLE bgcolor=цвет>Этот атрибут задает фоновый рисунок ячейкам, которые не обладают собственным атрибутом bgcolor или background.

<TABLE background=URL файла изображения>

bordercolor Этот атрибут задает цвет рамки, используется только с атрибутом border. <TABLЕ border=число bordercolor=цвет >Этот атрибут задает цвет рамки, используется только с атрибутом border. <TABLE border=число bordercolorlight=цвет>Этот атрибут задает цвет рамки, используется только с атрибутом border. <TABLE border=число bordercolordark=цвет>Этот атрибут задает режим горизонтального выравнивания таблицы на странице, он может принимать значения left, center и right . <TABLE align= способ >Этот атрибут задает ширину таблицы в пикселях или процентах от всего окна. <TABLE width=число или %>Этот атрибут задает ширину внешнего обрамления таблицы в пикселях. <TABLE border=число >Этот атрибут задает ширину внутреннего обрамления в пикселях. <TABLE сellspacing=число >

сellpadding Этот атрибут задает отступ между содержимым ячейки и обрамлением таблицы в пикселях. <TABLE сellpadding=число >Этот необязательный атрибут задает краткое описание таблицы для некоторых браузеров. <TABLE summary=описание >Этот атрибут задает линии между ячейками.  <TABLE rules=all >Нет линий, значение используется по умолчанию.Линии отображаются только между группами строк THEAD, TFOOT, и TBODY или группами столбцов COLGROUP и COL.Линии отображаются только между строками.Линии отображаются только между столбцами.Линии отображаются между строками и столбцами.Этот атрибут указывает, какие стороны кадра, окружающего таблицу, будут видимы. <TABLE frame=void> Возможные значения:Сторон нет. Это значение используется по умолчанию.Только верхняя часть.Только нижняя часть.Только верхняя и нижняя часть.Только левая и правая части.Только левая часть.Только права часть.Все четыре части.Все четыре части.Этот атрибут задает имя для ссылки. <TABLE id=имя>

Элемент <COL> используется с целью задания колонок таблицы, может иметь атрибуты:Этот атрибут задает ширину ячеек в колонке. <COL width=число>Этот атрибут задает цвет фона ячеек. <СOL bgcolor= цвет >Этот атрибут задает режим горизонтального выравнивания содержимого внутри ячейки, он может принимать значения left, center и right . <СOL align= способ >Этот атрибут задает режим вертикального выравнивания содержимого внутри ячейки, он может принимать значения: middle - по середине и top - вверху. <СOL valign=значение>Этот атрибут задает имя для ссылки. <COL id=имя>

Элемент <COLGROUP> используется с целью задания групп колонок таблицы, может иметь атрибуты:Этот атрибут задает цвет фона ячеек. <COLGROUP bgcolor= цвет >Этот атрибут задает режим горизонтального выравнивания содержимого внутри ячейки, он может принимать значения left, center и right . <COLGROUP align= способ >Этот атрибут задает режим вертикального выравнивания содержимого внутри ячейки, он может принимать значения: middle - по середине и top - вверху. <COLGROUP valign=значение>Этот атрибут задает количество колонок в группе. <COLGROUP span=число>Этот атрибут задает ширину ячеек в колонках. <COLGROUP width=число>Этот атрибут задает имя для ссылки. <COLGROUP id=имя>

Элемент <THEAD> используется с целью логического задания групп строк для верхней "шапки". <THEAD ><TR ><TD >...<TD >...</THEAD>Этот атрибут задает цвет фона ячеек. <THEAD bgcolor=  цвет >Этот атрибут задает режим горизонтального выравнивания содержимого внутри ячейки, он может принимать значения left, center и right . <THEAD align= способ >Этот атрибут задает режим вертикального выравнивания содержимого внутри ячейки, он может принимать значения: middle - по середине и top - вверху. <THEAD valign=значение>Этот атрибут задает имя для ссылки. <THEAD id=имя>

Элемент <TBODY> используется с целью логического задания групп строк "тела" таблицы. <TBODY ><TR ><TD >...<TD >...</TBODY>Этот атрибут задает цвет фона ячеек. <TBODY bgcolor= цвет >Этот атрибут задает режим горизонтального выравнивания содержимого внутри ячейки, он может принимать значения left, center и right . <TBODY align= способ >Этот атрибут задает режим вертикального выравнивания содержимого внутри ячейки, он может принимать значения: middle - по середине и top - вверху. <TBODY valign=значение>Этот атрибут задает имя для ссылки. <TBODY id=имя>

Элемент <TFOOT> используется с целью логического задания групп строк для нижней "шапки". <TFOOT ><TR ><TD >...<TD >...</THEAD>

bgcolor Этот атрибут задает цвет фона ячеек.<TFOOT bgcolor= цвет >Этот атрибут задает режим горизонтального выравнивания содержимого внутри ячейки, он может принимать значения left, center и right .<TFOOT align= способ >Этот атрибут задает режим вертикального выравнивания содержимого внутри ячейки, он может принимать значения: middle - по середине и top - вверху. <TFOOT valign=значение>Этот атрибут задает имя для ссылки. <TFOOT id=имя>

Элемент <TR> открывает строку определений ячеек и не требует конечного тэга, хотя такой элемент можно использовать для наглядности обозначения каждой строки, поддерживает атрибуты, которые задают стиль оформления всех ячеек в строке. Отдельные ячейки могут быть отформатированы иначе.Этот атрибут задает цвет фона ячеек. <TR bgcolor= цвет >Этот атрибут задает режим горизонтального выравнивания содержимого внутри ячейки, он может принимать значения left, center и right . <TR align= способ >Этот атрибут задает режим вертикального выравнивания содержимого внутри ячейки, он может принимать значения: middle - по середине и top - вверху. <TR valign=значение>Этот атрибут задает имя для ссылки. <TR id=имя>

Элемент <CAPTION> задает заголовок вне рамки таблицы, имеет атрибут align, который может принимать значения top и bottom, left и right, а также id - имя для ссылки. <CAPTION> текст </CAPTION>

Элемент <TH> задает ячейку, которая содержит заголовок, поддерживает атрибут id - имя для ссылки. <TH атрибуты > текст заголовка

Элемент <TD> определяет ячейку с даннымиЭтот атрибут задает цвет фона ячейки. <TD bgcolor= цвет >Этот атрибут задает ширину ячейки в пикселях или %. <TD width= число или % >Этот атрибут задает высоту ячейки в пикселях. <TD height=значение>Этот атрибут задает объединение соседних ячеек столбца в одну большего размера. При этом соседние ячейки не уничтожаются, а лишь скрываются, пока соседняя ячейка использует их пространство. <TD rowspan=количество строк >Этот атрибут задает объединение соседних ячеек строки в одну большего размера. При этом соседние ячейки не уничтожаются, а лишь скрываются, пока соседняя ячейка использует их пространство. <TD colspan=количество колонок >Этот атрибут задает режим горизонтального выравнивания содержимого внутри ячейки, он может принимать значения left, center и right . <TD align= способ >Этот атрибут задает режим вертикального выравнивания содержимого внутри ячейки, он может принимать значения: middle - по середине и top - вверху. <TD valign=значение>Этот атрибут блокирует автоматический перенос по словам в пределах ячейки в зависимости от других параметров таблицы. Аналогичного результата можно достичь при помощи замены обычных пробелов на неразрывный мнемонический объект &ampnbsp;Этот атрибут задает имя для ссылки. <TD id=имя>

.9 Создание форм HTML

Формы представляют собой наиболее важные интерактивные элементы HTML, позволяющие разработчикам страниц интерактивно взаимодействовать с посетителями. С их помощью пользователь может возвращать комментарии по поводу посещения определенного узла, пересылать запросы или регистрироваться. Разработчик задает вопросы, создавая форму, а пользователь отвечает на них заполняя её. Содержимое формы либо передаётся сценарию CGI, либо по электронной почте посылается получателю. Сам процесс создания формы состоит из двух этапов. Первый заключается в создании самой формы, а второй заключает в себе создание на сервере сценария CGI. Форма создается при помощи различных тэгов и атрибутов, заключенных в пару <FORM></FORM>:

Элемент <FORM> является необходимым условием для всех форм. Он может иметь следующие атрибуты:Этот атрибут определяет способ пересылки данных сценарию CGI. Здесь протокол GET выбран по умолчанию, но в большинстве случаев разработчики пользуются протоколом POST, который позволяет передавать большие объемы данных.Этот атрибут определяет путь к сценарию CGI или адрес электронной почты.Этот атрибут определяет способ кодирования содержимого формы. Другими словами он сообщает браузеру о способе кодирования информации перед отсылкой серверу. По умолчанию используется значение x-www-form-encoded.

Синтаксис формы для сценария:

<FORM method="get" или "post" action="URL сценария" ></FORM>

Синтаксис формы для почты:<FORM method="get" или "post" action="mailto:адрес" ></FORM>

Элемент <INPUT> является базовым для всех элементов формы. Он используется для внедрения в форму кнопок, графических изображений, флажков, переключателей, паролей и текстовых полей. Несмотря на внешние отличия форм все они пересылают сценарию CGI данные в виде пар имя:значение. Элемент может иметь восемь атрибутов обозначаемые как type:Однострочное текстовое поле, используется для ввода информации, которую нельзя ввести ни в одном из остальных элементов формы. Сюда вводятся имена, адреса, должности, телефоны, хобби, и данные практически любого типа. Элемент может иметь атрибуты:. Задаёт максимально допустимую длину вписываемого значения в символах.. Задаёт максимально допустимую длину поля в символах.. Задаёт значение по умолчанию, которое можно менять.

Синтаксис: <INPUT type="TEXT" name="Hobby" maxlength="35" size="20" value="Shopping">

-     PASSWORD Однострочное поле, в котором вместо вводимых символов отображаются звездочки. Элемент может иметь атрибуты:. Задаёт максимально допустимую длину вписываемого значения в символах.. Задаёт максимально допустимую длину поля в символах.. Задаёт значение по умолчанию, которое можно менять.

Синтаксис: <INPUT type="PASSWORD" name="PASSWORD_BOX" maxlength="35" size="20">

-     HIDDENЕще один тип скрытого ввода информации. Позволяет пересылать сценариям информацию, которая не может быть изменена пользователем. Некоторые программы CGI используют скрытые поля для передачи информации из одной страницы в другую, например, имя или номер. Такой подход существенно облегчает работу пользователя, избавляя его от необходимости повторного ввода данных. Например, для пересылки файла с исходным кодом HTML используется следующая конструкция: <INPUT type="HIDDEN" name="file" value="anyfile.html">

CHECKBOXФлажки используются для предоставления возможности пользователю ответить односложно: да/нет истина/ложь больше/меньше и т.д. Выглядит обычно в виде крестика или птички. Элемент может иметь атрибуты:. Задаёт начальный статус флажка по умолчанию.. Задаёт значение по умолчанию, которое можно менять.

Синтаксис: <INPUT type="checkbox" name="send_mail" value="yes" checked>

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

SUBMIT Щелчок на этой кнопке приводит к пересылке содержимого формы сценарию, который был задан атрибутом action в элементе <FORM>. C помощью кнопок можно вычислять сумму, загружать страницы, пересылать данные, сбрасывать значения. Синтаксис:

<FORM method="get" или "post" action="mailto:name@domen.ru"> <INPUT type="submit" value="послать"></FORM>

-     RESET Кнопка используется для восстановления значений, заданных по умолчанию. Если значение по умолчанию не предусмотрено, то оно просто обнулится. Ширина кнопки может меняться в зависимости от других элементов. Имеет так же атрибут value.

Синтаксис: <INPUT type="reset" value="очистка">

-     IMAGE Во многом похож на кнопку SUBMIT, только в качестве кнопки используется изображение. Одним из преимуществ является возможность передачи координат щелчка пользователя, что позволяет организовать карту изображений. Элемент может иметь атрибуты:. Задаёт URL файла с изображением.. Задаёт выравнивание изображения относительно текста при помощи значений TOP, MIDDLE и BOTTOM.. Задаёт имя карты, которое так же пересылается сценарию вместе с координатами.

Синтаксис: <INPUT type="image" src="knopka.gif">

-     BUTTON Создает другую кнопку, браузеры пользователей могут использовать значение атрибута value в качестве исходного имени файла.

Синтаксис: <INPUT type="button"value="кнопка">

-     FILE Создает управляющий элемент выбор файла. Синтаксис: <INPUT type="file">

ACCESSKEY Задает кнопку, при нажатии которой происходит обработка поля. Синтаксис: <INPUT accesskey="a">

ID Задает имя для ссылки. Синтаксис: <INPUT id="имя">

SIZE Задает ширину элемента в пикселях. Синтаксис: <INPUT size="число">

DISABLED Отключает возможность изменять содержимое поля или положение кнопки. Синтаксис: <INPUT disabled">

Элемент <TEXTAREA> При помощи этого элемента создается область для ввода и просмотра текста. Может использоваться и не в составе формы, а как самостоятельные детали страницы. Область ввода помогает сэкономить место благодаря полосам прокрутки. Может иметь атрибуты:. Задаёт ключевое слово, по которому сценарий может обращаться к его содержимому.. Задаёт высоту области в строках.. Задаёт ширину области в символах.

Синтаксис:

<FORM><H3>Введи текст <TEXTAREA name="ключевое слово" rows=5 cols=30>Область для ввода текста </TEXTAREA></H3><INPUT type="reset" value="очистка"></FORM>

Элемент <SELECT> может принимать форму раскрывающегося списка или меню элементов. Имеет вложенный тэг <OPTION> и атрибуты:. Задаёт имя.. Задаёт максимальное количество элементов списка, одновременно отображаемых на экране.. Задаёт возможность одновременного выбора нескольких значений.

Элемент же <OPTIONS> задает возможные варианты выбора меню <SELECT> Синтаксис: <OPTION value="n" selected>значение

Имеет атрибуты:. Задаёт изначально выбранное слово.. Задаёт значение выбранного слова для сценария.

Элемент <OPTGROUP> применяется для логической группировки элементов <OPTION> внутри тэга <SELECT> имеет атрибут label:

Синтаксис:

<SELECT size=1>

<OPTGROUP label="Первая группа">

<OPTION selected value=1>Выберите:</OPTION>

<OPTION value=2> Первый</OPTION>

<OPTION value=3> Второй</OPTION>

</OPTGROUP><OPTGROUP label="Вторая группа">

<OPTION value=4>Третий</OPTION> <OPTION value=5> Четвертый</OPTION></OPTGROUP>

</SELECT>

Элемент <ISINDEX>Это самый простой элемент, позволяющий создать подобие формы и ввода строки, содержащей текст и генерации запроса.

Пример: <ISINDEX prompt=" строка для ввода критерия поиска"> Допустим что на текущей странице задан базовый URL при помощи элемента <BASE href="URL поискового средства в Internet"> тогда, если пользователь введет в поле ключевые слова для поиска слово1,слово2,слово3, то браузер сформирует и отошлет запрос для поисковой машины сервера в виде: http://www.название.домен/?слово1+слово2+слово3 Если поисковая программа сервера поддерживает стандартный синтаксис запроса с использованием знаков ? и +,поиск будет осуществлен.

Элемент <BUTTON> является альтернативой элементу <INPUT> с более богатыми возможностями - например, с заданием альтернативного текста. Синтаксис: <BUTTON ><IMG src=...></BUTTON>задает имя элементу.задает значение элементу.при использовании в качестве кнопки принимает значения: button, submit и reset.делает недоступным данный элементопределяет положение в последовательности перехода клавишей Tab, отключенные поля форм не участвуют в очередности.задает клавишу доступа.задает имя для ссылки.

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

Элемент <FIELDSET> позволяет логически группировать элементы формы. Синтаксис: <FIELDSET> имя</FIELDSET>

Элемент <LEGEND> позволяет давать наименования логическим группам элементов формы. Синтаксис: <LEGEND> имя</LEGEND>

7. Основы DYNAMIC HTML

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

7.1 Динамические стили

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

Каждый объект HTML имеет набор свойств, определяющих его внешний вид. Все они объединены в подмножестве Style. Доступ к этим свойствам можно получить двумя путями: через язык HTML - общепринятый набор описаний для HTML документа, или через несколько других Web-языков - JavaScript, JScript или VBScript. Если учесть, что перые два - практически одно и тоже, то остается, что выбор не так уж и велик. Поскольку язык JScrript является (на мой вкус) самымы легким, а также самым распространенным, далее в этом документе будет употреблен именно он. При этом, так как мы не собираемся вдаваться в дебри программирования на новом незнакомом языке, его изучению здесь не будет придано очень пристального внимания, а только приведены самые элементарные примеры его использования. Итак, с помощью динамических стилей вы можете менять любое визуальное свойство объекта - цвет, размер, видимость и многое другое. Производить эти операции легко с помощью Script языков, в нашем случае это будет JScript.

7.2 Создание динамических стилей

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

<H1 onmouseover="this.style.color='red';">Эта строка покраснеет</H1>

Этот простой пример иллюстрирует доступ к свойству color элемента H1. Все действие, собственно, происходит в выражении onmouseover="this.style.color='red'"; Это выражение языка JScript означает, что при происхождении события onmouseover объект, с которым произошло событие (this-это), его множество style и свойство в этом множестве - color должно поменять свое значение на 'red'. (Заметьте, что red пишется в одинарных кавычках. Это значит, что red - символьная строка, а не какая-нибудь переменная)

Чтобы при выходе из зоны объекта, он снова менял свой цвет, например обратно, используйте событие onmouseout.

<H4 onmouseover="this.style.color='red';" onmouseout = "this.style.color = 'black';" > Эта строка динамически изменяет свой цвет </H4>

Можете попробовать использовать событие onclick, которое происходит при щелчке мыши на объекте.

Теперь, вы можете реально использовать этот момент, например в ссылках. Добавьте приведенный выше код к объекту <A>.

7.3 Установка стиля объекта

Мы научились динамически изменять стили. Но это еще не самая главная возможность, предоставляемая DHTML. А что, если вам не нравится стандартный стиль оформления страницы, который использует Internet Explorer? Почему ссылки всегда должны иметь синий цвет, а шрифт размер в 16 пикселей? Нельзя ли как-нибудь изменить это? Можно! И нужно! Если вы хотите, чтобы ваши страницы отличались от множеста других, выделялись чем-то необычным и максимально действовали на восприятие их посетителя, используйте нестандартные стили! Но это не значит, что вы должны все свои сообщения писать кислотно желтым цветом, тут уж дело вкуса, главное то, что Dynamic HTML дает возможность использовать свою фантазию, предоставляя богатейший набор возможностей.

Так как же установить нестандартный стиль объекта? Прежде всего через свойство STYLE.

<H2 STYLE="color: green; cursor: hand">Наведи на меня мышь</H2>

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

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

<H2 STYLE="font-size: '20px'; font-weight: bold; cursor: size; background-color: lightgrey"> Это пример использования стилей </H2>

7.4 Классы

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

<HTML> <HEAD> <STYLE> .myStyle {color: red; background-color: lightblue; font-weight: bold}

</STYLE> </HEAD> <BODY> <!-- ... Какой-то код >

<A HREF="gotonowhere.htm" CLASS=myStyle>Ссылка с применением класса</A>

<!-- ... Еще какой-то код>

</BODY>

</HTML>

Здесь приведен пример использования класса, он же набор свойств. Класс определяется в блоке <HEAD> с помощью блока <STYLE> Таких классов может быть определено великое множество и у них могут быть любые дозволительные имена.

7.5 Изменения стиля через Script-язык

Это еще не все способы изменения стиля. В самом начале этой главы, мы учились динамически изменять стили. Давайте рассмотрим еще один способ изменения, теперь, через объект <SCRIPT>. Если вы не особо разберетесь, о чем пойдет дальше речь, воспользуйтесь этой ссылкой.

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

<HTML>

<HEAD></HEAD>

<BODY>

<SCRIPT LANGUAGE="JScript">changeStyle(object) {(object.style.color=='black').style.color='orange';.style.color='black';

}

</SCRIPT>

<LI>Элемент 1

<LI style="cursor: hand"; onclick="changeStyle(this);">Элемент 2

</BODY>

</HTML>

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

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

7.6 Динамика в самом IE 4.0

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

<HTML>

<HEAD>

</HEAD>

<BODY>

<SCRIPT LANGUAGE="JScript">changeDisplay(object) {(object.style.display=='none').style.display='';.style.display='none';

}

</SCRIPT>

<P> Если вы наведете курсор </P>

<P onclick="changeDisplay(document.all.disappearingString);" tyle="cursor: hand; color: blue">

на эту строку и 'кликните' ее, </P>

<P id=disappearingString>то эта строка исчезнет</P>

<P> А эта займет ее место<p>

</BODY>

</HTML>

Здесь комментарии излишни. Наблюдайте, как реагирует IE на изменение стилей содержимого окна.

8. Создание оригинальных стилей

Explorer предлагает вам свой стиль, называемый по умолчанию. Этот стиль предполагает белый чистый фон, черный цвет шрифта, все ссылки подчеркнутые и синего цвета и т. д. Что если вам не нравится все это? Вы уже умеете менять различные атрибуты напрямую. Даже если одинаковых по значению объектов и много, вы уже умеете применять классы. Но существует еще одна возможность. Для задания всего стиля документа целиком применяются так называемые Иерархические Стилевые Таблицы (Cascade Style Sheets - CSS), которые представляют собой набор установок свойств различных объектов. Чем-то они напоминают классы, но если класс сохдается внутри документа и может быть применен, а может быть и нет, то CSS, если он подключен, то установки в нем влияют непосредственно на все объекты в документе.

8.1 Введение в CSS

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

стол:

цвет - коричневый

материал - деревянный

компьютер:

цвет - белый

материал - пластмасса

назначение - для работы

Конечно, можное пойти другим путем, но только CSS составляются именно так, где вместо предметов выступают объекты, да и их характеристики немножко другие. Для примера, вот вам отрывок такого документа:

body

{

background-color: rgb(255,255,153);

color: rgb(51,51,153);

}

{: rgb(255,0,0);family: arial, helvetica;

}

Здесь задается каким будет стиль элемента BODY и H1. Те параметры, которые не заданы, остаются по умолчанию.

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

.2 Стилевая таблица в документе

Существует два способа подключения CSS. Первый - задать ее в элементе STYLE в начале документа, как класс. Это делается так:

<HTML>

<HEAD>

<STYLE>{color: red}{color: red; font-style: italic}

</STYLE>

</HEAD>

<BODY>

<H1> Этот документ</H1>

<H2>использует стилевые таблицы</H2>

</BODY>

</HTML>

В данном примере, на экране вы увидите две строки, состоящие из двух объектов: H1 и H2. Посмотрите, во что превратился стиль по умолчанию Internet Explorer. А ведь мы не делали никаких указаний в самом объекте насчет его стиля. Таким образом, сколько бы вы ни наделали объектов H1 и H2, их стиль всегда будет таким, каким вы его указали в стилевой таблице.

8.3 Стилевая таблица в отдельном файле

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

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

Итак, сперва вы создаете таблицу, следуя указанным выше правилам. Затем, вы добавляете в элемент <HEAD> для включения таблицы стилей строку подобную следующей:

<LINK REL="stylesheet" TYPE="text/css" HREF="MyStyle.css">

LINK означает, что к текущей странице подключается элемент, REL и TYPE описывают элемент, как стилевую таблицу, ну а HREF содержит адрес, по которому находится файл с вашей CSS.

8.4 Динамическое изменение CSS

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

function change_style() {(document.styleSheets.href != null).styleSheets.href = "newStyle.css";

}

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

<HTML>

<HEAD>

<SCRIPT LANGUAGE="JScript">newRule() {.styleSheets.MyStyles.addRule("P","color:blue");

}

</SCRIPT>

<STYLE ID="MyStyles">{color:red}{color:red;font-style:italic}

</STYLE>

</HEAD>

<BODY>

<H1>Это Заголовок 1</H1>

<H2>Это Заголовок 2</H2>

<P>Это абзац. Щелкни на кнопку для изменения его стиля</P>

<BUTTON onclick="newRule()">Нажми меня</BUTTON>

</BODY>

</HTML>

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

9. Языковые стандарты

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

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

Для поддержки языков, использующих в своем алфавите символы отличные от латинских, был использован восьмой бит байта, а это дало возможность добавить еще 128 дополнительных символов. Была создана серия кодировок ISO 8859, в которых первая часть - это 128 символов ASCII. Самая первая из них, ISO 8859-1, еще ее называют ISO Latin-1 или 8-битовой ASCII, содержит в себе практически все европейские нестандартные символы, а кодировка ISO 8859-5 является русской.

В свою очередь, организация Unicode Consortium создала на основе 16-битового кодирования одноименную кодировку, в которую решено было вместить 65536 символов, каждый весом в два байта. Первые 256 символов Unicode в точности соответствуют ISO 8859-1, а саму кодировку компьютерное сообщество признало и использует все чаще, и если основной кодировкой в HTML раньше считалась ISO 8859-1, то с появлением HTML 4.0, основной кодировкой стала Unicode.

Не желая останавливаться на достигнутом, ISO разработала новый, 32-битовый стандарт кодирования ISO 10646. Он совместим с Unicode, а также имеет несколько своих производных фоматов, одна из которых - формат UTF-8 внедрен в Windows.

9.1 Особенности работы с кодировками

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

Еще одним способ сообщить браузеру о стандарте кодирования может сводиться к следующему - автор документа создает служебную информацию для браузера в тэге <МЕТА>, между тэгами <HEAD> и </HEAD>, запись эквивалентную заголовку HTTP, например:

<META HTTP-EQUIV="Content-Type" content="text/html; charset= windows-1251">

Встретив такую инструкцию, браузер автоматически переключается на нужную кодировку.

9.2 Русские кодировки

Кодировок, русифицирующих сеть, существует гораздо больше, чем хотелось бы, их как минимум пять: KOI-8 (созданная для UNIX), 866 (для MS DOS), Windows-1251, ISO 8859-5, MAC. Ввиду распространения такого количества русских кодировок, в русской части сети очень распространен способ, когда сервер имеет систему автоматического перекодирования документа на лету, в зависимости от того, какой ответ пришел о браузера.

В итоге, часто происходит например, следующее: документ написан в KOI-8 и имеет об этом запись в тэге <МЕТА>, сервер определяет кодировку браузера Windows-1251 и автоматически перекодирует документ в нее, браузер же получив инструкцию прописанную в тэге <МЕТА> переключается в свою очередь на KOI-8 и пользователь не может прочесть текст. Выход может быть в том, чтобы вовсе не указывать charset в тэге <МЕТА>, в документах, которые будут лежать на таком сервере, либо пользователь сохраняет документ на диске и удаляет эту инструкцию из <МЕТА> вручную.

.3 Создание многоязыковых документов

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

Например, если в документ Windows-1251 вставить знак &#246;, или &ouml;, то получим символ ö, применяемый в немецком языке. Этим и объясняется сильное увеличение объема документа в три-четыре раза, когда для его создания используется WYSIWYG-редактор, так как он заменяет каждую букву русского текста такой ссылкой.

По-русски: Я хочу сделать покупку

Deutsch: Ich möchte einkaufen: I want to buy someting

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

Использованные источники

1. www.citforum.ru

. www.e-commerce.com.ua

. www.mags.ru

. www.internet-history.org.ru