Гипертекстовой язык HTML

Как уже упоминалось выше на сегодняшний день существует два законченных стандарта языка HTML: HTML 1.0 и HTML 2.0. Для дальнейшего развития этого языка было предложено несколько путей. Первый из них - это HTML+, который является базой для следующей версии HTML - HTML 3.0. Именно в этом варианте языка были определены таблицы, стили и математические формулы. Концептуальным интерфейсом для HTML 3.0 является программа Arena, главное назначение которой - продемонстрировать возможности HTML 3.0. Другим направлением развития HTML стали, так называемы Netscape Extensions. Первоначально эта спецификация развивала синтаксис HTML 2.0 в сторону более выразительных средств представления документов (возможность смены фона, выравнивание текста, обтекание графики текстом и т.п.). Netscape Extensions были предложены компанией Netscape Communication и реализованы в программе Netscape Navigator версии 1.1 и старше. Фактически, если HTML+ был направлен на расширение HTML в сторону реализации публикаций научно технического характера, то Netscape Extensions развивали HTML в сторону рекламно-издательской деятельности. Это направление Netscape Communication продолжила и в следующей версии Navigator. В Navigator 2.0 и Navigator Gold 2.0 были добавлены две принципиально новые возможности разработки Web-страниц: фреймы и JavaScript. Заявлена также и поддержка Java, но об этом языке как о концептуальном развитии технологии лучше говорить в контексте другой программы - HotJava компании Sun Microsystems. Не отстает на поприще развития стандартов Web и Microsoft. В настоящее время для пользователей Internet доступны свободнораспростроняемые сервер и интерфейс Internet Explorer. Важным здесь является тот факт, что Microsoft не просто путается поддерживать то: что предлагают другие: но и сама предлагает новые расширения языка. Они касаются главным образом возможностей разработки мультимедийных страниц и являются в некотором смысле альтернативой тому, что предлагают разработчики Java и JavaScript. Таким образом в настоящее время следует выделить следующие основные направления развития технологии Web: HTML 3.0 (HTML+), HTML 2.0 Netscape Extensions, JavaScript, Java, Microsoft Extensions. 
На самом деле, чуть в стороне от основных направлений развития Web-технологии стоит еще одна ветвь исследований - создание трехмерных страниц, ярким представителем которой является язык моделирования виртуальной реальности VRML, который предложен компанией Silicon, но во-первых ни один из наиболее популярных с Сети интерфейсов его не поддерживает (загружается специальная программа), а во-вторых работать на нем широкие массы пользователей Internet вряд ли будут - все-таки это скорее средство для профессионалов, чем для простых пользователей. 

Фреймы

