Элементы языка. 
Современные методы создания сайтов

В сайте для разработке дипломного проекта нами были использованы элементы нескольких языков:

HTML (Hypertext Markup Language — язык разметки гипертекста) РНР (Personal Home Page Tools — персональные инструменты для домашней странички) Язык программирования Java.

Использованные основных элементы языка HTML.

— определение заголовка.

— заголовок

— метка параграфа.

— заголовочная область Любой документ HTML имеет название.

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

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

Тэги присущи непосредственному форматированию:

— параграф.

— горизонтальная линия.

— обрыв строки Заголовки и подзаголовки языка HTML (шесть уровней заголовков). Первый заголовок — самый главный. На него обращается особое внимание. Остальные заголовки могут быть оформлены, например, жирным шрифтом или прописными буквами. В HTML первый заголовок обозначается как.

:

.

Текст Под n понимается уровень заголовка, то есть числа 1, 2, 3, 4, 5 или 6.

В HTML первый заголовок может совпадать с названием документа.

Списки в HTML подразделяются на:

— ненумерованные.

• элемент списка

нумерованные.

1. элемент списка

— с описаниями.

(элемент списка).

(описание элемента).

— вложенные.

• примус
  1. другой примус

     …

Выделение текста в HTML-документе может быть выполнено одним из следующих способов:

— цитата ;

— программный код ;

— определение ;

— логический акцент ;

— ввод с клавиатуры ;

— сообщения компьютера ;

— сильный акцент ;

— переменные .

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

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

HTML позволяет пользователю связать текст или картинку с другими гипертекстовыми документами. Текст, как правило, выделяется цветом или оформляется подчеркиванием. Для этого используется тэг который означает ссылку на данный предмет или объект. Помните, что после буквы «a» должен стоять пробел как, например:

текст гипертекстовой ссылки ;

Один из вариантов гипертекстовой ссылки может выглядеть так;

Ссылка.

Здесь слово «Ссылка» ссылается на документ rinat. html, образуя гипертекстовую ссылку. Если документ, формирующий ссылку, находится в другой директории, то подобная ссылка называется относительной. Ссылки можно формировать на основе так называемого универсального локатора ресурса, то есть, используя следующий синтаксис: protocol: //hostport/path.

Расширенные цитаты Тэг позволяет вам включить цитату в уединенный объект.

Тэг позволяет сформировать информацию об авторе документа.

В HTML слова, строки и рисунки кодируются логическими и физическими стилями. Физические стили форматируют текст. Логические стили форматируют через определение в гипертекстовом документе виде программного кода некоторого значения. Это в частности означает, что тэг заголовка первого уровня не содержит информации о размере шрифта и гарнитуре. Поэтому, чтобы изменить символьное форматирование заголовка вы должны модифицировать заголовок первого уровня. Через логические (в том числе и символьные) тэги вы можете сформировать согласованный гипертекстовый документ, то есть определить заголовок первого уровня в качестве только.

(без информации о гарнитуре шрифта и его кегле).

Логические стили документа HTML.

определить слово, курсив.

усилить акцент, курсив.

заголовок чего-то большого и хорошего, курсив.

компьютерный код, моноширный шрифт.

текст, введенный с клавиатуры, моноширинный жирный шрифт.

сообщение программы, моноширинный шрифт.

очень важные участки, жирный шрифт.

Физические стили документа HTML

полужирный

курсив моноширинный подчеркнутый перечеркнутый

^{верхний индекс}

^{_{нижний индекс Символы, которые не могут быть введены в текст документа непосредственно называются специальными символами. Для таких символов существуют особые тэги. Четыре символа — знак меньше, амперсант & и двойные кавычки «имеют специальное значение внутри HTML и, следовательно, не могут быть использованы в тексте в своем обычном значении. Скобки используются для обозначения начала и конца HTML тэгов, а амперсант используется для обозначения так называемой escape-последовательности.}}

^{_{Горизонтальные разделители — тэг формирует горизонтальную линию по всей ширине окна.}}

^{_{Вы можете встраивать в ваш документ картинки.}}

^{_{Здесь image_URL есть указатель на файл картинки, синтаксис которого совпадает с синтаксисом ссылки HTML.}}

^{_{Для того чтобы вставить в вашу страничку звуковой файл, например, midi-файл необходимо:}}

