Средства создания Web-сайтов

Для создания Web -приложений на стороне сервера используются разнообразные технологии и языки программирования:

Название	Web-сервер
ASP	специализированный
ASP.NET	специализированный
Java	множество, в том числе свободных
Perl	практически любой
PHP	практически любой
Python	практически любой
Ruby	практически любой

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

Клиентские языки обрабатываются на стороне клиента пользователя, а если проще - программы на клиентском языке обрабатывает браузер. Отсюда следует и недостаток – это то, что обработка скрипта зависит от браузера пользователя, и пользователь имеет полномочия настроить свой браузер так, чтобы он вообще игнорировал написанные вами скрипты. При этом, если браузер старый, он может не поддерживать тот или иной язык или версию языка, на которую вы опираетесь. С современными браузерами таких проблем возникать не должно, к тому же языки программирования не так уж часто кардинально обновляются (раз в несколько лет) и лучшие из них давно известны. Также код клиентского скрипта может посмотреть каждый, выбрав в меню “Вид” своего браузера вкладку “Исходный код” (или что-то в этом роде). Преимущество же клиентского языка заключается в том, что обработка скриптов на таком языке может выполняться без отправки документа на сервер. Самым распространенным из клиентских языков является JavaScript. Другой вариант клиентского языка это, например, VisualBasicScript (VBS). Чтобы начать учить клиентский язык Web -программирования, понадобится поддерживающий этот язык браузер (Internet Explorer, Opera, Netscape Navigator, Mozilla).

Серверные языки. Каким образом обрабатываются скрипты на серверном языке

программирования. Для начала рассмотрим схему, представленную на рис. 5.7.4-1:

Рис. 5.7.4-1

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

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

В настоящее время стали известны и не напрасно СУБД, обращение к которым производится посредством Structured Query Language (SQL), или структуризированным языком запросов. Чтобы работать с этими базами данных (дополнять, обновлять, делать запросы и т. д.) вам необходимо знать этот самый SQL.

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

Среди серверных языков программирования можно выделить PHP (Hypertext Preprocessor), Perl, SSI (Server Side Include).

Средства языка HTML

Хотя многие теомины уже были опмсаны ранеее, рассмотрим основные термины еще раз применительно к языку HTML.

Элемент (element) – конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать их определенным образом. Любая Web -страница представляет собой ряд элементов. Одна из идей гипертекста – возможность вложения различных элементов.

Тег (tag) – начальный или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web -страницы теги заключаются в угловые скобки, а конечный тег ещё с косой чертой (< … />).

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

Гиперссылка (hyperlink)- фрагмент гипертекста, который указывает на другой файл или объект.

Фрейм (frame) – этот термин имеет два значения. Первое – область документа со своими полосами прокрутки. Второе – один кадр сложного анимированного изображения.

HTML – файл или HTML -страница-документ, созданный в виде гипертекста на основе языка HTML.

Апплет (applet) – программа, передаваемая на компьютер клиента в виде отдельно файла и запускаемая при просмотре Web -страниц.

Скрипт или Сценарий (script) – программа лежащая в HTML -страницы, расширяя её возможность при помощи средств мультимедиа.

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

CGI (Common Gateway Interface) – общее название для программ, которые, работая на сервере, позволяют расширить возможности Web-страниц. Например, без таких программ невозможно создание интерактивных страниц. К таким программам относят виртуальные магазины, некоторые чаты и т.д.

Программный код или просто код – аналог понятия «текста программы».

Код HTML – гипертекстовый документ в своем первоначальном виде, когда видны все элементы и атрибуты.

World Wide Web, WWW или просто Web – Всемирная паутина, распределенная система доступа к гипертекстовым документам, существующая в Интернете. HTML является основным языком для создания документов в WWW. Изучая его, мы, фактически, изучаем часть этой системы, хотя область применения языка намного шире.

Web-страница – документ (файл), подготовленный в формате гипертекста и размещенный в World Wide Web.

Сайт (site) – набор Web -страниц, принадлежащих одному владельцу.

Броузер (browser) – программа для просмотра Web -страниц.

Загрузка (downloading) – копирование файлов с сервера на компьютер-клиент.

URL (Uniform Resource Locator) или универсальный указатель ресурса – адрес некоторого объекта в Интернете. Типичный URL для WWW имеет вид: http://www.название.домен/имя файла. Здесь название – это часть адреса, который часто употребляется для обозначения владельца сайта, а домен — обозначение крупного «раздела» Интернета: страны, области деятельности и т. д. URL используются для того, чтобы указать конкретную Web -страницу или графический файл в гиперссылках, а также везде, где требуется однозначно определить месторасположение Web -страницы или файла.

