Создание сайтов - Технологии

Типы сайтов / CMS (Движки) / Технолгии созания сайтов / Этапы создания сайта

Технологии создания сайтов

HTML

Главным и самым первым, получившим широкое распространение, средством представления информации в сети интернет, стал компьютерный язык HTML. HTML (Hypertext Markup Language — «язык разметки гипертекста») –  это стандартный язык разметки документов во Всемирной паутине, практически все веб-страницы создаются с его использованием. Язык HTML интерпретируется браузером и отображается в виде документа, удобном для восприятия человеком. Как выглядит интерет-страница в оригинале можно выяснить, если открыть её в текстовом (или как код) формате. В MS Internet Explorer эту опцию можно найти во вкладке «страница» и далее «просмотр HTML-кода».

HTML — это теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br />). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:

• <strong>Текст между двумя тегами — открывающим и закрывающим.</strong>

Этот пример в результате будет выглядеть так:

• Текст между двумя тегами — открывающим и закрывающим.

То есть, разметив текст между тегами <strong> и </strong> мы сделали его полужирным.

• <a href=" http://ru.wikipedia.org/wiki/HTML ">Здесь элемент содержит атрибут href.</a>

Результат этого примера:

• Здесь элемент содержит атрибут href.

Как видно из примера это гиперссылка, за создание гиперссылки отвечает тег <a> и </a>, а атрибут href указывает на адрес интернет-страницы.

• А вот пример пустого элемента: <br>

Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет.

Рассмотрев представленные примеры, становится ясно, что в основе языка разметки HTML лежат простые и лаконичные принципы.

Скрипты (JavaScript, PHP и т.д.)

Скрииптовый язык (англ. scripting language, в русскоязычной литературе принято название язык сценариев) — язык программирования, разработанный для записи «сценариев», последовательностей операций, которые пользователь может выполнять на компьютере. В прикладной программе, сценарий (скрипт) — это программа, которая автоматизирует некоторую задачу, которую без сценария пользователь делал бы вручную, используя интерфейс программы.

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

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

На нынешний день на стороне клиента чаще всего работает JavaScript.  JavaScript снискал большую популярность благодаря своей относительной простоте и многофункциональности. В HTML-странице о наличии JavaScript можно узнать по наличию тега  <script> и </script>.

Со стороны клиента всё большую популярность находит универсальный Скрииптовый язык PHP. PHP (англ. PHP: Hypertext Preprocessor — «PHP: препроцессор гипертекста») — язык программирования, созданный для генерации HTML-страниц на веб-сервере и работы с базами данных. С его помощью реализуется пятая часть всей сети интернет. Он имеет огромное количество возможностей применения и входит в LAMP — «стандартный» набор для создания веб-сайтов (Linux, Apache, MySQL, PHP (Python или Perl)).

Flash

В основе Flash лежит векторный морфинг, то есть плавное «перетекание» одного ключевого кадра в другой. Это позволяет делать достаточно сложные мультипликационные сцены, задавая лишь несколько ключевых кадров для каждого персонажа. Flash использует язык программирования ActionScript, основанный на ECMAScript. Используется главным образом, для создания анимации.

Flash одновременно употребляется и как название формата (флеш-фильмы, флеш-ролики) (полное название — Flash Movie), однако формат называется «SWF», что произносится как англ. swiff (нечто между «свиф» и «суифф»).

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

Flash-файлы имеют расширение .swf и просматриваются с помощью Flash Player, который может быть установлен как плагин для браузера. Распространяется бесплатно через сайт Adobe. Исходные файлы с расширением .fla создаются в среде разработки Adobe Flash, а потом компилируются в понимаемый Flash Player формат — .swf.

У технологии Flash есть свои достоинства и недостатки. К недостаткам можно отнести чрезмерную требовательность к ресурсам процессора и не возможность в некоторых случаях воспроизвести Flash-ролик в виду отсутствия установленного плагина или необходимости обновить его до последней версии. Так же некоторые пользователи отключают возможность просмотра таких роликов, так как Flash часто используется для рекламных баннеров. Что в купе, делает технологию не совсем надёжной. Текст представленный во Flash-ролике не индексируется поисковыми машинами.

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

В большинстве случаев Flash используют в сочетании c HTML и скриптами, небольшими вставками, что даёт возможность совместить визуальную и функциональную составляющие.

Для написания данной статьи использовались данные из wikipedia.

Вернуться назад: Создание сайтов - CMS Читать далее: Создание сайтов - Этапы работ

Типы сайтов / CMS (Движки) / Технолгии созания сайтов / Этапы создания сайта