Создание сайта для ОАО усмань табак

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

      JavaScript "вышел на сцену" в конце  1995 года и к настоящему времени  стал очень популярным и поддерживается  многими браузерами. Язык JavaScript был  создан компанией Netscape Communication Corporation в сотрудничестве с компанией Sun Microsystems. Первоначальное название языка JavaScript было LiveScript. Затем, после того как язык Java получил всемирную известность, LiveScript переименовали в JavaScript. Возможно, это было сделано фирмой Netscape из коммерческих соображений: все, что имело в своем названии ключевое слово "Java", вызывало живой интерес.

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

      Еще одна важная особенность языка JavaScript - это его объектная ориентированность. И хотя объектно-ориентированные возможности JavaScript заметно беднее, чем в С++ или Java, они все же есть в этом языке. Программистам доступны многочисленные объекты, встроенные в браузер и загруженные в него документы HTML, такие как документы HTML, фреймы, формы, ссылки на другие документы и так далее.

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

      Отметим также то, что JavaScript не предназначен для создания сложных программ. Подобные задачи лучше решать с использованием других языков программирования, например, с помощью Java. Однако с помощью JavaScript вы можете быстро создавать активные страницы с достаточно сложным поведением. Этот язык несложен в изучении, а программы, составленные с его использованием, легко поддаются отладке [11, c.31].

1.3.3 CSS – средство управления макетом HTML документа

      Каскадные таблицы стилей CSS (Cascade Style Sheets) – это набор стандартов, которые регулируют некоторые методы применения стиля к страницам HTML. Стиль включает в себя все типы элементов дизайна: шрифт, фон, текст, цвета ссылок, поля, и расположение объекта на страницах.

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

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

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

      Определены  три метода для применения CSS к документу HTML/2/:

• встроенный (Inline). Этот метод позволяет в любой тег HTML добавить стиль. Использование встроенного метода предоставляет максимальный контроль над всеми свойствами документа. Например, если необходимо задать внешний вид отдельного абзаца, то можно просто добавить атрибут style = x к тегу абзаца, и браузер отобразит этот абзац с помощью параметров стиля, добавленного в код;
• внедренный (Embedded). Внедрение позволяет контролировать всю страницу HTML. При использовании тега <style>, помещенного внутри раздела <head> документа, в код вставляются детализированные атрибуты стиля, которые будут применяться ко всей странице;
• связанный (Linked или External). Связанная таблица стилей – мощный  инструмент, который позволяет создавать образцы стилей, который затем можно применять ко всем документам HTML одновременно. Основной документ таблицы стилей (расширение .css) создается программистом. Этот документ содержит стили, которые будут едиными для всех документов. Любой документ HTML, связанный с этим файлом, будет использовать указанные стили;
• синтаксис всех методов, используемых для применения стилей к документам HTML, практически одинаков. Таблицы стилей, как и предложения, составляются из определенных частей. Эти части включают следующие элементы;
• указатель (Selector). Указатель является элементом, к которому будут применяться назначаемые атрибуты. Это может быть просто тег типа заголовка или абзаца. Таблицы стилей позволяют использовать различные объекты, включая и классы;
• свойство (Property). Свойство определяет указатель. Например, если в качестве указателя выбран абзац, можно включить свойства, определяющие этот указатель. В свойства входят такие элементы, как поля, шрифты и фоновые изображения. В таблицах стилей существует много свойств, которые можно использовать для того, чтобы определить указатель;
• значение (Value). Значения определяют свойства. Предположим имеется заголовок первого уровня Н1 (указатель) и необходимо включить свойство tipe-family (свойство шрифта). Шрифт который применяется к указанному фрагменту, задается значением этого свойства;
• описание (Declaration). Свойства и значения объединяются, образуя описания;
• строка (Rule). Указатель и описание образуют строку.

      На  рис. 1.2 показаны все описанные выше элементы и их взаимосвязь.

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

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

    Рис. 1.2. Элементы CSS и их взаимосвязь

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

1.3.4 Perl и CGI  – как средство создания интерактивных веб-страниц

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

      CGI (от англ. Common Gateway Interface — «общий интерфейс шлюза») — стандарт интерфейса, используемого для связи внешней программы с веб-сервером. Программу, которая работает по такому интерфейсу совместно с веб-сервером, принято называть шлюзом, хотя многие предпочитают названия «скрипт» (сценарий) или «CGI-программа».

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

      Perl — высокоуровневый интерпретируемый динамический язык программирования общего назначения, созданный Ларри Уоллом, лингвистом по образованию. Название языка представляет собой аббревиатуру, которая расшифровывается как Practical Extraction and Report Language — «практический язык для извлечения данных и составления отчётов». Первоначально аббревиатура состояла из пяти символов и в таком виде в точности совпадала с английским словом pearl («жемчужина»). Но затем стало известно, что такой язык существует, и букву «a» убрали. Талисманом языка Perl является верблюд — не слишком красивое, но очень выносливое животное, способное выполнять тяжёлую работу.

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

      Perl также знаменит огромной (более 20 000) коллекцией дополнительных модулей (библиотек) CPAN, которые значительно облегчают задачу разработки конечного продукта.

      Используя связку CGI и Perl, мы получаем возможность генерировать Web-страницу непосредственно на сервере, в зависимости от действий пользователя, т.е. мы получаем интрактивность.

1.3.5 Выбор технологии  разработки Web-сайта

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

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

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

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

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

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

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

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

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

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

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

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

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

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