Технологии CSS и SSI. Язык программирования JavaScript. Назначение и общие принципы использования

Тэги оформления форм в языке HTML. Моделирование деловых объектов формами. Передача параметров в шлюзовые (CGI) программы. Трансформация формы представления объектов при передаче в CGI-программу.

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

<form></form> - Создает формы; У тега <form> есть несколько параметров: name - имя формы. action - определяет URL-адрес, по которому будет отправлена информация введеная пользователем, method - определяет способ отправки информации, target - указывает имя окна, в котором будут отображаться результаты обработки отправленной формы. Тегом <input> можно здать текстовое поле, кнопки, переключатели, флажки. Следует внутри тэга описать аттрибуты, в общем случае это тип, размер и ряд индивидуальных. Схема вызова CGI программы (Например форма логин/пароль/отправить). <FORM: METHOD = GETACTION= http://host.ru/cgi-bin/example> <INPUT TYPE = text Name = “f1” value = Text1> <INPUT TYPE = text Name = “f2” value = Text2> <INPUT TYPE_submit VALUE = send> Вызов программы обработки и передачи данных осуществляется через CGI – стандартный шлюзный интерфейс для запуска внешних программ под управлением web сервера. Данные программы, используя интерфейс CGI, получают информацию от удаленного пользователя, обрабатывают ее и возвращают в виде ссылки на сущ элемент или др. объект, либо на html документ, созданный динамически. GET/cgi-bin/example? f1 = Text1&f2 = Text2 (f1 = Text1&f2 = Text2 – Query_string). Для передачи большого объема данных исп-ся метод POST? В данном методе переменные передаются через стандартный поток ввод/вывода. METHOD = POST ACTION, POST/cgi-bin/example HTTP/1.1, Content – length:11-> CONTEN_LENGTH, char * szContent = getenv (“CONTEN_LENGTH”), int iBytes = atoi (szContent), char Data = (char*) malloc (nBytes+1), fread (data,1,nBytes,stdin), char Data [255]. Независимо от используемого метода передачи GET или POST, CGI – программа должна направить результаты своей работыв стандартный поток вывода. Web сервер выполняет автомат перехват данных из потока вывода и передает их клиенту.

Технология SSI (Server Side Includes — Дополнение на стороне сервера) позволяет модифицировать передаваемые веб-сервером посетителю HTML-страницы, «на лету» добавляя в них контент интернет-агентства. SSI позволяет сделать страницы веб-сайта динамичными, не используя тот или иной язык программирования и не задействуя CGI. SSI представляет собой набор специальных инструкций, добавляемых прямо в код статической HTML-страницы. Инструкции исполняются веб-сервером в момент загрузки файла, содержащего страницу: веб-сервер вносит в результат, передаваемый браузеру посетителя, соответствующие изменения. Таким образом, технология SSI совершенно незаметна для пользователя и целиком реализуется на стороне сервера. (<!--#include virtual ="/ssi/menu_txt.html" -->). Зачастую у web-дизайнера возникает необходимость применить в процессе создания html-документа сложное форматирование — от абзаца к абзацу менять шрифт, расположение текста, его цвет, формировать различные таблицы данных. Можно решить эту проблему с помощью стандартных средств HTML: описывать каждый абзац отдельным набором команд, но в этом случае итоговый документ будет иметь большой размер, да и само создание кода становится весьма трудоемкой работой. Можно пойти другим путем: подключить к странице внешний файл, выполненный в стандарте CSS — Cascading Style Sheets (каскадные таблицы стилей), в котором с помощью специального макроязыка один раз жестко задать форматирование страницы. Другими словами, файл CSS выполняет роль некоего шаблона, применяемого для форматирования текста, таблиц и иных элементов в документе HTML. Есть возможность подключать один и тот же физический файл CSS к различным web-страницам сайта. CSS можно использовать практически на любом сервере без каких-либо ограничений. JavaScript — объектно-ориентированный скриптовый язык программирования. JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам. Основные архитектурные черты: динамическая типизация, слабая типизация, автоматическое управление памятью, прототипное программирование, функции как объекты первого класса. В языке отсутствуют такие полезные вещи, как: 1) модульная система: JavaScript не предоставляет возможности управлять зависимостями и изоляцией областей видимости; 2) стандартная библиотека: в частности, отсутствует интерфейс программирования приложений по работе с файловой системой, управлению потоками ввода/вывода, базовых типов для бинарных данных; 3) стандартные интерфейсы к веб-серверам и базам данных.

Дата добавления: 2015-04-23