Анализ существующих технологий создания сайтов

Содержание

 

 

 

 

 

 

 

 

1. Анализ существующих технологий создания сайтов

1.1 История сайтостроения

Сеть Internet  появилась еще в 1961 году, но история сайтостроения берет свое начало с 1991 года. Именно тогда Пол Линдер и Марк П. МакКайгил из Университета Миннесоты создали протокол Gopher, ставший предшественником концепции и функций WWW. Хотя в серверах Gopher не было гипертекстовых ссылок и графических элементов, они быстро распространились в сети Интернет. Однако через короткий отрезок времени стало ясно, что возможностей Gopher не хватает.

В 1992 году Тим Бернерс-Ли, известный всему компьютерному миру как разработчик всемирной паутины, презентовал первый сайт info.cern.ch. Он представлял собой информацию о World Wide Web – Всемирной информационной сети или просто Web (паутины). Технология WWW стала развитием идеи Gopher. Вместе с вебом пришли три новые технологии:

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

Именно с этого момента и начинает развиваться такое направление в прикладном программировании, как создание сайтов. 

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

Позже, когда технология web распространилась по миру, появились первые статические сайты. Такие сайты представляли собой программу, написанную на языке гипертекстовой разметки HTML. HTML – Hyper Text Markup Language, язык логической разметки веб-страниц, появился из более сложного языка – SGML (Single Generaized Markup Language). HTML вышел в свет 22 сентября 1995 года под названием «HTML 2.0» (официальной редакции «HTML 1.0» не существует). После чего были попытки его модернизировать, однако проект «HTML 3.0» так и не был рекомендован. А вот версия «HTML 4.0», вышедшая в свет 18 декабря 1997 года, почти в неизменном виде используется и по сей день.

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

Работа со статическими сайтами, созданными при помощи HTML, отнимала много времени и сил, а, как известно, лень – двигатель прогресса. Поэтому через некоторое время были созданы механизмы, которые позволяли не хранить готовые страницы как отдельные файлы, а формировать их в режиме реального времени. Так и появился PHP - Hypertext Preprocessor, который сделал новый шаг в сайтостроении. Препроцессор гипертекста - язык программирования, созданный для генерирования HTML-страниц на веб-сервере и работы с базами данных.

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

Следующим шагом стала разработка систем управления сайтами и сайты с использованием технологий flash. Разработчики сайтов, которые объединялись в союзы и назывались студиями web-разработки, через некоторое время поняли, что заказов всё больше и времени на их исполнение катастрофически не хватает. Поэтому они решили облегчить себе задачу и начали создавать движки сайтов, при помощи которых можно было бы снизить временные затраты на разработку как минимум в три раза. Одновременно с этим событием в истории сайтостроения появляется и технология flash и формируется облик искусства сайтостроения и Интернета в целом, который мы привыкли видеть в настоящее время.

Сейчас Internet  превратился из просто большого хранилища информации в целый уникальный мир. С помощью Internet  люди совершают покупки, общаются, узнают новости и занимаются многими другими делами. И сайты в настоящее время уже являются официальными представительствами компаний в сети Internet , а не просто набором страничек с текстами. Ресурсы становятся всё более и более функциональными. Далее рассмотрим более подробно различные способы создания сайтов.

1.2 Языки текстовой разметки и программирования сайтов

Формат HTML. С точки зрения пользователя Windows, веб-страница - это файл с расширением htm или html, находящийся на сервере Internet , в локальной сети или на жестком диске компьютера. Этот файл текстовый, т. е. он может быть открыт в любой программе просмотра неформатированного текста, например в  программе Блокнот. Все команды разметки HTML, называемые тегами, также представляют собой строки специально оформленного текста.

Формат HTML представляет собой достаточно простой набор команд (или тегов), которые описывают структуру документа. Теги HTML (более правильное название - дескрипторы) позволяют:

• придать смысловую роль текстовому блоку (например сделать логическое ударение, выделить заголовок (от первого до шестого уровня), параграф, пункт списка и др.), который обрабатывается браузером в соответствии со смыслом или настройками пользователя;
• вставить гипертекстовые ссылки, которые значительно упрощают чтение множества связанных документов, т.к. позволяют запросить документ с адресом, указанным в коде ссылки, простым щелчком мыши;
• обозначить гарнитуру, кегль, начертание, цвет шрифта для визуального вывода;
• ввести на странице специальные символы (выходящие за рамки ASCII символы пунктуации, математические символы, греческие и готические буквы, стрелки и т. п.);
• сделать формы для введения пользователем данных, которые позднее подвергаются обработке;
• открывать мультимедийные файлы, выводимых как непосредственно браузером (например, изображения в форматах JPEG, GIF или PNG; аудиофайлы MIDI и др.), так и внешними приложениями, встроенными в окно браузера (Flash-анимация, Java-апплеты и прочее).

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

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

