Использование символов

В HTML и в браузерах реализована возможность прорисовки символов по их кодам. Символы могут быть общепринятыми, нестандартными и используемыми в HTML в качестве служебных символов. Их называют спецсимволами. Первый способ ввода спецсимвола заключается в указании его кода. Например, латинскую букву А можно задать так: &#65. Для некоторых символов предусмотрена мнемоническая кодировка. Для отделения символа от последующего текста надо вводить точку с запятой.

Типы данных

Основным типом данных Web-страницы является текстовой тип. Существует много элементов, которые являются контейнерами для текста, или используются для форматирования текста. Числовые и мнемонические коды, обозначающие символы, предваряются знаком амперсанта &. Таким образом, амперсанд и угловые скобки могут быть введены в текст не на прямую, а только при помощи кодов. Текстовые данные, являющиеся значениями атрибутов, заключаются в прямые двойные кавычки. Числовые данные требуются только для указания значений атрибутов и записываются без кавычек. Гиперссылки обычно состоят из двух частей: текста подсказки и адреса, который определяет координату перехода. Текст подсказки или заменяющий его рисунок располагается внутри элемента А, а адрес задаётся при помощи атрибута href. Гиперссылка обычно выделяется на фоне текста цветом или подчёркиванием. Вид указателя мыши обязательно изменяется, когда он помещается над гиперссылкой.

Управление цветом

Кодирование цвета используется для раскрашивания шрифтов, горизонтальных линий и фона, других элементов страницы. Цвета обозначаются английскими названиями или числовыми шестнадцатеричными кодами. Существует несколько атрибутов, значениями которых являются параметры цвета. Самый простой способ определить цвет - написать название цвета на английском языке. Так, например, задаётся красный цвет шрифта в элементе FONT: Color = "red”

Цветовая проработка Web-страницы является альтернативой многочисленных рисунков и позволяет обеспечить более быструю загрузку документа.

Графика

Иллюстрации в тексте радуют глаз и делают документ более привлекательным. Пора и нам записать в свой актив вывод картинок средствами HTML.

Браузеры "хорошо" работают с двумя наиболее распространенными форматами графических формата GIF и JPG. Использование других графических файлов допускается, к примеру, png, flesh и т.п., но самыми распространенными являются первые два, поскольку они наиболее просты в использовании и применялись на "заре" создания web.

Формат GIF

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

GIF-формат имеет три приятные дополнительные возможности:

Мультипликация. Используя анимационный GIF-редактор, легко собрать простой мультик: нарисовать отдельные кадры, настроить время задержки в последовательности показа, "зациклить кино" или показывать кадры только один раз. Когда анимация готова, она записывается на диск как обычный GIF-файл. Хотя в этом файле не одна, а целая серия GIF-картинок и разная настроечная информация.

В HTML нет различия между заданием вывода на экран простого GIF или анимированного. О том, что картинка "живая" - браузер узнает в момент загрузки GIF-файла (с диска или сети) и поступает соответственно. Обычные картинки он просто размещает на экране и "забывает" про них. Анимированные ему приходится опекать постоянно, меняя кадры на экране в соответствии с программой, заложенной в самом GIF.

Прозрачная графика. В GIF-формате один цвет можно объявить прозрачным. Это позволяет избавиться от строго прямоугольных иллюстраций и вписывать рисунок в документ более привлекательным образом. Прозрачный цвет задается в редакторе при записи GIF-файла на диск. Обычный GIF легко сделать прозрачным. Нужно просто загрузить его в GIF-редактор или PhotoShop и снова записать на диск, указав прозрачный цвет.

Чересстрочная развертка. Применяется для больших GIF. Иллюстрация разделяется на четыре части, размером с оригинальную картинку. Первая часть содержит 1, 5, 9,. строки исходного изображения. Вторая - 2, 6, 10,. Третья - 3, 7, 11,. Четвертая - 4, 8, 12,.

Браузер строит на экране сначала первую часть картинки, потом вторую, затем третью и четвертую. Получается эффект постепенного проявления изображения. На медленных линиях Интернета этот метод позволяет пользователю еще до загрузки всех частей получить представление об изображении - ведь части строятся браузером по мере их поступления на компьютер. Если картинка загружается не по сети, то различия вывода обычного GIF и чересстрочного на быстрых компьютерах практически незаметны.

Формат JPG

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

Конечно, высокое качество отражается на размерах файла. Но формат JPG имеет одну особенность: в JPG-редакторе, при записи на диск, можно указать ту степень качества, которая нужна и, тем самым, балансируя на планке "качество-размер файла", достичь нужного компромисса. В самом деле, если из миллиона цветов отсканированной фотографии оставить только 10 000, заменив остальные цвета на близкие - на глаз такую подмену будет обнаружить практически невозможно, а размер файла существенно сократится.

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

Как программировать картинки

Картинку можно помещать в документ почти так же, как текстовый символ. Для вставки этого необычного знака нужно воспользоваться командой <IMG>. Команда не имеет парного закрывающего тега, но имеет много атрибутов.

Атрибут src = имя файла. Самым главным атрибутом команды является атрибут src, при помощи которого можно задать имя файла с картинкой. Например, команда <IMG src=img. gif> заставит браузер отобразить на экране графический файл img. gif из текущего каталога.

Атрибуты width = n и height = m. Эти атрибуты задают ширину и высоту (в пикселах) прямоугольника, в который выводится картинка.

Если атрибуты не заданы, картинка рисуется в естественных размерах.

Атрибут border = n

Атрибут позволяет задать рамку иллюстрации толщиной в n пикселов. Атрибут align. Этот атрибут позволяет определять положение иллюстрации по отношению к соседним элементам документа. Можно использовать следующие значения атрибута:

align=top вертикальное выравнивание по верхнему краю;

align=middle вертикальное выравнивание по центру;

align=bottom вертикальное выравнивание по нижнему краю;

align=left горизонтальное выравнивание по левому краю;

align=right горизонтальное выравнивание по правому краю.

Картинка как ссылка

Очень легко заставить работать картинку как гиперссылку. Достаточно вложить команду IMG внутрь команды A: <A href=переход><IMG src=файл></A>

Построение таблиц.

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

Что такое таблица

Она представляет собой прямоугольник, расчерченный на клетки. Вертикальные ряды клеток образуют столбцы, горизонтальные - строки. Каждая строка и столбец в таблице может иметь свой заголовок. Заголовки записываются в первой строке и первом столбце [14].

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

Как задать таблицу

Таблица задается командой <TABLE>. </TABLE>.

Внутри этих тэгов задаются строки командами <TR>. </TR>.

Наконец, внутри строк задаются клетки (ячейки) командами <TD>. </TD>.

Атрибуты команды TABLE

align left, right Выравнивание по горизонтали

width число или процент Ширина таблицы

cellpadding число Расстояние между содержимым ячейки и рамкой

cellspacing число Расстояние между ячейками таблицы

bgcolor цвет Цвет фона таблицы

background файл Фоновая картинка

border число Ширина линий рамки

bordercolor цвет Цвет линий рамки

bordercolordark цвет Цвет рамки (снизу и справа)

bordercolorlight цвет Светлый цвет рамки (сверху и слева)

Атрибуты команды TR

HTML-таблица состоит из строк, каждая из которых задается командой <TR>описание ячеек табличной строки</TR>

Варьируя атрибутами команды TR, можно установить те или иные свойства одновременно для всех ячеек строки:

align left, center, right Выравнивание по горизонтали

valign top, center,bottom, baseline Выравнивание по вертикали

bgcolor цвет Цвет фона

bordercolor цвет Цвет линий рамки

bordercolordark цвет Цвет рамки (снизу и справа)

bordercolorlight цвет Светлый цвет рамки (сверху и слева)

Атрибуты команды TD (TH)

Каждая табличная строка состоит из ячеек, которые последовательно описываются командами TD (обычная ячейка) и (или) TH (ячейка-заголовок):

<TH>описание содержимого ячейки</TH>

<TD>описание содержимого ячейки</TD>

Команды TD и TH имеют следующие атрибуты:

align left, center, right Выравнивание по горизонтали

valign top, center, bottom, baseline Выравнивание по вертикали

width число или процент Ширина ячейки

bgcolor цвет Цвет фона

background файл Фоновая картинка

bordercolor цвет Цвет линий рамки

bordercolordark цвет Цвет рамки (снизу и справа)

bordercolorlight цвет Светлый цвет рамки (сверху и слева)

nowrap Выключение автоматического разрыва строк

colspan число Ширина большой ячейки (в столбцах)

rowspan число Высота большой ячейки (в строках)

Таблицы стилей.

Уровни CSS. Впервые каскадные таблицы стилей CSS были реализованы в браузере Internet Explorer 3.0. Однако в то время развитие CSS находилось в зачаточном состоянии, поэтому правила составления стилевых шаблонов были весьма разрозненными. [15]

С момента своего возникновения структура CSS была несколько раз пересмотрена, в нее были добавлены новые элементы и убраны (видоизменены) старые. Существуют три уровня CSS, определяемых наличием завершенной редакции структуры. Это: CSS 1 (первый уровень структуры стилевых шаблонов), CSS 2 (второй уровень стилевых конструкций) и CSS 3 (третий уровень стилевого оформления электронных документов).

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

Способы определения таблиц стилей

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

Определение таблицы стилей (стилевого шаблона) возможно четырьмя способами:

ссылка на внешний файл. Если все стилевые шаблоны для конкретного HTML-документа разместить в одном текстовом файле (с расширением css), то с помощью специального тега <link> из текущего документа можно сделать ссылку на внешний CSS-файл стилевых шаблонов, например:

<LINK REL="stylesheet" TYPE="text/css" HREF="style. css">

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

Следует помнить, что конструкция указания пути к внешнему CSS-файлу должна находиться в пределах раздела head HTML-документа;

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

<STYLE TYPE="text/CS3">

<! -

BODY { font-family: Arial, Helvetica; }

INPUT { background-color: ICECECE; }

>

</STYLE>

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

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

<Р ALIGN="justify" STYLE="color: 1000000; font-family: Verdana; "> Текст параграфа.

В этом случае задано отдельное правило для конкретного параграфа. Также можно присваивать отдельному HTML-элементу определенный класс стилевого шаблона:

<TABLE>

<TR>

<TD CLASS="header"X/TD>

<TD CLASS="text"X/TD>

</TR>

</TABLE>

Описание классов должно строиться следующим способом (на примере внедрения стилевого шаблона в документ):

<STYLE TYPE="text/css">

<! -

. header { font-weight: bold; color: gray; }

. text { color: black; font-size: llpx; }

->

</STYLE>

В данном случае текст табличной ячейки класса. header будет отображаться жирным начертанием и серым цветом, а ячейки класса. text - обычным начертанием, черным цветом и размером шрифта 11 пикселов;

импортирование. Импортирование стилевого шаблона CSS, по сути, аналогично указанию ссылки на внешний файл:

<STYLE TYPE-"text/css">

<! -

@import: url (style. ess);

->

</STYLE>

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

Запись шаблона CSS

Группировка и наследование

Любое правило таблицы стилей CSS состоит из селектора и определения шаблона. Селектор выступает в роли указателя стилевого правила для определенного HTML-элемента или внутреннего класса (идентификатора). Определение шаблона - это описание стилевых правил для обозначенных элементов HTML. Правила чередуются через точку с запятой и заключаются в фигурные скобки [16].

НЗ { color: blue; font-family: Tahoma, Verdana, Arial; }

В данном примере селектором является элемент заголовка НЗ, для шаблона которого следует такое определение: цвет - синий, шрифт - Tahoma, либо Verdana, либо Arial.

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

Сравнив запись вида:

Н3 { color: blue; }

Н3 { font-family: Tahoma, Verdana, Arial; }

И

Н3 { color: blue; font-family: Tahoma, Verdana, Arial; }

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

Другой особенностью таблиц стилей CSS является свойство наследования стилевых правил для нескольких селекторов одновременно, например:

TD, ТН, Р, DIV {text-align: justify; color: gray: font-size: 10рх; }

Такая запись назначает единый стиль отображения текстовой информации для элементов ячейки таблицы (<то>, <тн>), а также параграфов (<p>) и блоков (<div>), а именно: выравнивания - по ширине, цвет - серый, размер шрифта - 10 пикселов.

Селекторы. В качестве селектора CSS могут выступать:

И элементы HTML. Переопределение стиля для конкретного элемента страницы:

BODY { color: orange; }

В этом случае весь текст в пределах раздела body будет оранжевым. При добавлении, например, таблицы назначение стилевого шаблона пропадет для текста внутри ячеек;

классы. Использование классов позволяет переопределять стиль, как для конкретного элемента, так и для любого элемента, которому присвоен данный класс. Наименование класса начинается с точки и обычно пишется строчными буквами (допускается использование латинских букв и цифр, но наличие специальных символов, нижних подчеркиваний и прочих нестандартных элементов не рекомендуется). [17]

. red {color: red; }

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

<FONT CLASS="red">текст красным цветом</ FONT >

ИЛИ

<HR CLASS="red">

Если мы дополним селектор класса наименованием конкретного HTML-элемента, то действие стилевого правила будет распространяться только на данный элемент:

HR. red {color: red; }

При указании классов стилевого шаблона следует внимательно следить за тем, поддерживает ли HTML-элемент присваемый типереопределения стиля. Например, запись вида:

HR {text-align: justify; }

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

идентификаторы. Запись идентификатора начинается с символа # (диез) и заканчивается наименованием:

fblack { background-color: black; }

Например, присвоив данный идентификатор тегу то, мы получим ячейку таблицы, залитую черным цветом:

<TD color=<"black">Ячейка черного цвета</ТD>

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

В заключение необходимо обратить особое внимание на невозможность сочетания селекторов различных типов. Нельзя одновременно переопределить стиль для стандартного элемента HTML и для него же, но по конкретному классу/идентификатору. [18]

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

В основном, псевдоклассы предназначены для задания различных типов форматирования по нескольким разновидностям элементов. Рассмотрим функциональность псевдоклассов на примере гиперссылок.

Согласно спецификации HTML и стандарту CSS, гиперссылка может принимать четыре состояния: непосещенная ссылка (link), посещенная ссылка (visited), активная ссылка (active) и ссылка при наведении курсора мыши (hover).

Первые три состояния (link, visited, active) обычно. Прописываются в теге <BODY> HTML-документа (уровень CSS 1). Четвертое состояние (hover) относится к уровню CSS 2 и подразумевает изменение цвета ссылки при наведении на нее курсора мыши пользователя (событие работает в браузерах Internet Explorer 4 и выше, Opera 5 и выше, Netscape 6 и выше, Mozilla 1.0; браузеры более ранних версий, а также некоторые не особенно распространенные браузеры не поддерживают состояние hover).

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

A: link { color: blue; }

A: active { text-decoration: underline; }

A: visited { color: gray; }

A: hover { color: orange; }

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

A: active. red { color: red; } A: hover. red { color: blue; } A: active. white { color: white; } A: hover. white { color: black; }

PHP язык скриптов сайта

PHP-файлы обычно представляют собой смесь HTML и РНР. Это не создает проблем, так как PHP-код всегда заключается внутри тегов <? php.? >, что позволяет серверу легко идентифицировать его. [19]

При использовании обычного HTML-кода все достаточно просто - web-сервер посылает текст страницы браузеру, который интерпретирует HTML-теги и отображает результат на экране. С РНР всё становится немного сложнее. PHP-код выполняется при помощи РНР, и если этот код формирует какой-либо текст для отображения, он вставляется на то место, где размещался РНР-код.

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

Листинг совместного использование РНР и HTML, phphtml. Php

<HTML>

<HEAD>

<TITLE>Использование HTML и РНР в одном файле</TITLE>

</HEAD>

<BODY>

<Hl>Использование HIML и РНР в одном файле </Н1>

<? php

phpinfo (); >

</BODY>

</HTML>

После тега <Н1> расположен PHP-код, который выполняется, а его результат - сформированная таблица с параметрами настройки РНР - размещается после заголовка.

Для того чтобы PHP-страница выглядела более строго, можно добавить один из логотипов, доступных для закачки по адресу www.php.net/down-load-logos, php. После загрузки логотипа (например, РНР. GIF) его можно использовать в коде при помощи тега <IMG>:

<HTML>

<HEAD>

<TITLE>

<H1>Использование HTML и РНР в одном файле</Н1>

<? php

phpinfo ();

? >

<IMG SRC= "PHP. GIFn>

</BODY>

</HTML>

Отправка e-mail

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

[mail function]

; For Win32 only.

SMTP = localhost

; For Win32 only.

sendmail_from = me@localhost.com

; For Unix only. You may supply arguments as well (default:

" sendmail - 1 - i ").

; sendmail_path =

Для Windows следует вместо localhost указать адрес SMTP-сервера для отправки электронной почты, а в параметре sendmail_from - обратный адрес отправителя писем. Для Unix и Linux скорее всего дополнительная настройка не понадобится, но в случае проблем с отправкой почты следует присвоить параметру sendmailpath полный путь к команде sendmail, предварительно убрав с него знак комментария ";".

Для отправки электронной почты используется функция mail, синтаксис которой приведен ниже: mail (string to, string subject, string message [string additional_headers [,stringaddi tional_parameters]].

Эта функция отправляет письмо message с темой subject по адресу to. Кроме того, могут быть указаны дополнительные заголовки почтового сообщения, а также дополнительные параметры. Пример 9.7 содержит форму, в которой вводятся все данные, необходимые для формирования письма, а в листинге приведен скрипт-обработчик формы, который осуществляет собственно отправку корреспонденции. После заполнения производится отправка письма.

Форма для ввода e-mail, phpemail.html

<HTML>

<HEAD>

<TITLE> Отправка e-mail</TITLE>

</HEAD>

<BODY>

<CENTER>

<Н1>0тправка e-mail</Hl>

<FORM MEТHOD=POST ACTION="phpemail. php">

Введите сообщение и нажмите OK: <BR>

Кому: <INPUT TYPE="text" NAME="to1IxBR>

Тема: <E4PUT TYPE="text" NAME="subject"><BR>

<TEOARE\ ШУ1Е= "message" COLS=0" R0WS="></TEXTAREA>

<BR>

<INPUT TYPE="SUBMIT" VALUE="OK">

</FORM>

</CENTER>

<BODY>

</HTML>

В листинге для отправки e-mail используется функция mail, описанная выше.

<HTML>

<HEAD>

<TITLE>Отправка e-mail</TITLE>

</HEAD>

<B0DY>

<CENTER>

<Н1>Отправка e-mail</Hl>

<? php

mail ($_REQUEST ['to'], $_REQUEST ['subject'],

$_REQUEST ['message']);

? >

Письмо отправлено.

<BR>

</CENTER>

<B0DY>

</HTML>

E-mail с дополнительными заголовками

При помощи функции mail можно отправить письмо, содержащее различные дополнительные заголовки, например се: (carbon copy - твердая копия) или bee: (blind carbon copy - слепая копия). Оба этих заголовка используются для перечисления дополнительных получателей письма. Отличие в том, что заголовок bee: не виден на стороне адресата, и список тех, кому отправлено письмо при помощи него, неизвестен получателям письма (в том числе и тем, кто перечислен в этом заголовке). Для задания дополнительных заголовков при вызове функции mail используется необязательный аргумент additional headers: mail (string to, string subject, string message [string additional_headers [string additional_parameters}]).

Следует обратить внимание на то, что для разделения строк заголовка должны использоваться символы \r\n (хотя в Unix для обозначения конца строки традиционно используется только символ \n). Листинг демонстрирует расширенную форму для отправки письма и отличается тем, что в нем присутствуют поля для дополнительных заголовков. [20]

Форма для ввода e-mail с дополнительными заголовками, hpemailheaders.html

Отправка e-mail по нескольким адресам

</TITLE>

</HEAD>

<BODY>

<CENTER>

<Н1>0тправка e-mail по нескольким адресам </Н1>

<FORM METHOD=POST ACTION=" phpemailheaders. php">

Введите сообщение и нажмите OK: <BR>

Кому: <INPUT TYPE="text" NAME="to"><BR>

Cc: <INPUT TYPE="text" NAME="CG"><BR>

Bee: <INPUT TYPE="text" NAME="bcc"><BR>

Тема: <INPUT TYPE="text" NAME="subject"><BR>

<TEXTAREANAME= "message" COLS=_0" R0WS=" 5 "x/TEXTAREA>

<BR>

<INPUT TYPE="SUBMIT" VALUE="OK">

</FORM>

</CENTER>

<BODY>

</HTML>

В листинге при заполнении полей формы сс и be с формируется строка заголовка, которая передается как параметр функции mail. Для проверки наличия данных в поле используется функция isset.

Листинг отправки по нескольким адресатам, phpemailheaders. Php

<HTML>

<HEAD>

<TITLE>Отправка e-mail по нескольким адресам</TITLE>

</HEAD>

<BODY>

<CENTER>

<Н1>0тправка e-mail по нескольким адресам </Н1>

<BR>

<? php

$headers = "";

if (isset ($_REQUEST ["cc"]))

{

$headers = "cc:". $_REQUEST ["cc"]. "\r\n";

}

if (isset ($_REQUEST ["bcc"]))

{

$headers = "bcc:". $_REQUEST ["bcc"]. "\r\n";

}

mail ($_REQUEST ['to'], $_REQUEST ['subject'],

$_REQUEST ['message'], $headers);

? >

Письмо отправлено.

</CENTER>

<BODY>

</HTML>

С вложенными файлами

При помощи РНР можно отправлять и письма с вложенными файлами, но для этого придется приложить чуть больше усилий. Допустим, требуется отправить файл image, jpg. Прежде всего, следует определить MIME-тип файла, в данном случае это image/ jp eg (если отправляемый файл будет иметь другой тип, следует указать корректный MIME-тип.):

$attachment = "image. jpg";

$attachment_MIME_type = "image/jpeg";

Далее следует прочитать файл и сохранить его содержимое в переменной:

$handle = fopen ($attachment, "rb ");

$data = fread ($handle, filesize ($attachment));

fclose ($handle);

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

$boundary = " Multipart_Boundary ";

$headers = "\nMIME-Version: 1.0\n"

"Content-Type: multipart/mixed, \n".

" boundary=\"". $boundary. "\"";

$data = chunk_split (base64_encode ($data));

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

Листинг отправка e-mail с вложенным файлом, phpemailattachment. php

Отправка e-mail с вложенным файлом

</TITLE>

</HEAD>

<BODY>

<CENTER>

<Н1>0тправка e-mail с вложенным файлом</Н1>

<? php

$to = $_REQUEST [' to '];

$subject = $_REQUEST ['subject'];

$message = $_REQUEST ['message'];

// При необходимости укажите другой файл и его тип

$attachment = "image. jpg";

$attachment_MIME_type = "image/jpeg";

$handle = fopen ($attachment, "rb");

$data = fread ($handle, filesize ($attachment));

fclose ($handle);

$boundary = "Multipart_Boundary";

$headers = "\nMIME-Version: 1.0\n".

"Content-Type: multipart/mixed; \n".

" boundary=\"". $boundary. "\"";

$data = chunk_split (base64_encode ($data));

$text = "-". $boundary. "\n".

"Content-Type: text/plain\nContent-Transfer-Encoding:

7bit\n\n".

$message. "\n\n-". $boundary. "\n".

"Content-Type:". $attachment_MTME_type. "; \n name=\"".

$attachment. "\"\nContent-Transfer-Encoding: base64\n\n".

$data. "\n\n-". $boundary. "-\n";

$result = mail ($to, $subject, $text, $headers);

if ($result)

{

echo "Письмо отправлено. ";

}

else

{

echo "Ошибка при отправке письма. ";

}

? >

</CENTER>

<BODY>

</HTML>

Открытие файла: fopen

Использование оператора: позволяет задать имя базового класса непосредственно, но зачастую требуется сослаться на метод непосредственного предка данного класса. Для этой цели в РНР предусмотрено ключевое слово parent, которое может быть использовано вместо имени базового класса. С его использованием вызов метода set_name выглядит следующим образом: parent:: set name ($text).

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

fopen (string filename, string mode [int use include path [resource, context]])

Здесь filename - имя открываемого файла, mode задает режим открытия файла (для чтения или записи), параметр use_include_path может быть установлен в значение 1 или TRUE для поиска файла по каталогам, указанным в параметре include_path конфигурационного файла php. ini. Необязательный параметр context задает контекст файла, который предназначен для дополнительной обработки потоков данных в файл и из файла (в данной книге контексты не рассматриваются).

Параметр mode, определяющий режим открытия и возможные операции с файлом, может принимать следующие значения:

'r'Файл открывается только для чтения.

'r+ 'Файл открывается для чтения и записи.

'w'Файл открывается только для записи. Если файл существует, он усекается до нулевой длины. Если файл не существует, он создается.

'w+'Файл открывается для чтения и записи. Если файл существует, он усекается до нулевой длины. Если файл не существует, он создается.

'а'Файл открывается только для записи, указатель файла

устанавливается на конец файла. Если файл не существует, он создается.

'а+'Файл открывается для чтения и записи, указатель файла

устанавливается на конец файла. Если файл не существует, он создается.

'х'Файл создается и открывается для записи. Если файл уже

существует, функция fopen возвращает значение FALSE, свидетельствующее об ошибке.

'х+'Файл создается и открывается для чтения и записи. Если файл уже существует, функция fopen возвращает значение FALSE, свидетельствующее об ошибке.

Следует иметь в виду, что в различных операционных системах действуют различные соглашения по обозначению конца строки в текстовых файлах. При записи в текстовый файл следует соответствующим образом корректировать символы конца строки в соответствии с той операционной системой, под которой выполняется скрипт. В Unix/Linux концом строки считается символ \n, в Windows - \r\n, а в Macintosh - \г. В РНР предусмотрена системная константа PHPEOL, которая хранит представление конца строки для текущей операционной системы.

При работе в Windows можно использовать флаг текстового режима обработки файла ('t'), который задает преобразование символа \n в \r\n при записи данных в файл (и, соответственно, выполнение обратного преобразования при чтении). Также можно использовать флаг двоичного режима обработки файла ('t'), при котором данные преобразовываться не будут. Для использования любого из этих флагов его надо просто дописать к строке mode, например 'wt'. Режим по умолчанию - текстовый или двоичный - зависит от используемой версии и модуля РНР, поэтому рекомендуется в любом случае задавать режим в явном виде.

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

Следующая строка открывает текстовый файл для записи:

Shandle = fopen ("/home/file. txt", "wt"); To же самое для двоичного режима работы: $handle = fopen ("/home/file. txt", "wb");

При работе под Windows следует экранировать все обратные слеши, как показано ниже (или использовать прямые слеши): $handle = fopen ("с: WdataWfile. txt", "r");

При работе с файлами можно не ограничиваться локальной файловой системой. Например, можно открыть файл, находящийся на web-сервере, указав его URL:

$handle = fopen ("http://www.orioner.ru/index.html", "r");

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

Чтение строк текста: fgets

Для чтения строки текста из файла используется функция fgets, ниже приведен ее синтаксис: fgets (resource handle [int_ length])

В качестве аргументов функции передаются дескриптор открытого файла и необязательный параметр length. Функция возвращает строку символов длиной до length-1. Считывание символов прекращается при достижении length-1 символа, при считывания конца строки (он также включается в возвращаемый результат) или при достижении конца файла, в зависимости оттого, что произойдет первым. Если параметр length не задан, то по умолчанию его значение принимается равным 1024 байт.

В примере рассматривается использование этой функции для чтения содержимого текстового файла. Например, существует файл file. txt следующего содержания: Это файл с текстом.

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

<? php

$handle = fopen ("file. txt", "r");

while (! feof ($handle)) {

}

? >

В теле цикла производится чтение строки текста при помощи fgets и ее отображение:

<? php

$handle = fopen ("file. txt", "r"); while (! feof ($handle))

{$text = fgets ($handle);

echo $text, "<BR>"; }

? >

После завершения работы с файлом его следует закрыть при помощи функции fclose:

<HTML>

<HEAD>

<ТIТLЕ>

<? php

$handle = fopen ("file. txt", "r");

while (! feof ($handle))

{

$text = fgets ($handle); echo $text, "<BR>";

}

fclose ($handle);

? >

</CENTER>

</BODY>

</HTML>

<HTML>

<HEAD>

<BODY>

<ТIТLЕ Чтение файла > </TITLE>

<CENTER>

<H1>Чтение файла </Н1>

<? php

$handle = fopen ("file. txt", "r");

while (! feof ($handle))

{

$text = fgets ($handle); echo $text, "<BR>";

}

fclose ($handle);

? >

</CENTER>

</BODY>

</HTML>

Чтение символов: fgetc

Зачастую требуется считать из файла не целую строку, а отдельный символ. Для этого предназначена функция fgetc. Ниже приведен пример демонстрирует использование этой функции для посимвольного чтения и отображения содержимого файла. Следует обратить внимание, что символ конца строки заменяется на тег <BR>.

Посимвольное чтение файла

<BODY>

<HEAD>

<TITLE>

<CENTER> <Hl> Посимвольное чтение файла</Н1>

<? php

$handle = fopen ("file, txt", "rb") while ($char = fgetc ($handle))

{

if ($char == "\n")

{

$char = "<BR>";

}

echo $char;

}

fclose ($handle);

</CENTER>

</BODY>

</HTML>

Двоичное чтение файла: fread

Читать содержимое файла необязательно по строкам или символам. Данные из файла могут быть прочитаны в любом необходимом объеме при помощи функции fread. Функция fgets рассматривает файлы как текстовые, а функция fread рассматривает их как двоичные, не обрабатывая специальным образом, концы строк и не выполняя никаких других преобразований данных - файл считается простой последовательностью байт. Синтаксис функции fread приведен ниже: fread (resource handle, int length). [21]

Функция считывает до length байт из файла, заданного своим дескриптором handle. Чтение прекращается, если достигнут конец файла, или если считано заданное количество байт. В операционной системе Windows для использования функции fread файл должен быть открыт в двоичном режиме ('rb'). Так как добавление режима b не имеет негативного эффекта в других операционных системах, то имеет смысл использовать его всегда в целях совместимости:

<? php

$handle = fopen ("file. txt1', 'rb");

? >

При помощи fread можно считать весь файл целиком в одну строку. Для определения фактического размера файла используется функция file size:

<? php

$handle = fopen ("file. txt", " rb ");

$text = fread ($handle, filesize ("file. txt"));

? >

После выполнения этого кода файл будет считан в переменную $text. Если при выполнении возникнет какая-либо ошибка, то переменная будет содержать, пустую строку. Для преобразования символов концов строк в теги <BR> используется функция strreplace:

<? php

$handle = fopen ("file. txt", " rb ");

$text = fread ($handle, filesize ("file. txt"));

$br_text = str_replace ("\n", "<BR>", $text);

? >

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

Чтение файла при помощи fread

<HTML>

<HEAD>

<TITLE>

<BODY>

<CENTER> <H1>Чтение файла при помощи fread </Н1>

<? php

$handle = fopen ("file. txt", "rb");

$text = fread ($handle, filesize ("file. txt"));

$br_text = str_replace ("\n", "<BR>", $text);

echo $br_text;

fclose ($handle);

? >

</CENTER>

</BODY>

</HTML>

Чтение файла целиком: file_get_contents

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

Чтение содержимого файла при помощи file_get_contents

<HTML>

<HEAD>

<TITLE> Чтение содержимого файла при помощи file_get_contents</TITLE>

<CENTER> <H1>Чтение содержимого файла при помощи file_get_contents </Н1>

<? php

$text = filegetcontents ("file. txt");

$br_text = str_replace ("\n", "<BR>", $text)

echo $br_text;

? >

</CENTER>

</BODY>

</HTML>

Синтаксический разбор файла: fscanf

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

fscanf (resource handle, string format)

Аргументами функции являются дескриптор файла и формат, заданный в виде строки. Формат задается в том же виде, что и для функции sprintf. Например, пусть в файле tabs. txt хранятся имена и фамилии людей, разделенные символом табуляции:

George Washington Benjamin Franklin Thomas Jefferson Samuel Adams

Анализ подобного файла при помощи fscanf достаточно прост. Вначале файл следует открыть:

$handle = fopen ("tabs. txt", "rb");

В данном случае строка, задающая формат данных, будет следующей - " %s\t%s\n" (строка, символ табуляции, строка, символ конца строки). При помощи функции fscanf осуществляется считывания очередной строки из файла, а результат размещается в массиве $names:

<? php

$handle = fopen ("tabs. txt", "rb");

while ($names = fscanf ($handle, "%s\t%s\n"))

{

}

? >

Выделение отдельных элементов из массива производится при помощи функции list:

<HTML>

<BODY>

<CENTER>

<? php

$handle = fopen ("tabs. txt", "rb");

while ($names = fscanf ($handle, "%s\t%s\n"))

{

list ($firstname, Slastname) = Snames;

}

? >

<Hl> Чтение файла при помощи fscanf </Hl>

<? php

$handle = fopen ("tabs. txt", " rb"); while ($names = fscanf ($handle, "%s\t%s\n"J)

{

list ($firstname, $lastname) = $names; echo $firstname, "", $lastname, "<BR>";

}

fclose ($handle);? >

</CENTER>

</BODY>

</HTML>

Запись в файл: fwrite

Для записи данных в файл предназначена функция fwrite, которая имеет следующий синтаксис: fwrite (resource handle, string string [int length]). Функция осуществляет запись строки string в файл, заданный своим дескриптором handle. Если указан третий необязательный аргумент length, то запись завершается после вывода заданного количества байт (если до тех пор не встретится конец строки). Функция возвращает количество записанных байт или значение false в случае возникновения ошибки. В случае работы в операционной системе Windows (или в любой другой, в которой текстовые и двоичные файлы различаются) файл должен быть открыт в двоичном режиме. В данном случае в файл выводится несколько строчек текста. Для начала следует открыть файл в двоичном режиме при помощи функции fopen (если файл не существует, он будет автоматически создан): $handle = fopen ("text. txt", `wb'); После этого при помощи функции fwrite осуществляется вывод в файл текста, предварительно записанного в переменную $text. В случае возникновения ошибки выводится соответствующее сообщение.

Запись в файл при помощи fwrite

<BODY>

<HEAD>

<ТIТLЕ>

<CENTER>

<Н1>Запись в файл при помощи fwrite </Н1>

<? php

$handle = fopen ("text. txt", "wb");

$text = "Просто\nстрока\nтекста. \n";

if (fwrite ($handle, $text) == FALSE)

{

echo "Ошибка записи в файл 1 text. txt1. ";

}

else

{

echo "Файл 'text. txt' успешно создан.

}

fclose ($handle);

</CENTER>

</BODY>

</HTML>

Запись в файл при помощи fwrite

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

$handle = fopen ("text, txt", "ab");

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

Добавление к файлу при помощи fwrite

<HTML>

<BODY>

<HEAD>

<TITLE> Добавление к файлу при помощи fwrite</TITLE>

<CENTER>

<Hl>Добавление к файлу при помощи fwrite </Н1>

<? php

$handle = fopen ("text. txt", "ab"); $text = "Это\nдобавленный\nтекст. \n"; if (fwrite ($handle, $text) = FALSE)

{

echo "Ошибка записи в файл text. txt. ";

}

else

{

echo 'Текст добавлен к файлу text. txt. ";

}

fclose (Shandle);

? >

</CENTER>

</BODY>

</HTML>

При помощи стандартных средств операционной системы можно проверить, что сейчас файл text. txt содержит следующие строки: Просто строка текста. Это добавленный текст.

Запись файла целиком: fileput_contents

Для формирования файла необязательно открывать его, записывать данные и закрывать. Существует сокращенный способ (аналогично чтению файла целиком, рассмотренному выше) для выполнения этой операции - использование функции file_put_contents. Ее синтаксис приведен ниже: file_put_contents (string filename, string data [int flags [resource context]).

В параметре filename задается имя файла, в который будет производиться запись данных, data представляет собой текстовую строку для записи в файл. Необязательный параметр flags задает дополнительные режимы открытия файла, он может принимать значение fileuse include_path, file append или их сумму. Значение file_use_include_path задает поиск файла по каталогам, указанным в параметре include_path конфигурационного файла php. ini. Значение fileappend включает режим добавления к файлу (по умолчанию существующий файл будет перезаписан). Последний необязательный параметр context задает контекст файла, который предназначен для дополнительной обработки потоков данных в файл и из файла (в данной книге контексты не рассматриваются).

Эта функция осуществляет последовательное открытие файла (как fopen), запись в него (как fwrite) и закрытие (как fclose), при этом не требуется работать с дескриптором файла. В примере ниже приводится использование этой функции для формирования файла text. txt. В случае возникновения ошибки выводится соответствующее сообщение. Иначе выводится сообщение об успешной записи текста в файл.

Создание файла при помощи file_put_contents

<HTML>

<BODY>

<HEAD>

<TITLE>Создание файла при помощи file_put_contents</TITLE>

<CENTER>

<H1>Создание файла при помощи file_put_contents </Н1>

<? php

$text = "Просто\nнемного\nтекста. \n";

if (file_put_contents ("text. txt", $text) = false)

{

echo "Ошибка записи в файл text. txt. ";

}

else {

echo "Текст записан в файл text. txt. "};

? >

</CENTER>

</BODY>

</HTML>

В результате выполнения этого примера файл text. txt содержит следующие строки: Просто немного текста.

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

2.2 Технология создания сайта и руководство пользователя

Сайт написан с помощью программ Macromedia Dreamweaver 8 (редактор кода html, php, css) [22] и Adobe Photoshop SC 8 (редактор графических файлов, таких как psd, jpg, gif и т.п.) [23]. Нужно отметить, что в свой среде эти редакторы являются наиболее популярными, что облегчает работу по их использованию, так как они широко известны и протестированы специалистами. Также использован инсталляционный пакет Denwer (Denwer3_Base_2008-01-13_a2.2.4_p5.2.4_m5.0.45_pma2.6.1 exe), для отладки кода написанного на php, mysql и perl [24]. Пакет Denwer является "http" сервером включающий в себя модули языков PHP, MySQL, PERL и в какой то степени являющийся "совмещенным" вариантом известных инсталляционных пакетов Apach [25], PHP MyAdmin [26].

Для эффективного использования сайта, прежде всего, необходимо знать его структуру и составляющие его элементы. Наш сайт состоит из страницы index. php, в которой находится основной код, написанный на языках программирования html и php с применение каскадных стилей css. Дополнительно имеется скрипт обработчик php mailme. php, который обрабатывает данные, переданные через форму раздела "Обратной связи" файла svyz. txt, находящийся в каталоге page. Здесь же находится файл каскадных стилей css придающий "внешний" вид страница сайт. Все три файла находятся в корневой директории сайта. Существуют еще две директории img в которой хранятся все изображения сайта и page где находятся все файлы страниц выводимых на сайте.

Как работает код страницы index. php? Участок кода php, при запросе пользователя к странице сайту проверяет наличие открытого файла в каталоге page отличной от meropriytia. txt, если да то подключает файл, указанный в запросе посетителя, если нет, то открывает на главной странице код из страницы meropriytia. txt.

Листинг 1 php кода index. php

if (! file_exists ("'meropriytia'/". $_GET ['r'].". txt"))

{

$_GET ['r'] = 'meropriytia';

}

if (empty ($_GET ['r']))

{

$_GET ['r'] = 'meropriytia';

}

Листинг 2 php кода index. php

<? PHP include ("page/". $_GET ['r'].". txt")? >

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

так между тегами <title></title> указывается заголовок, который будет выводиться в заголовке браузера; в тэге <meta Charset/> содержится указатель кодировки, в которой будет "читаться" страница; в тэге <meta name="KeyWords"/> указываются так называемые ключевые слова; в тэге <meta name="Author"/> указывается создатель страницы; найдя левый столбец, возможно, редактировать меню сайта, в правом столбце возможно добавление различных ссылок, баннеров и т.п.

Листинг 3 html кода index. php

<html>

<head>

<title>Сайт кафедры Иновационных технологий КСТУ г. Костаная</title>

<meta http-equiv="Content-Type" content="text/html; Charset=Windows-1251"/>

<meta name="KeyWords" content="КСТУ, Костанай, ВУЗ" />

<meta name="Author" content="Yerdenov M., Ерденов М. Б." />

<link rel="Stylesheet" href="/001. css" type="text/css" />

</head>

<body>

<tr>

<td>

<a href="index. php"><img src="/img/top. jpg" width="986" height="200" border="0" alt="Сайт кафедры Иновационных технологий КСТУ г. Костаная"></a>

</td>

</tr>

<tr><td>

</tr>

<TABLE cellSpacing="0" cellPadding="0" width="180" align="center" border="0">

<td>

<td valign="top" align="left">

<TABLE cellSpacing="0" cellPadding=5 width="180" align="left" border="1" bordercolor="336699" class="aleft">

<tr><td background="img/butn. gif" height="28"><a href="? r=kafedra"><b>Кафедра</b></a></td></tr>

<tr><td background="img/butn. gif" height="28"><a href="? r=meropriytia"><b>Мероприятия</b></a></td></tr></tr>

<tr><td background="img/butn. gif" height="28"><a href="? r=sostav"><b>Преподаватели</b></a></td></tr></tr>

<tr><td background="img/butn. gif" height="28"><a href="? r=raspisanie"><b>Расписание занятий</b></a></td></tr></tr>

<tr><td background="img/butn. gif" height="28"><a href="? r=adres"><b>Адрес</b></a></td></tr></tr>

<tr><td background="img/butn. gif" height="28"><a href="? r=svyz"><b>Обратная связь</b></a></td></tr></tr>