Фреймы - это  долгожданная многооконность, которая  позволяет решить сразу множество  проблем связанных с разработкой  документов. В первую очередь возможность одновременной работы с текстом и меню, текстовым меню и графикой. Параллельно решаются проблема BANNER, для которой в HTML+ предлагался новый тег. Фрейм позволяет использовать часто встречающиеся фрагменты текста, например, постоянную заставку в качестве отдельного фрейма. Многие пользователи Internet наверняка встречались с этим механизмом при использовании поисковой службы InfoSeek (http://www.infoseek.com/). Если раньше нужно было постоянно вставлять в текст либо готовые части страницы, которые появляются в начале и конце каждого документа или использовать server site includes, то теперь это можно делать при помощи фреймов. Вообще, на мой взгляд, фреймы очень органичное решение, т.к. документ с фреймами является просто суперпозицией простых HTML-документов.

JavaScript

JavaScript - это еще  одно средство создания "оживших"  страниц Web. Собственно, - это объектно-ориентированный  язык программирования, привязанный  к Navigator, отдельные компоненты  которого и являются объектами это языка. Часто пишут, что Java и JavaScript - близнецы-братья. Может быть они и братья, но отнюдь не близнецы. Во-первых для JavaScript не требуется специального компилятора и скрипт размещается прямо в теле документа. Его интерпретирует непосредственно Navigator. Конечно возможности программирования анимации в JavaScript очень ограничены. Можно организовать бегущую строку, идущие часы, меняющиеся картинки, но не более. Главным на мой взгляд достоинством JavaScript является организация всего этого без использования сервера. Navigator c JavaScript позволяет организовать многооконную локальную гипертекстовую систему с контекстной справочной системой, что раньше требовало достаточно больших усилий по программирования. Но конечно, это не дается просто так, за все приходится платить. Начав опыты со скриптами на Windows 3.x, я очень скоро убедился, что "ожившие" страницы требуют очень много ресурсов, а иногда могут даже привести к "зависанию" системы. Из разъяснений, полученных из comp.lang.javascript, javascript@oberon.edu, а также аналогичного списка Netscape следовало примерно следующее: "Не валяй дурака и ходи как все по камешкам - ставь многопотоковые Windows 95, а лучше NT и не морочь занятым людям головы." А если серьезно, то Navigator для Windows 3.1х является лишь калькой 32-х разрядных версий этой программы и, так как в 16-разрядной ОС нет реальной вытесняющей многозадачности, то при использовании отложенных вызовов функций в цикле по setTimeout происходит просто "отъедание" ресурсов, которые естественно небезграничны. Замечание по поводу Windows`95 или NT вызвано тем обстоятельством, что вообще говоря прикладная задача в Windows`95 может писать информацию куда угодно, в том числе и в область операционной системы, что, как показала практика использования Navigator приводит иногда к зависанию системы. В заключении следует отметить, что возможностей "уронить" чужую машину при использовании JavaScript сколь угодно много и Navigator еще надо доводить и доводить на предмет тестирования кода на запрещенные конструкции в скриптах. 
 
 

2.1 Понятие web (веб) страницы.

Web (веб) страница - это html-документ, документ написанный на языке программирования, который находиться во всемирной сети для просмотра посетителями. Web (веб) страница является неотъемлемой частью веб сайта. На Web (веб) странице размещается все что видете на странице. Замечательное изобретение связало разрозненные документы в настоящую Паутину.

       Она так и называется «Всемирная Паутина». По-английски: World Wide Web или знак наш, WWW- организация ответственная за стандарт Интернета, несуществующего Мира Вселенной, но Ощутимого.  Эта служба предназначена для передачи данных с помощью протокола http. Дакументы в этой службе должны иметь особую структуру. Такие документы называются web страницами. Каждая web страница во всемирной сети имеет уникальный URL адрес. Он включает имя сервера на котором данная web страница опубликована и путь поиска страницы на жестком диске данного сервера. Благодаря WWW- организации нам доступна одним щелчком мыши любая Web страница интернета.

Все программы интернета  делятся на 2 большие  группы: клиенты и  серверы.

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

Клиенты, если им нужен какой-то файл, формирует клиентский запрос и посылает его на сервер.

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

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

Визуальный  редактор – отличная стартовая площадка для начинающих работать в интернете.

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

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

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

2.2) Анатомия Web-страниц

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

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

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

Графика – это лучшее украшение web узла. Под графикой подразумевают значки, рисунки, фотографии и карты изображений. Они расположены на веб странице и занимают часть окна браузера. Графика позволяет включать ссылки на графические файлы в html документах. При размещении графики на web странице необходимо следить за тем, чтобы размер графических файлов был как можно меньше. Хотя в принципе размеры графических изображений в байтах могут быть неограниченны. Следует помнить, что передача большого файла может занять очень большое количество времени, особенно при при низкой пропускной способности линий. Размещение графики на web страницах используется тегом IMG. Графика позволяет значительно улучшить внешний вид и функциональность документов.  Использование графики определяет уникальность оформления Web-сайта и позволяет выделить его из числа других. Тем не менее при разработке сайта необходимо учитывать, что графические файлы имеют значительно больший объем, нежели текстовая информация, и, соответственно, увеличивают время загрузки страниц. Кроме того, перегруженность Web-страницы графическими элементами может затруднить восприятие содержащейся на ней информации. 
 

• Средства  навигации. Перемещение по Web-сайту осуществляется с использованием гиперссылок. Гиперссылки могут содержаться непосредственно в тексте страницы и направлять посетителя к другим страницам или сайтам, содержащим дополнительную информацию по рассматриваемой теме. Однако удобство поиска информации на Web-сайте является весьма критичным фактором. Для этой цели гиперссылки на все основные разделы сайта объединяются в отдельные панели навигации, доступные на каждой Web-странице. Как правило, эти панели размещаются в левой, верхней или (реже) нижней части страницы. Панели навигации могут содержать как текстовые ссылки, так и графические элементы, оформленные в виде кнопок.

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

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

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