close

Вход

Забыли?

вход по аккаунту

?

9.5

код для вставкиСкачать
 9.5 Основы языка HTML. Создание интерактивных web-страниц и web-приложений. Принципы программирования. История HTML - язык гипертекстовой разметки документа, служащий для написания гипертекстов в специальном стандарте SGML (Standard Generalized Markup Language). Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986-1991 годах в стенах Европейского Центра ядерных исследований в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. Проект имел больший успех, приобрел популярность благодаря браузеру "Мозаика". Компоненты
Базовым элементом языка разметки гипертекста является ТЕГ (дескриптор, маркер). Тэги HTML сообщают браузеру информацию о структуре и особенностях форматирования web-страницы. Каждый тэг содержит определенную инструкцию и заключается в угловые скобки <>, имеет следующий вид: <ТЕГ атрибут 1=ЗНАЧЕНИЕ ... атрибут N=ЗНАЧЕНИЕ> Теги бывают одиночными и контейнерными. Контейнером называется пара: открывающий <ТЕГ> и закрывающий </ТЕГ>. <ТЕГ> Контейнер </ТЕГ> Открывающий тег служит для указания программе-браузеру начала какого-либо объекта или задания свойств объектов помещенных в контейнер. Закрывающий тег служит для указания программе-браузеру о конце объекта или окончания применения свойств, заданных в открывающем теге. <html>...</html> - контейнер гипертекста
<head>...</head> - контейнер заголовка документа
<title>...</title> - название документа <body>...</body> - контейнер тела документа
<div>...</div> - контейнер общего назначения (структурный блок)
<hN>...</hN> - заголовок N-ного уровня (N = 1...6)
<p>...</p> - основной текст
<a>...</a> - гиперссылка
<ol>...</ol> - нумерованный список
<ul>...</ul> - маркированный список
<li>...</li> - элемент списка
<table>...</table> - контейнер таблицы
<tr>...</tr> - строка таблицы
<td>...</td> - ячейка таблицы и т.д.
Атрибуты тега задают значения свойств данного объекта или объектов помещенных в контейнер. Значения свойств, содержащие пробелы, берутся в кавычки, в остальных случаях кавычки можно опустить. Атрибуты могут быть обязательными и не обязательными. Необязательные атрибуты могут быть опущены, тогда для тега применяется значение этого атрибута по умолчанию.
style="описание_стилей" - локальные стили
src="адрес" - адрес (URI) источника данных (например картинки или скрипта)
align="left|center|right|justify" - выравнивание, по умолчанию left (по левому краю)
width="число" - ширина элемента (в пикселях, пиках, поинтах и др.)
height="число" - высота элемента (в пикселях, пиках, поинтах и др.)
href="адрес" - гиперссылка, адрес (URI) на который будет выполнен переход
name="имя" - имя элемента
id="идентификатор" - уникальный (в пределах веб-страницы) идентификатор элемента
size="число" - размер элемента и т.д.
Мета-тег HTML - это элемент разметки html, описывающий свойства документа как такового (метаданные). Назначение мета-тега определяется набором его атрибутов, которые задаются в теге <meta>.
Мета-теги размещают в блоке <head>...</head> веб-страницы. Они не являются обязательными элементами, но могут быть весьма полезны.
<head>
<meta name="author" content="строка"> - автор веб-документа
<meta name="date" content="дата"> - дата последнего изменения веб-страницы
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> - тип и кодировка
</head> и т.д.
Гиперссылка - это особым образом помеченный фрагмент web-страницы (текст, изображение и др.), который связан с другим документом. Для указания гиперссылок используется тег <a>. Гиперссылки позволяют перемещаться между связанными web-страницами.
<a href="http://example.com/">Пример</a>
<a href="ftp://example.com/archive.tar.gz">Скачать файл</a>
<a href="mailto://user@mail.example.com" title="Обратная связь">user@mail.example.com</a> и т.д.
Ссылки бывают абсолютные (как правило, указывают на внешний ресурс) и относительные (переход на внутренние страницы сайта).
Кроме тегов, в HTML-документах могут присутствовать и специальные символы. http://htmlweb.ru/html/symbols.php
HTML документ представляет собой обычный текстовый файл, содержащий маркированный тегами форматирования текст, а так же заданные специальными тегами ссылки на графические и прочие файлы мультимедиа, ссылки на другие документы HTML и ресурсы Internet. Структура HTML документа Документ HTML начинается открывающим тегом <HTML> и заканчивается закрывающим тегом </HTML>. Между данной парой контейнерных тегов располагаются две другие основные части HTML документа: заголовок, заключенный в контейнер <HEAD>...</HEAD> и тело документа в контейнере <BODY>...</BODY>. Таким образом, структура простого HTML документа выглядит примерно так: <HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>
Текст документа
</BODY>
</HTML>
Создание интерактивных страниц и приложений. Принципы программирования Под интерактивными страницами в общем случае понимаются такие, которые содержат элементы, реагирующие на действия пользователя (например, на перемещение указателя мыши, ввод каких-либо данных). По своим принципам действия все технологии создания интерактивных web-страниц можно разделить на две категории: выполняемые на стороне сервера и выполняемые на стороне клиента.
Сценарии. Сценарии, называемые также скриптами, встраиваются в web-страницу, и при ее запросе клиент получает эти сценарии вместе со страницей. Эти сценарии являются просто текстом программы на высокоуровневом языке программирования. Браузер, получив Web-страницу, анализирует код, прикрепленный к ней, и выполняет его самостоятельно в режиме интерпретатора. К подобным скриптовым языкам, выполняющимся на стороне пользователя, относятся VBScript и JavaScript. К скриптовым языкам, выполняемым в режиме интерпретатора, относят также Perl. Однако он кардинально отличается от рассмотренных языков тем, что программы, написанные с его помощью, выполняются на стороне сервера. Интерпретатор Perl устанавливается в дисковом пространстве WWW-сервера, и в настройки этого сервера вносится информация о подключенном интерпретаторе. Программы, написанные на Perl, обычно применяются для обработки данных, введенных пользователем в формы, которые размещаются на Web-страницах. По стандартному интерфейсу CGI (Common Gateway Interface) эти данные передаются в Perl-программу, та обрабатывает их и формирует новую Web-страницу с ответом на действия пользователя. В отличие от сценариев, выполняющихся на стороне пользователя, Perl- программы могут производить дополнительные действия на сервере. Очень часто их используют как раз для проведения опросов, регистрации и прочих операций, которые требуют произведения действий с некими данными, хранящимися на сервере (результаты голосования, базы данных посетителей и пр.). CGI-приложения. Это обычные исполняемые файлы, которые точно так же получают информацию от Web-страниц по интерфейсу CGI и отправляют ответ, используя обычный протокол HTTP. При запуске подобного CGI-приложения Web-сервер выделяет обособленное адресное пространство и в нем запускает копию CGI-приложения. Таким образом, если вдруг его работа завершится нештатно, на работоспособность сервера это не повлияет. ISAPI-приложения. Это приложения, расширяющие функциональность Web-сервера за счет применения API. Они представляют собой dll-библиотеки. Подобное ISAPI-расширение не запускается во множестве копий, каждая из которых обслуживает одного посетителя. Действует только одна копия, но для каждого обращения создается свой процесс, чье адресное пространство находится в рамках общего пула ISAPI-расширения. По завершении обработки запроса адресное пространство возвращается в пул. Таким образом, достигается определенная экономия времени, так как его не надо тратить на загрузку и запуск новых копий приложения с выделением обособленного адресного пространства. С другой стороны, возрастает опасность краха всего Web-сервера, так как при аварийной ситуации, возникшей у ISAPI-расширения, оно не скончается мирно, как обычное CGI-приложение, а утянет за собой в виртуальное небытие весь Web-сервер. Таким образом, сайт, на котором действовало это ISAPI-расширение, просто "ляжет".
Технология PHP (Personal HomePage) является чрезвычайно функциональным программным обеспечением, которое функционирует, не затрагивая ядро Web-сервера. В HTML-код Web-страницы вставляются директивы на языке PHP или ссылки на скрипты, написанные на этом же языке. А затем, когда Web-сервер по запросу пользователя передаст ему подобную Web-страницу, PHP перехватит ее, выполнит внедренные инструкции, на их основе сформирует чистый HTML-код и в таком виде отправит конечному получателю. Подобным образом действует достаточно обширное семейство программ, но PHP является, пожалуй, ярчайшим его представителем.
Технология ASP (Active Server Pages), действующая приблизительно таким же способом, как и PHP. На самом деле ASP-блок просто "вшит" в IIS (Internet Information Server) от Microsoft. Таким образом, как только вы устанавливаете на своей хостинговой машине IIS, вы автоматически получаете возможность пользоваться технологией ASP. А тот факт, что скриптовый язык ASP фактически является калькой с VB, только добавляет удобства в работе.
Технология ActiveX. В ее рамках создаются активные элементы, внедряемые в Web-страницу, а затем автоматически устанавливающиеся на локальной системе удаленного пользователя. Компоненты ActiveX на самом деле являются развитием стандарта OLE (Object Linking and Embedding, связь и внедрение объектов). Не секрет, что технологии OLE не слишком подходят для распределенных действий, поэтому дальнейшим шагом было создание стандарта для компонентной модели объектов - COM (Component Object Model), предназначенных для работы приложений типа клиент-сервер. Компоненты ActiveX как раз и являются объектами COM.
Каждый класс объекта, создаваемого с помощью технологии COM, в том числе и объекты ActiveX, имеет уникальный идентификатор класса CLSID. Именно по этому идентификатору система узнает, установлен у нее этот компонент или еще нет. Для его установки необходимо переписать на свой компьютер файл с компонентом (подобные файлы имеют расширение OCX) и "прописать" его в системе.
Таким образом, при загрузке Web-страницы с внедренным в нее объектом ActiveX система получает его идентификатор и сравнивает со своей базой данных уже установленных элементов ActiveX. Если этого элемента еще нет в системе, то он загружается с сервера и регистрируется в системе. А если элемент уже прописан, то он выполняется сразу, без загрузки кода из Интернета.
Для создания web-приложений используется кроссплатформенный язык Java, разработанный корпорацией Sun. Специализированные облегченные приложения на Java - апплеты - могут внедряться в Web-страницы, передаваться на локальную машину удаленного пользователя в виде байт-кода (что уменьшает их размеры), а там уже выполняться виртуальной Java-машиной, встроенной в операционную систему. Это достойная альтернатива достаточно объемным и "тяжелым" ActiveX-компонентам. К тому же, ActiveX-компоненты могут выполняться только на платформе Wintel, а Java-апплеты будут работать практически на любой платформе, так как трудно найти сейчас операционную систему, для которой не написана виртуальная Java-машина.
Технология Macromedia Flash - создание интерактивных приложений. Создание анимации, интерактивной и высококачественной. Основное ее преимущество - это незначительный размер итогового файла.
DHTML - специальное расширение. Технологии DHTML включают интерактивные элементы в web-страницы. Например, бегущие титры, движущиеся объекты и фон.
Лекция, которую давала Егорова или http://www.comprice.ru/articles/detail.php?ID=41373 То, что было в готовом ответе Интерактивные сайты
Содержание интерактивного веб-сайта постоянно изменяется и полностью зависит от тех действий, которые на сайте произвел посетитель. Интерактивный веб-сайт взаимодействует с посетителем, предоставляя ему именно те материалы, в которых тот заинтересован. Создать интерактивный сайт по "статичной" технологии невозможно или затруднительно, соответственно, подобный веб-сайт называется динамическим. Типичными примерами интерактивного веб-сайта могут быть:
* Интернет-магазин (виртуальный магазин) * Онлайн CRM система (Система управления взаимоотношениями с клиентами, базирующаяся на веб-сайте компании)
* Система поддержки клиентов (например, обеспечение технической поддержки клиентов или автоматизация внутренней сервисной службы компании)
* Система коммуникации с клиентами (интернет форумы) * Системы взаимодействия посетителей между собой (интернет форумы и доски объявлений)
Клиентские языки
Как следует из названия, клиентские языки обрабатываются на стороне пользователя, а если проще - программы на клиентском языке обрабатывает браузер. Отсюда следует и недостаток - обработка скрипта зависит от браузера пользователя, и пользователь имеет полномочия настроить свой браузер так, чтобы он вообще игнорировал скрипты. При этом, если браузер старый, он может не поддерживать тот или иной язык или версию языка, на которую опирался разработчик. С современными браузерами таких проблем возникать не должно, к тому же языки программирования не так уж часто кардинально обновляются (раз в несколько лет) и лучшие из них давно известны. Также код клиентского скрипта может посмотреть каждый, выбрав в меню "Вид" своего браузера вкладку "Исходный код" (или что-то в этом роде).
Преимущество же клиентского языка заключается в том, что обработка скриптов на таком языке может выполняться без отправки документа на сервер. Программа сразу проверит правильное заполнение формы перед отправкой, и, если необходимо, выведет ошибку. Отсюда же вытекает и то ограничение, что с помощью клиентского языка программирования ничто не может быть записано на сервер.
Самым распространенным из клиентских языков является JavaScript. Другой вариант клиентского языка это, например, VBScript.
Серверные языки
Когда пользователь дает запрос на какую-либо страницу (переходит на нее по ссылке, или вводит адрес в адресной строке своего браузера), то вызванная страница сначала обрабатывается на сервере, то есть выполняются все программы, связанные со страницей, и только потом возвращается к посетителю в виде простого HTML-документа. Но работа программ уже полностью зависима от сервера, на котором расположен сайт, и от того, какая версия того или иного языка поддерживается.
Важной стороной работы серверных языков является Система управления базами данных, или СУБД. Это, по сути, тоже сервер, на котором в определенном пользователем порядке хранится разная необходимая информация, которая может быть вызвана в любой момент. В настоящее время распространены СУБД, обращение к которым производится посредством Structured Query Language (SQL) - структуризированного языка запросов.
Документ
Категория
Без категории
Просмотров
76
Размер файла
94 Кб
Теги
1/--страниц
Пожаловаться на содержимое документа