Исследование средств реализации динамических Web-сайтов

 

 

4.3 DHTML

 

DHTML - динамический HTML – коммерческий термин, придуманный для описания технологий, которые были введены в четвертой версии Web-браузеров и позволяли обходить ограничения HTML.

DHTML представляет собой комбинацию Web-стандартов:

CSS + JavaScript + DOM + ХHTML = DHTML

где:

CSS – определяет атрибуты объектов,

JavaScript – изменяет объекты,

DOM – находит объекты,

          ХHTML – создаёт объекты (выполняет разметку текста).

Созданная на основе DHTML страница может изменяться без обращения к серверу за дополнительными данными, т.е. представляют собой клиентский код (client-side-code), который в свою очередь, позволяет существенно увеличить интерактивность Web-страниц.

Преимущества DHTM:

• Поддерживается всеми браузерами.
• Использует стандартные технологии.
• Можно вносить изменения в Web-страницу после её загрузки.
• Текстовые файлы DHTML загружаются быстрее, чем Flash и Java.
• Не требует модулей расширения.
• Прост в изучении.
• Высокая скорость разработки Web-страниц.

Недостатки DHTML:

• Разный вид Web-страниц из-за несовместимости браузеров и операционных систем.
• JavaScript и CSS весьма чувствительны к ошибкам в синтаксисе.
• Ненадёжная работа в связи с ошибками в браузерах.

 

4.4 CSS

 

CSS (Cascading Style Sheets) - язык таблиц каскадных стилей. Он разработан для того, чтобы расширить возможности по оформлению Web-страниц.

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

При использовании HTML и CSS важно понимать, следующее:

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

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

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

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

посредством языка JavaScript.

4.5 DOM

 

DOM (Document Object Model) – объектная модель документа, которая позволяет динамически менять Web-страницу, используя язык написания сценариев. DOM ставит каждому элементу или объекту, определённому с помощью атрибута ID (идентификатора объекта), функцию JavaScript. А с помощью таких функций можно управлять свойствами атрибутов объекта, заданных через CSS.

Атрибут ID поддерживается всеми видимыми HTML-тегами. Его значение уникальное собственное имя элемента на странице, то есть на странице не должно быть нескольких элементов с одним id, в отличии от элемента class, который является вольным признаком для нескольких элементов. ID – основное понятие динамического HTML (DHTML). С его помощью JavaScript определяет уникальный объект, и которым можно управлять с помощью JavaScript.

 

4.6 FLASH

 

Flash одновременно является и программой (Flash, Macromedia Inc.) и файловым форматом (расширение .swf).

Преимущества Flash:

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

Недостатки Flash:

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

 

4.7 Языки программирования в Интернет

 

Все языки программирования, используемые при разработке Web-сайтов, можно разделить на две большие группы.

К первой относятся те из них, код которых выполняется на компьютере посетителя сайта — в его браузере. Это всем известные JavaScript, VBScript, Java-апплеты. Программы, написанные на этих языках, встраиваются в код Web-страниц (или выносятся в отдельный файл с вызовом из Web-страницы).

Во вторую группу попадают те языки, программы на которых выполняются на том компьютере, где расположен Web-сервер. Эта группа гораздо обширнее, именно к ней и относится PHP. Однако от своих собратьев он выгодно отличается своей простотой. Создавая программы на этом языке, нет необходимости учитывать все те многочисленные мелочи, которые отравляют жизнь программистам на C++ или Perl: не надо заботиться о правах доступа к файлам сценария или прописывать точные пути к различным модулям и т. д. Для тестирования PHP-программ на локальном компьютере необязательно устанавливать на нём ту же операционную систему, что и у провайдера хостинга сайта, где они будут применяться,— достаточно лишь загрузить соответствующий Web-сервер и подключить к нему модуль PHP и целиком сосредоточиться на решаемой задаче.

Программы, написанные на PHP, выполняются на стороне сервера, т.е. начинают работать до загрузки страницы после подачи нашего запроса (например, ввода адреса). Они обрабатываются программой-сервером и в качестве ответа на запрос выдают динамически (т.е. в зависимости от запроса, интерактивно) генерируемые страницы. Эти страницы могут содержать как стандартные HTML-тэги, так и «скрипты» (маленькие программы WEB-приложения, выполняемые на стороне клиента), написанные на JavaScript или VBScript, которые начнут выполняться после полной загрузки браузером сгенерированной на сервере страницы.

JavaScript и VBScript предназначены, в основном, для придания динамичности (подвижности) нашей страничке — выпадающие «менюшки», мерцающие кнопочки, эффектные переходы и т.п. Функции JavaScript, позволяют работать только с ресурсами клиентской машины и только с нашей локальной файловой системой.

Скорость выполнения скрипта или программы. Среди  локальных наивысшим быстродействием обладает JavaScript, среди серверных рекордсменом по обработке небольших объёмов данных и текста является Perl. PHP — на втором месте, но при этом имеет широчайшие возможности доступа практически к любым серверам баз данных.

Секретность. Скрипты  на JavaScript и VBScript встраиваются непосредственно в web-страницу и остаются видны в коде страницы во время её просмотра. То есть исходный текст любого скрипта, написанного на встроенном языке, мы можем просмотреть, открыв HTML-код страницы. Естественно, ни о какой секретности, безопасности или соблюдении авторских прав в данном случае речь не идёт — кто захочет, тот и просмотрит, скопирует и переделает на свой лад. Программы на Perl пишутся в виде отдельных файлов и подключаются к странице с помощью директив SSI, тегов IFRAME или IMG. При этом в коде страницы мы получаем результат выполнения скрипта, а не его исходный код. Режим секретности — максимальный. Программы на PHP, так же как и на JavaScript, встраиваются в тело страницы и, как и Perl-программы, возвращают

пользователю только результат выполнения.

JavaScript

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

• Поддержка слоёв. Слои предоставляют собой фрагменты HTML, которые можно размещать на веб-странице путём наложения их друг на друга с точностью до пикселя. Слои всё больше приобретают признание как средство вёрстки веб-страниц и создания разных эффектов. Частично это связано с тем, что их параметры легко меняются динамически через скрипты, что даёт возможность создавать меню и другие выразительные средства дизайна.
• Работа с формами. Через скрипты удобно получать и обрабатывать любые данные форм, это позволяет проверить информацию на правильность ввода перед её отправкой на сервер. Можно создать «защиту от дурака» для контроля того, чтобы в элементы форм вводились корректные сообщения. Так, если в текстовом поле просят ввести число, следует сразу пресекать возможность ввода нечисловых символов.
• Работа с изображениями. Через скрипты можно делать предварительную загрузку изображений. Ещё до прямого обращения к изображениям, браузер помещает их в свою память, чтобы по мере необходимости быстрее отобразить в документе. Основные параметры изображений, такие как: ширина, высота картинок и адрес графического файла, тоже можно менять динамически. Это позволяет создавать эффект перекатывания, когда рисунок меняется на другой при наведении на него курсора мыши и обратно, когда курсор уводится с изображения. Подобным методом делаются и галереи фотографий — смена изображений происходит в пределах одной страницы.
• Определение даты и времени. Очень любимая почему-то многими дизайнерами возможность вставлять текущую дату, и даже время к себе на страницу, реализуется с помощью объекта Date, специально созданного для работы с датой. Всё что можно получить от времени, здесь уже есть.
• Работа с cookies. JavaScript поддерживает полноценную работу с cookies — небольшие текстовые файлы на локальном компьютере, в которых сохраняется техническая информация. Cookies можно использовать для сохранения даты последнего посещения читателя, паролей, а также любой информации о действиях посетителя на сайте. Подобное применение позволяет персонализировать сайт и сделать его более удобным для посетителей.
• Отслеживание событий. Событием называется определённое действие пользователя или изменение состояния документа. JavaScript отслеживает большинство событий и позволяет определять реакцию на них. Например, при загрузке веб-страницы происходит событие onLoad. Если необходимо запустить скрипт сразу после загрузки документа, следует этому событию назначить функцию, которая будет выполняться при его наступлении.
• Создание новых окон. Скрипты позволяют создавать новые окна, задавать у этих окон вид отображения и формировать их содержимое. Причём, у созданных таким способом окон можно отключать адресную строку, полосы прокрутки, меню и управлять их размером и положением на экране.
• Проверка браузера. Подход разных браузеров к объектной модели, хоть и стандартизирован, но ещё не всеми до конца принят. Поэтому для создания универсального документа, одинаково работающего везде, приходится делать проверку, какой в данный момент используется браузер, и давать ему подходящий код.
• Математические функции. JavaScript содержит все необходимые арифметические операции, поддерживает все стандартные математические функции, как с целыми числами, так и с плавающей точкой.
• Управление содержимым документа. Через метод write() можно вставлять любую информацию в уже созданный документ, например, сегодняшнюю дату. А также формировать полностью новый документ динамически. Это по<span class="dash041e_0431_044b_0447_043d_044b_04