^{_{ALIGN="MIDDLE" BORDER="0″ AUTOSTART=TRUE>(Это одна строка).}}

^{_{В этом тэге были использованы следующие параметры:}}

^{_{WIDTH — параметр, определяющий ширину midi-плеера;}}

^{_{HEIGHT — параметр, определяющий высоту midi-плеера;}}

^{_{BORDER — ширина рамки midi-плеера;}}

^{_{AUTOSTART — запустить midi-плеер сразу после того, как загрузится документ HTML.}}

^{_{Используя распределения ссылок по картинке, вы можете, например, создать графическое меню из одной большой картинки таким образом, чтобы каждый элемент системы меню содержал определенный URL. Распределение ссылок по картинке (используемые форматы: JPG, BMP, GIF и т. д.) описывается тэге в следующим виде IMG:}}

^{_{Здесь аргумент USEMAP задает расположение схемы распределения map_name в URL.}}

^{_{Если URL не указан, то поиск схемы map_name ведется в текущем документе. Форма области. Возможно выделить область на картинке так:}}

^{_{default — стандартная форма}}

^{_{rect — прямоугольник}}

^{_{circle — круг}}

^{_{poly — многоугольник произвольной формы}}

^{_{cords — координаты области. Задаются в пикселях. Отсчет начинается с нуля. Круг имеет три координаты, прямоугольник — четыре, а для многоугольника вы должны описать каждый его угол в двух координатах.}}

^{_{nohref — указать, что в данной области картинки отсутствует ссылка.}}

^{_{Этот параметр работает всегда, когда не определен параметр href.}}

^{_{— закончить описание схемы распределения ссылок по картинке.}}

^{_{Общий шлюзовой интерфейс позволяет облегчить работу с данными сервера Web в интерактивном режиме. Сервер Web через CGI запускает поисковую программу и пересылает обработанные данные назад. Это означает, что файл из каталога CGI-BIN всегда исполняемый файл. Если}}

^{_{CGIпрограмма, например, взаимодействует с системой управления базой данных, то пользователь может получать некоторую интересующую его информацию в интерактивном режиме. Код программы пишется, как правило, на языке описания сценариев Perl. Perl является интерпретируемым языком, интерпретатор которого соответствует операционной системе. Передача данных от сервера к программе CGI осуществляется сервером через командную строку и переменные окружения. Таким образом, сервер через общий шлюзовой интерфейс запускает программу CGI и пересылает ей вводимые пользователем данные. Сами данные вводятся через так называемые формы HTML. Форма представляет собой гипертекстовую страницу с одним или несколькими полями данных и специальной кнопкой для передачи, введенной информации. Как и код любого гипертекстового документа, код формы начинается с тэга form action = /sgi-bin/example.pl и заканчивается тэгом /form Аргумент action — это URL программы CGI, то есть /sgi-bin/example.pl.}}

^{_{Method — используемый для запроса данных, параметр задает режим передачи данных из формы в программу CGI. Основные режимы передачи — get, head и post. Программа CGI должна поддерживать один из этих режимов, иначе обработки данных не произойдет.}}

^{_{В режиме get данные входят через URL в строку запроса. Программы CGI получают данные от переменных окружения и посылают выходные данные через общий шлюзовой интерфейс обратно пользователю. Заголовок get определяет получение документа *.HTML в корневом каталоге сервера.}}

^{_{Относительно аргумента post CGI реализован в программах, поддерживающих Unix и некоторые приложения Windows. CGI для Windows реализуется лишь в том случае, если сервер Web способен декодировать данные тех форм HTML, которые пересылаются в режиме post. Это можно сделать двумя способами:}}

^{_{URL-Encoded (Данные формы пересылаются на сервер в виде HTML).}}

^{_{Multipart Form Data (Данные формы пересылаются на сервер в виде}}

^{_{MIME-сообщения).}}

^{_{input type=text — поместить в форму текстовое поле данных.}}

^{_{name=name — определить имя текстового поля данных name.}}

^{_{mxlength=number — размер текстового поля данных. Вместо number}}

^{_{вы можете ввести целое число.}}

^{_{radio — определить кнопку переключения.}}

^{_{name=prodtype — определить логическое поле prodtype.}}

^{_{Input type=checkbox — определить флажок для протокола передачи.}}

^{_{Accept — метод, используемый для интерпретации пересылаемых файлов. Файлы могут пересылаться в виде ASCII или HTML. Количество заголовков accept соответствует типам данных MIME (Multipurpose Internet Mail Extensions). Заголовок accept: type/sub-type {parameters} пересылается как значение параметра accept. Каждый тип данных имеет собственный параметр accept.}}

^{_{Технология создания фреймов в HTML позволяет просматривать в одном окне обозревателя несколько гипертекстовых документов. Один фрейм отображает только один гипертекстовый документ. Что такое фрейм это разбиение HTML-документа на графические таблицы в которых имеются ссылки отвечающие за определённые действия в сайте.}}

^{_{Создание фрейма осуществляется через тэг. Тэг в этом случае не используется. Тэг заканчивает выполнение кода. Далее идет стандартное применение HTML.}}

^{_{Тэг позволяет описать первый фрейм, т. е. присвоить имя гипертекстовому документу. Второй фрейм описывается тэгом .}}

^{_{Если обозреватель того или иного пользователя не поддерживает фреймы, то между тэгом и тэгом заносится текст, который распознает обозреватель.}}

^{_{Тэг, имеющий самое большое количество атрибутов, позволяет настроить свойства фрейма. Ниже описываются атрибуты.}}

^{_{name=имя фрейма.}}

^{_{marginwidth=горизонтальный отступ (от 1 до 6) между фреймом и его границей.}}

^{_{marginheight=вертикальный отступ (от 1 до 6) между фреймом и его границей.}}

^{_{scrolling=прокрутка фрейма. Под атрибут scrolling =yes позволяет создать полосы прокрутки, scrolling =no — указывает обозревателя, что полосы прокрутки отсутствуют в данном фрейме, а под атрибут scrolling =auto позволяет отображать полосы прокрутки в зависимости от свойств обозревателя.}}

^{_{noresize — фиксированный размер фрейма.}}

^{_{src= задать гипертекстовый документ для этого фрейма.}}

^{_{target=Name — открыть ссылку во фрейме с именем Name.}}