Базовый URL – часть адреса, которая является общей для всех ссылок текущей Web -страницы.

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

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

Первая версия HTML была разработана в 1990-х годах для браузера Mosaic.

В 1997 году появилась версия 4.0, называемая Dinamik HTML. Новаторство этой версии заключается в возможности делать Web -страницы интерактивными. Появились такие понятия, как JavaScript, Java, VisualBasic Script. До сих пор практически нет определенного стандарта поддержки сценариев, поэтому, сколько браузеров, столько и методов поддержки скриптов. Результатом использования сценариев стали пометки, в каких браузерах лучше просматривать страницы.

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

Посколько при разработке Web -страницы в лабораторном практикуме предполагается использовать VS.NET, то при создании новой страницы необходимо в открывшемся меню выполнить команду Создать элемента основногоменю Fale, а затем в окне Создать файл указать шаблон HTML Page и нажать кнопку Выполнить.

Так как при разработке Web -страницы в лабораторном практикуме предполагается использовать VS.NET, то для создания нового сайта необходимо выполнить команду Создать Web-сайт... элемента главного меню Файл. В открывшемся окне New Web-Cite указать шаблон Empty Web-Cite и его расположения, а затем нажать кнопку <OK>. В результате этих действий откроется пустой Web-Cite. Выполнить команду Add New Item … (Добавить новый элемент…) элемента главного меню Web-Cite. В результате откроется окно Add New Item (Добавит новый элемент) – путь расположения Web-сайта, в котором необходимо указать шаблон HTML-страница и имя этой страницы, например, index.htm.

В результате откроется окно Web-страницы с именем index.htm (рис. 5.7-5-1), в котором можно увидеть Web -страницы.

Аналогичным образом создаются и другие htm-файлы, а также файлы таблиц стилей (css-файлы) и др.

В результате вышеописанных действий откроется пустое окно Конструктор Web -страницы с именем HTMLPage1.htm (рис. 5.7.5-1).

Рис. 5.7.5-1

Если перейти в окно Исходный код, можно увидеть заготовку Web -страницы
(рис. 5.7.5-2).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Untitled Page</title> </head> <body> </body> </html>

Рис. 5.7.5-2

В результате Обозреватель решений будет иметь вид как на рис. 5.7.5-3.

Рис. 5.7.5-3

Почти все теги имеют конечный тег. Если не был поставлен конечный тег, то его действие будет распространяться от начала постановки до конца документа. Это очень распространенная ошибка.

Если просмотреть несколько страниц, то можно заметить, что они имеют схожие элементы.

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

Все тэги в HTML выделены ограничивающими символами "<" и ">", что позволяет

легко узнавать их в процессе редактирования готового документа. А закрывающий тэг начинается со знака "/". В процессе создания документа часто возникает необходимость делать заметки – комментарии, для того, что бы впоследствии свободнее ориентироваться в HTML -пространстве. Для этого, комментарии в документе необходимо заключить в знаки "". Например:

У тэгов могут быть параметры. У одних их очень много, а у других нет вообще. Параметры в свою очередь могут иметь значения. Если значение не задано, параметр примет значение по умолчанию. Короче, если не заданы значения, браузер задаст его сам. Например:

<body bgcolor="#335533">,

где body – тэг, bgColor bgcolor – параметр, ="#335533 – значение.

HTML -документ, отвечающий спецификации HTML4.1 начинается со строки:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Эта строка говорит браузеру о том, что документ соответствует международной спецификации версии 4.1. Затем мы должны открыть документ с помощью элемента <HTML>. Запомним, что любой HTML -документ всегда открывается с помощью тэга <HTML> и закрывается с помощью тэга </HTML>. Между ними расположен сам документ, состоящий из двух разделов: HEAD и BODY (заголовка и тела).

Нельзя не сказать пару слов о таблицах стилей CSS (cascading style sheets), представляющих собой инструменты присоединения стилей к HTML -документам. С их помощью мы можем управлять шрифтом и цветом текста, распределением материала, и т.д. То есть задаются для всего документа определённые правила отображения на экране монитора тех или иных элементов данного HTML -документа. Допустим, нам нужно все заголовки первого уровня отобразить белым цветом, а заголовки третьего уровня - красным. Всё это реализуют CSS. Например:

h1 { color: white }

h3 { color: red }

</style>

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями: