Если сравнить исходные тексты различных Web-страниц, можно  легко увидеть сходство их структур. Это объясняется тем, что документы  создаются по определенным правилам. В основу синтаксиса языка HTML лег стандарт ISO 8879:1986 «Information processing. Text and Office systems. Standard Generalized Markup Language (SGML)». Правда, существует большое различие между стандартом официальным и стандартом фактическим.

         Ниже приведен шаблон типичного Web-документа. На его примере мы рассмотрим общие принципы построения HTML-страниц.

Для того чтобы понять структуру Web-страницы, нам необходимо подробно рассмотреть  все элементы, входящие в приведенный  листинг.

      name=’’Автор’’

      content=’’Юлия’’>

      name=’’Keywords’’

      content=’’WWW, HTML, document, element’’>

      Переход в конец документа 

      Переход к ссылке 1

      Заголовок1

      Заголовок2

      Заголовок3

      Заголовок4

      Заголовок5

      Заголовок6

      Здесь расположена ссылка 1

      Здесь должен располагаться  оригинальный текст Web-страницы

      Переход в начало документа

      Текст комментария.

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

Существует, правда, одно ограничение: внутри комментария  не должны располагаться другие элементы. Так должно быть, разумеется, только в том случае когда необходимо, чтобы все содержимое элемента COMMENT не отображалось на экране монитора. Если в комментарии будет присутствовать другой элемент, то его содержимое будет выведено на экран, отформатированное соответствующим образом. С этой проблемой связана другая, похожая: обычный текст не может содержать фрагменты, имеющие вид тегов. Для того чтобы включать в текст подобные конструкции, существует элемент PLAINTEXT.

Существует  и другой способ обозначения комментария. Он заключается в использовании восклицательного знака и обрамлении текста комментария двойным тире.

Внутри  подобной конструкции можно помещать и теги: они не будут восприниматься браузером.

       

1.2 Отличительный признак HTML-документа

 

         Одним из принципов  языка является многоуровневое вложение элементов. HTML является самым внешним, так как между его стартовым и конечным тегами должна находиться вся Web-страница. В принципе, этот элемент можно рассматривать как формальность. Он имеет атрибуты: version, lang и dir, которыми в данном случае мало кто пользуется и допускает вложение элементов HEAD, BODY и PLAINTEXT, определяющих общую структуру Web-страницы. Естественно, что конечным тегом заканчиваются все гипертекстовые документы.

 

         

• Область заголовка Web-страницы.

 Иными  словами, ее первая часть. Так  же как и HTML, HEAD служит только  для формирования общей структуры  документа. Этот элемент может  иметь атрибуты lang и dir и допускается  вложение элементов TITLE, ISINDEX, BASE, NAME, LINK, NEXTID.

• Элемент для размещения заголовка Web-страницы.

Строка  текста, расположенная внутри, отображается не в документе, а в заголовке  окна браузера. Эта особенность часто используется для организации поиска в WWW. Поэтому авторы, создающие Web-страницы, должны позаботиться о том, чтобы строка внутри TITLE, не будучи слишком длинной, достаточно отображала назначение документа.

• Описание стиля некоторых элементов Web-страницы.

Для каждого элемента существует стилевое оформление по умолчанию, поэтому употребление STYLE не обязательно. Этот элемент содержит служебную информацию, которая не отображается при просмотре Web-страницы. Внутри него нет текста в обычном понимании, поэтому нет и конечного тега. Каждый элемент NAME содержит два основных атрибута, первый из которых определяет тип данных, а второй - содержание. Далее приведены несколько примеров meta-данных.

      Дата, обозначающая «срок  годности» документа:

      name=’’Expires’’ content=’’Дата’’

      Адрес электронной почты:

      name=’’Reply-to’’ content=’’Имя@Адрес’’

      Указание приложения, в котором был создан Web-документ:

      name=’’Generator’’ content=’’Название HTML-редактора’’