Тег HTML имеет общий вид <имя>содержимое</имя> и действует на все, что расположено между парами треугольных скобок. Все теги, имеющие содержимое, должны закрываться, причем закрывающая часть </имя> отличается от открывающей <имя> только наличием символа "/". Теги могут вкладываться друг в друга иерархически, но без пересечений, т. е. допустимо вложение вида <тег1><тег2></тег2></тег1>, но не <тег1><тег2></тег1></тег2>. Тег вместе с содержимым часто называют элементом HTML. Пример создания страницы:

<html>

<head>

<title>Название</title>

</head>

<body>

Само «тело» сайта, содержащее тексты, картинки и пр.

</body>

</html>

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

<p><b><i>Голос</i></b> </p>

HTML предоставляет большую свободу обращения с тегами, но существуют и ограничения - нельзя же вложить старшую матрешку внутрь младшей!

Теги делятся на блочные (block-level) и текстовые (inline). Первые могут содержать как текстовые, так и другие блочные теги. При отображении они всегда выводятся с новой строки. Вторые могут содержать только текст и другие текстовые теги, но не блочные. При отображении они выводятся в текущей строке.

Теги, имеющие содержимое и нуждающиеся в закрывающей части, называют контейнерными, а теги без содержимого и закрывающей части - унарными.

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

имя="значение"

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

<img src=”kat.jpg” width=200px>

указывает на изображение шириной 200 px

В закрывающей части тега атрибуты не применяются.

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

У каждого тега имеется набор допустимых для него атрибутов. Для многих атрибутов также заранее известен набор значений, которые они могут принимать. Чаще всего атрибуты можно пропускать, тогда браузер выводит документ, придерживаясь правил, принятых "по умолчанию". Существуют и обязательные атрибуты. Например, тег вставки картинки не сможет ее найти, если в атрибуте src не будет указано ее местоположение. Как правило, порядок следования атрибутов, допустимых для данного тега, может быть произвольным.

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

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

Каскадные таблицы стилей CSS и язык программирования PHP

CSS (Cascading Style Sheets) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Если HTML используется для структурирования содержимого страницы, то CSS используется для форматирования этого структурированного содержимого. Каскадные таблицы стилей могут размещаться как внутри HTML документа, так и в отдельном файле с расширением «.css». Каскадные таблицы стилей (CSS) – это направление модерн, оно очень сильно облегчает труд вэб дизайнера.

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

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

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

Язык PHP (от английского Hypertext Preprocessor - препроцессор гипертекста) специально создан для генерации HTML-страниц на Web-сервере и работы с базами данных. В настоящее время PHP поддерживается подавляющим большинством серверов, именно на этом языке написана значительная часть популярных Web-порталов. PHP в рекордные сроки стал популярным благодаря своей простоте, скорости выполнения, удобной встроенной интеграции с базами данных MySQL, богатой функциональности и свободному распространению исходных кодов. PHP отличается наличием неизменного ядра и подключаемых модулей-расширений для работы с различными базами данных, динамической графикой, криптографией, документами формата PDF и т. д. Существуют сотни дополнительных модулей, но в стандартную поставку входит лишь несколько десятков из них. Интерпретатор PHP подключается к Web-серверу либо через библиотеку, созданную специально для этого сервера, либо в качестве CGI-приложения.

Синтаксис PHP во многом подобен синтаксису Си, ряд элементов заимствован и из Perl. Простейшая программа на PHP выглядит следующим образом:

<?

echo 'Hello, world!';

?>

Интерпретатор PHP исполняет код, находящийся внутри ограничителей <? и ?>. Все, что находится вне ограничителей, выводится без изменений. В основном, это используется для вставки PHP-кода непосредственно в HTML-документ.

В удивительнейшем языке программирования PHP существует огромное количество различных возможностей для работы с внешними приложениями, например, такими как Система Управления Базами Данных MySQL. С помощью этой Системы Управления Базами Данных вы можете хранить и получать информацию прямиком из вашей базы данных, полученную в ходе всей работы вашего собственного приложения или веб-сайта. В ней очень удобно хранить и искать необходимую вам информацию, для того чтобы потом её использовать для вашего приложения или веб-сайта. Например, вы можете написать свой собственный скрипт регистрации на замечательном языке программирования PHP, который будет сохранять введённую при регистрации информацию пользователями, а потом с помощью авторизации легко проверить правильность ввода данных аккаунта.