Бурно развивающийся раздел программирования, ориентированный на разработку динамических Internet-приложений. Языки веб-программирования - это соответственно языки, которые в основном предназначены для работы с интернет-технологиями. Языки веб-программирования делятся на две группы: клиентские и серверные.

Как следует из названия, клиентские языки обрабатываются на стороне пользователя, а если проще - программы на клиентском языке обрабатывает браузер. Отсюда следует и недостаток - обработка скрипта зависит от браузера пользователя, и пользователь имеет полномочия настроить свой браузер так, чтобы он вообще игнорировал скрипты. При этом, если браузер старый, он может не поддерживать тот или иной язык или версию языка, на которую опирался разработчик. С современными браузерами таких проблем возникать не должно, к тому же языки программирования не так уж часто кардинально обновляются (раз в несколько лет) и лучшие из них давно известны. Также код клиентского скрипта может посмотреть каждый, выбрав в меню «Вид» своего браузера вкладку «Исходный код» (или что-то в этом роде).

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

Самым распространенным из клиентских языков является JavaScript , разработчиками которого является компания Netscape совместно с компанией Sun Microsystems . Ещё один популярный язык - это VBScript .

Когда пользователь дает запрос на какую-либо страницу (переходит на нее по ссылке, или вводит адрес в адресной строке своего браузера), то вызванная страница сначала обрабатывается на сервере , то есть выполняются все программы, связанные со страницой, и только потом возвращается к посетителю по сети в виде файла. Этот файл может иметь расширения: HTML , PHP , ASP , Perl , SSI , XML , DHTML , XHTML .

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

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

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

Это раздел программирования, ориентированный на разработку веб-приложений (программ, обеспечивающих функционированиединамических сайтов Всемирной паутины).

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

Языки веб-программирования делятся на две группы

· Клиентские языки

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

· Серверные языки

Когда пользователь дает запрос на какую-либо страницу (переходит на неё по ссылке или вводит адрес в адресной строке своего браузера), то вызванная страница сначала обрабатывается на сервере, то есть выполняются все программы, связанные со страницей, и только потом возвращается к посетителю по сети в виде файла. Этот файл может иметь расширения: HTML, PHP, ASP, ASPX, Perl, SSI, XML, DHTML, XHTML.

Работа программ уже полностью зависима от сервера, на котором расположен сайт, и от того, какая версия того или иного языка поддерживается. К серверным языкам программирования можно отнести: PHP, Perl, Python, Ruby, любой.NET язык программирования (технология ASP.NET), Java, Groovy.

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

1.1 HTML. Создание и редактирование документов

HTML (HyperText Markup Language) - язык разметки гипертекста - предназначен для создания Web-страниц. Под гипертекстом в этом случае понимается текст, связанный с другими текстами указателями-ссылками.

HTML представляет собой достаточно простой набор кодов, которые описывают структуру документа. HTML позволяет выделить в тексте отдельные логические части (заголовки, абзацы, списки и т.д.), поместить на Web-страницу подготовленную фотографию или картинку, организовать на странице ссылки для связи с другими документами. HTML не задает конкретные и точные атрибуты форматирования документа. Конкретный вид документа окончательно определяет только программа-броузер на компьютере пользователя Интернета. HTML также не является языком программирования, но web-страницы могут включать в себя встроенные программы-скрипты на языках Javascript и Visual Basic Script и программы-апплеты на языке Java.

Пример создания простейшей HTML страницы, которая выводит текстовую информацию, этой самой информацией может быть все что угодно, для примера выведем предложение "Пишем Код - Вершим историю":

content="text/html; charset=UTF-8"

http-equiv="content-type">

Вывод простого текста

Пишем Код - Вершим историю. (c) Sergey Gurov

Результат показан на рисунке №1.

Рисунок 1. Простейшая html страница

Основные теги THML используемые при создании web-страниц:

- Указывает программе просмотра страниц что это HTML документ.

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

- Определяет видимую часть документа.

- Помещает название документа в оглавление программы просмотра страниц

- Создает самый большой заголовок

- Выделение цитат курсивом

Создает ненумерованный список

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

, а каждый пункт списка начинается с тега
• , к примеру создадим маркированный список известных языков программирования:

  Маркированный список

• Delphi
• GLSL – Шейдерный язык

Результат показан на рисунке №2.

Рисунок №2. Маркированный лист

Форматирование html страницы, а именно ее элементов производится благодаря тегам форматирования, к примеру:

Hello World Создает жирый текст “Hello Word”

Hello Space Создает наклонный текст “Hello Space”

Результат показан на рисунке №3.

Рисунок №3. Форматирование текста

Форматирование текста можно комбинировать, к примеру в этой строке кода:

Hello World - Говорится, что текст будет наклонным и жирным одновременно.

Для вставки графических элементов служит тэг .

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

Простой пример использования графического изображения при создании web-страницы:



Результат показан на рисунке №4.

Рисунок №4. Форматирование текста

Очень просто заменить белый фон, на любой другой с помощью атрибут Background тэга к примеру:



1.2 Использование фреймов и форм

Frame - рамка, кадр. Фреймы делят пространство окна браузера на независимые разделы, в которых отображается различная информация.

Очень удобно использовать фреймы когда необходимо отображать на экране данные из разных источников. Чтобы сделать фрейм, надо создать новую Вэб-страницу, с тэгами .

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

Дескриптор служит для определения структуры и содержимого конкретного фрейма.

Приведем простейший пример с использованием фрейма:

Пример работы с фреймами

Результат показан на рисунке №5.

Рисунок №5. Использование фрейма

Использование Форм при создании html страницы.

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

Простой пример применения форм при создании html страницы:

Тег FORM

Какой язык программирования вы используете чаще всего?

Delphi


C++


Пишу шейдеры на GLSL

Результат показан на рисунке №6.

Рисунок №6. Использование формы

Гиперссылка может связывать страницы как в пределах одного сайта, так и указывать на любую страницу в Интернете. При построении ссылки на чужие страницы всегда надо пользоваться абсолютным адресом страницы (http://www.site.com/page.html). Если создается ссылка на страницу в пределах сайта, то предпочтительнее использовать относительный URL (page.html, catalog/page.html).

При помощи атрибута TARGET можно загрузить страницу в новом окне браузера. Этот атрибут предназначен для задания наименования окна. Имя окна используется в служебных целях. Чтобы открыть страницу в новом окне надо использовать константу _blank.