Атрибут name используется приложением-клиентом для получения дополнительной информации о Web-страницах и их упорядочения. Этот атрибут часто заменяют атрибутом http-equiv. Он используется сервером для создания дополнительных полей при выполнении запроса.

Кроме этого, элемент NAME может содержать URL. Шаблон соответствующего атрибута таков:

      URL=’’http://адрес’’

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

Рассмотрим  их по порядку:

         1.Один из самых полезных для дизайна - атрибут, определяющий фон страницы. Его появление можно уподобить маленькой революции в WWW, так как одинаковые серые Web-страницы благодаря ему расцвели яркими цветными узорами:

      background=’’Путь к файлу фона’’

      Более простое оформление фона сводиться к  заданию его цвета:

      bgcolor=’’#RRGGBB’’

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

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

      text=’’#RRGGBB’’

      Для задания цвета  гиперссылок используется атрибут:

      link=’’RRGGBB’’

      Также можно задать цвет для использованных гиперссылок:

      vlink=’’RRGGBB’’

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

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

• Элемент для установки базового адреса (URL) для ссылок.

 Это  позволяет опускать их начальную  часть. Тогда при указании относительной  ссылки можно задать не только  имя файла, но и имена папок,  в которых он находиться. Иными  словами, путь к файлам может  быть разбит на две части: абсолютную и относительную. Это полезно в том случае, когда для файлов указанных в документе, есть общий начальный фрагмент пути. В выражении абсолютной ссылки можно также опустить указание на схему доступа (file://). В этом случае будут учитываться только левая часть абсолютной ссылки до первого левого символа <\>, то есть имя локального диска.  

 

Язык web-программирования РНР

 

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

         PHP - один из популярнейших  языков программирования в сети  Интернет.. Данный язык существует  с 1994 года. Его создателем является  Расмус Лердорф (Rasmus Lerdorf).

1.1 Синтаксис языка

 

• Каждая  команда РНР обычно начинается с  тэга "<?php" и заканчивается "?>". Использование нескольких команд подряд разрешает объединение внутри одной пары тэгов в таком случае каждую команду необходимо отделять друг от друга символом ";".
• В любом месте РНР-скрипта можно размещать комментарии. Для начала комментария используется символы "/*", а для его завершения - "*/".В небольшом коментарии, удобней использовать символы "//" - тогда все, что следует за ними до конца строки, будет игнорироваться, подобно лишним символам пробела, табуляции и новой строки.

1.2 Основы программирования на РНР

1. Величины

• РНР позволяет использовать переменные ,которые не нужно описывать так, как это делается в Visual Basic или Pascal. Вводится необходимая переменная там где это необходимо. Имена переменных начинаются с символа "$". Переменные могут быть трех типов: целые, с плавающей запятой и символьные строки. Разделение на типы условное, и каждая функция стремится использовать правильный тип автоматически.

Например: <?php $a = 7; $b = 9.5; $c = "Hello"; ?>.

Здесь переменной "а" присваивается  значение "7", и она приобретает              тип целочисленной. Переменная "b" обретает вещественный тип и становится равной "9,5". Строка "Hello" присваивается переменной "с", в результате чего она становится строковой.

• Для отображения переменных или результатов работы скрипта используется команда echo.

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

<?php $d = date(d.m.Y); echo "Последние обновления: $d "; ?>

• РНР обработает все команды, которые находятся между специальными тэгами,

"Последние  обновления: 8.04.2011". Браузер получает чистый HTML-код.  

2. Алгоритмические структуры

 

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

      Циклы в РНР:

Циклы в программировании - это повторяющиеся  несколько раз операции. Точка отсчета указывается в начале цикла, а длительность его выполнения ограничивается каким-либо условием. Примером цикла может служить копирование нескольких файлов. Алгоритм выполнения этого задания можно описать так: установить счетчик скопированных файлов в ноль, скопировать файл, проверить закончились файлы или нет, если нет - увеличить счетчик скопированных файлов, вернуться к началу цикла (опять скопировать файл), если да - закончить цикл. Теперь рассмотрим, как циклы реализуются в синтаксисе РНР.