Виды языков программирования для создания обучающей программы

Язык программирования HTML.

HTML, Hyper Text Markup Language, или, по-русски, «язык разметки гипертекста», является фундаментальной, базовой технологией Интернета. Несмотря на бытующее среди пользователей Всемирной сети мнение, HTML является полнофункциональным языком программирования, обладающим практически всеми чертами, характерными для других аналогичных языков. Практически все содержимое web-узлов, которое отображается на экране подключенных к Интернету компьютеров, является набором документов, содержащих программный код HTML.

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

HTML, Hyper Text Markup Language (язык разметки гипертекста) — язык, используемый для создания документов в Интернете. HTML-документом называется файл, содержащий код HTML. Такие документы являются основным информационным наполнением web-узлов, они позволяют отображать текст, графику, аудиои видеоинформацию, а также другие компоненты ресурсов Интернета.

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

Гиперссылка (Hyperlink) — базовый функциональный элемент html-доку-мента, представляющий собой реализацию динамической связи какого-либо объекта данной web-страницы с контекстным содержимым другого документа.

Чтобы разъяснить этот термин, приведу простой пример. Предположим, что созданный вами html-документ включает текст, в котором встречается слово «гиперссылка», а подробное раскрытие этого термина приведено в другом документе, размещенном в Интернете независимо от первого. Преобразовав данное слово в гиперссылку и связав ее с указанным выше документом, вы организуете тем самым простейшую гиперсвязь: пользователю, желающему ознакомиться со значением термина «гиперссылка», достаточно щелкнуть мышью на этом слове, чтобы перейти к web-странице с соответствующими пояснениями. Следует отметить, что в качестве гиперссылки может использоваться как элемент текста, так и графический объект, а саму гиперсвязь можно устанавливать, как между несколькими документами, расположенными на одном физическом сервере, так и с объектами, размещенными на различных узлах Интернета.

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

Основные этапы разработки цифрового образовательного ресурса:

• 1. Выбор источников.
• 2. Разработка оглавления и перечня понятий.
• 3. Переработка текстов в модули по разделам.
• 4. Реализация гипертекста в электронной форме.
• 5. Разработка компьютерной поддержки.
• 6. Отбор материала для мультимедийного воплощения.
• 7. Разработка звукового сопровождения.
• 8. Реализация звукового сопровождения.
• 9. Подготовка материала для визуализации.
• 10. Визуализация материала.

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

• 1.1. наиболее полно соответствуют стандартной программе,
• 1.2. лаконичны и удобны для создания гипертекстов,
• 1.3. содержат большое количество примеров и задач,
• 1.4. имеются в удобных форматах (принцип собираемости).

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

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

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

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

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

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

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

Язык HTML существует в нескольких вариантах или спецификациях. Как и версии программных продуктов, спецификации пронумерованы: 2.0, 3.0, 3.2, 4.0. Каждая последующая спецификация представляет собой расширение и дополнение предыдущей таблицы, списки-перечисления и т. д., но не задает конкретные атрибуты форматирования. Конкретный вид форматирования определяет сам браузер при чтении документа, и именно браузер обеспечивает наилучшее отображение Web-документа на вашем экране.

Документ в окне с кодом HTML — это текстовый документ специального формата. Все файлы этого формата имеют расширение .html или .htm. В документе HTML обычный текст сочетается с элементами разметки, заключенными в угловые скобки <и>, например,, ,,. Такие элементы разметки называются тэгами. Тэги бывают одиночными, открывающими и закрывающими и состоят из следующих друг за другом в определенном порядке элементов:

• * левой угловой скобки <;
• * необязательного символа слэш /, который означает, что тэг является конечным тэгом, закрывающим некоторую структуру, например,. В этом смысле можно читать символ / как конец некоторого элемента разметки, например, строки или абзаца;
• * имени тэга, например, html;
• * необязательных атрибутов. Тэг может быть без атрибутов или сопровождаться одним, или несколькими атрибутами, например, align="center" ;
• * правой угловой скобки>.

Таким образом, открывающий тэг, стоящий вначале документа HTML и означающий его начало, состоит из имени html и двух угловых скобок < >, а тэг, находящийся в конце Web-документа, кроме указанных элементов содержит также символ слэш /, означающий закрывающий тэг и указывающий на конец документа. Тэг.

align="center" >, означающий разделение документа на части, содержит, кроме имени div, атрибут align со значением " center" , означающий выравнивание по центру.

.

В тэгах могут использоваться только символы латинского алфавита, а в значениях атрибутов — любые символы. Если в качестве значений атрибута используются, например, символы кириллицы, то они должны быть заключены в кавычки, например, name="Раздел 1″ .

Язык HTML не различает большие и малые буквы, так что тэги, и эквивалентны. Далее мы будем использовать написание тэгов в нижнем регистре.

Большинство тэгов спарены: за открывающим тэгом следует соответствующий ему закрывающий тэг, а между ними содержится текст или другие тэги.

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

Большинство тэгов могут иметь один или несколько атрибутов — параметров, дающих дополнительную информацию о том, как браузер должен обрабатывать текущий тэг. Однако атрибутов может и не быть вовсе. Атрибут тэга состоит из имени, например, align, знака равенства = и значения, которое задается строкой символов, например, " center" :align="center" . Значения атрибутов обычно заключаются в кавычки. Однако если эти значения используют только символы латинского алфавита, цифры и дефисы, то кавычки можно опустить, например: align=center. мультимедиа электронный резистивный доска Каждый HTML-документ имеет определенную структуру, которая выглядит следующим образом:

Структура HTML-документа содержит следующие обязательные элементы:

• * тэги и, которые отмечают начало и конец документа;
• * заголовок, ограниченный тэгами и ;

* тело, ограниченное тэгами .

В заголовке, ограниченном тэгами и, с помощью тэгов определяется название документа, которое должно описывать его содержимое и обычно содержит не более 5−6 слов. Это название отображается браузерами в строке заголовка рабочего окна программы, а роботы, составляющие индексы для поисковых систем, идентифицируют документ, используя его название.

Кроме элемента, заголовок может содержать элементы. Открывающий тэг включает пары имя=значение, описывающие свойства документа, например, авторство, список ключевых слов и т. д. Эти данные используются также поисковыми серверами при индексации документов.

Для создания Web-страниц понадобится любой браузер — Internet Explorer или Netscape Communicator, а лучше оба, так как многие элементы HTML по-разному отображаются в разных программах просмотра и весьма желательно контролировать эту разницу. Кроме того, нужен любой текстовой редактор, например, Блокнот из Windows. Программа Блокнот нужна для подготовки HTML-файлов, а браузер — для просмотра и контроля сделанного. С помощью этих инструментов мы создадим сайт на своем локальном компьютере, после чего поместим его на один из WWW-серверов в Интернете, сделав, таким образом, ваши Web-страницы доступными всему миру.

В качестве примера создадим сайт лицея. Цель сайта — рассказать миру о лицее, сфере его деятельности, интересов, найти друзей, партнеров, спонсоров.

Для файлов нашего сайта нужна отдельная папка.

Создайте папку с именем Web на жестком диске вашего компьютера.

Теперь запустим программу Блокнот и приступим к работе.

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

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

Введите с клавиатуры следующие основные тэги, поместив каждый из них, кроме закрывающего тэга, в новой строке.

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

Напомним, что первый и последний тэги означают соответственно начало и конец документа, элемент определяет заголовок Web-страницы, элемент — тело документа, а в элементе мы сейчас укажем название Web-страницы.

Между открывающим и закрывающим тэгами вставьте название документа — Талдыкорганский политехнический колледж. Этот элемент должен выглядеть следующим образом:

Талдыкорганский политехнический колледж.

Напомним, что название Web-страницы должно быть коротким и в максимальной степени отображать ее содержание.

Наша следующая задача — вставить в тело документа между тэгами короткий текст-приветствие посетителям Web-страницы.

Вставьте пустую строку между тэгами и и введите в ней следующий текст:

Добро пожаловать на страничку Талдыкорганского политехнического колледжа! Здесь Вы узнаете о нашей деятельности, о наших интересах и увлечениях, о наших успехах и достижениях Для каждой Web-страницы вы можете определить цвет фона и цвет текста. Это выполняется с помощью атрибутов bgcolor и text открывающего тэга. Для определения цвета как значения атрибутов существует два варианта:

• * словесное указание имени цвета, например, white (белый). В языке HTML предусмотрено шестнадцать таких имен;
• * цифровое обозначение в шестнадцатеричной записи, например, «#ffffff» — белый, которое указывает, каким образом цвет формируется из основных цветов — красного, зеленого, синего.

Конечно, словесное указание цвета более удобно и понятно. С другой стороны, численные обозначения дают больше возможностей, так как позволяют указать практически любой из 16 777 215 оттенков, тогда как словесные обозначения ограничены только шестнадцатью цветами.

Используем в качестве примера для фона нашей Web-страницы синий цвет (blue), а для текста — желтый (yellow).

Вставьте в открывающий тэг атрибуты bgcolor=blue и text=yellow. Этот тэг должен принять вид:

Ваш текстовый файл должен выглядеть примерно так:

Теперь документ следует сохранить. Откройте ранее созданную папку Web, введите имя файла tptk.html и нажмите кнопку Сохранить.

Обратите внимание: вы обязательно должны указать расширение имени файла .html или .htm, чтобы браузер смог его открыть.

Возможно, в вашем браузере размер шрифта текста будет крупнее или мельче, чем на рисунке. В таком случае выберите команду меню Вид * Размер текста * Средний в браузере Internet Explorer или Вид * Увеличить шрифт, Вид * Уменьшить шрифт в браузере Netscape Communicator, чтобы установить средний размер шрифта.

Следует иметь в виду, что разные браузеры могут по-разному отображать содержимое одного и того же HTML-файла. Поэтому при создании Web-страниц желательно всегда просматривать результат в обоих наиболее популярных браузерах — Internet Explorer и Netscape Communicator. В таком случае вы будете уверены, что посетитель вашего сайта увидит именно то, что вы хотите ему показать.

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

Чтобы наша Web-страница выглядела более привлекательно, разделим текст на абзацы и выделим заголовок. HTML имеет шесть уровней заголовков разделов документа, пронумерованных цифрами от 1 до 6. Заголовки объявляются парой тэгов с номерами, соответствующими уровню, например,.

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

Не следует путать заголовки разделов документа с рассмотренным ранее заголовком документа, определяемым элементом .

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

и

.

Вставьте в текст файла tptk.html тэги.

и

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

Добро пожаловать на страничку Талдыкорганского политехнического колледжа!

Сохраните файл, выбрав команду сохранить меню Файл программы Блокнот.

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

Нажмите клавишу F5 или кнопку обновить на панели инструментов рабочего окна программы Internet Explorer или аналогичную кнопку обновить в Netscape Communicator. Файл tptk.html будет перезагружен, и вы увидите в окне браузера, как выглядит заголовок первого уровня.

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

По умолчанию заголовок выравнивается по левому краю страницы. Но его можно также выровнять по правому краю или центрировать. Для правостороннего выравнивания в тэге.

используется атрибут align=right, а для центрирования — align=center. Допускается также явное указание левостороннего выравнивания — align=left.

Добавьте в тэг.

атрибут align=center, чтобы центрировать заголовок. Этот элемент должен принять следующий вид:

.

Добро пожаловать на страничку колледжа!

.

.

.

Теперь займемся остальным текстом. Увеличим его размер и оформим текст полужирным курсивным начертанием. Для установки полужирного начертания используются парные тэги .

Вставьте в файле tptk.html открывающий и закрывающий тэги так, чтобы они ограничили текст здесь вы узнаете…. Этот элемент должен принять следующий вид:

Здесь Вы узнаете о нашей деятельности, о наших интересах и увлечениях, о наших успехах и достижениях

Курсивное начертание устанавливается с помощью тэгов .

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

Здесь Вы узнаете о нашей деятельности, о наших интересах и увлечениях, о наших успехах и достижениях

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

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

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

Тэги увеличивают размер шрифта текста, заключенного между ними.

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

Здесь Вы узнаете о нашей деятельности, о наших интересах и увлечениях, о наших успехах и достижениях

С помощью тэгов вы можете уменьшить размер шрифта текста по сравнению с исходным.

Другой способ указания размера шрифта — с помощью тэгов с атрибутом size. В качестве значений этого атрибута используются целые числа от 1 до 7. Причем значение 1 соответствует минимальному размеру шрифта, а значение 7 — максимальному.

В качестве значения атрибута size можно также использовать числа от 1 до 7 со знаком + (плюс) или — (минус). В этом случае размер шрифта соответственно увеличивается или уменьшается, по сравнению с исходным, например, тэги size=+1> увеличат размер шрифта, по сравнению с текущим, на один порядок.

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

По умолчанию абзац с текстом Здесь Вы узнаете… выровнен влево. Центрируем его по горизонтали с помощью тэгов. Вы можете также выровнять абзац по правому краю страницы с помощью тэгов или по левому — с помощью тэгов .

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

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

— применяется для определения слова. Текст обычно выводится курсивом.

— для выделения слов и усиления. Отображается курсивом.

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

— для фрагментов кода программ. Показывается на экране шрифтом фиксированной ширины.

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

— служит для отображения сообщений программ. Выводится шрифтом фиксированной ширины.

— для особо важных фрагментов. Обычно выделяется полужирным начертанием.

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

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

Графические изображения, которые вы вставляете в свои Web-документы, должны быть созданы в таком графическом формате, который поддерживается браузером. Стандартные форматы Web-графики — GIF, JPG и PNG. Размеры их файлов минимальны по сравнению с другими форматами, что значительно сокращает время загрузки из сети.

Вставим на первую страницу нашего сайта рисунок images₁₁₃/image_123 683.JPG, который обычно находится в папке Windows, т. е. той папке, в которой установлена операционная система Windows. Прежде всего, этот файл следует скопировать в папку Web, которую мы создали для хранения файлов сайта.

Скопируйте файл images₁₁₃/image_123 683.JPG или любой другой файл с расширением .JPG или .GIF из папки Windows в папку Web.

Для вставки изображения в Web-документ используется одиночный тэг с атрибутом src, значение которого соответствует имени вставляемого файла или его адресу в Интернете. С помощью необязательного атрибута можно включить отображение рамки вокруг рисунка. Значение 1 для этого атрибута создаст рамку толщиной 1 пиксел. Таким образом, тэг, вставляющий рисунок, должен выглядеть следующим образом:

Вставим его после заголовка Добро пожаловать на страничку Талдыкорганского политехнического колледжа!

Операционная система Windows не различает регистр букв в названиях имен файлов, но операционные системы семейства Unix различают его, поэтому следует тщательно следить за тем, чтобы имя файла в тэге указывалось с соблюдением регистра. Начинающие Web-дизайнеры часто недоумевают: почему рисунок был виден на странице при тестировании на локальном компьютере и не появляется при загрузке страниц с удаленного сервера. А все дело в том, что они указали Мир. jpg, а на диске хранится images₁₁₃/image_123 683.JPG.

Вставьте пустую строку после элемента.

Добро пожаловать на страничку Талдыкорганского политехнического колледжа!

и введите в ней тэг src=images₁₁₃/image_123 683.JPG border=1> для включения изображения в документ.

.

Чтобы выровнять рисунок по центру, следует, воспользовавшись тэгами, записать строку кода HTML, вставляющего рисунок, следующим образом:

Ограничим размер рисунка по ширине 300 пикселами, а по высоте — 400 пикселами:

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

Создайте структуру Web-документа, напечатав основные тэги:

В качестве заголовка документа в тэге введите: Чем мы занимаемся?:

Чем мы занимаемся?

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

с атрибутом align=center, выравнивающим заголовок по центру страницы:

Чем мы занимаемся?

Самостоятельно подберите цвет фона страницы и цвет текста, указав соответствующие значения для атрибутов bgcolor и text в открывающемся тэге, например, так:

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

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

, которые ограничивают список.

Между ними располагается столько элементов, начинающихся с тэга.

• , сколько элементов в списке.

  Вставьте пустую строку под строкой с кодом.

  Чем мы занимаемся?

  и введите в теле документа следующий код:

  Обратите внимание: тэг.

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

Полный HTML-код документа должен иметь следующий вид:

Когда ввод кода будет закончен, сохраните документ в папке Web под именем spisok.html.

Воспользовавшись командой Открыть меню Файл в браузере Internet Explorer или командой Открыть страницу меню Файл в браузере Netscape Communicator, откройте файл spisok.html из папки Web.

На экране (рис. 4) Вы увидите, что каждый элемент ненумерованного списка выделяется специальным маркером.

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

• .

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

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

  Посмотрим, как вставить в Web-документ простую форму, которая позволит пользователю напечатать свое сообщение прямо на Web-странице и автоматически отправить его по электронной почте лицею. Но сначала вставим в HTML-документ spisok.html текст с приглашением заполнить форму, поместив его под списком. Текст приглашения следует выделить в отдельный абзац, ограничив его парой тэгов, и выровнять по центру с помощью атрибута align=center.

  Вставьте пустую строку между закрывающим тэгом.

и закрывающим тэгом и введите в этой строке следующий код:

Ecли у Вас есть вопросы или предложения, напишите нам:

Каждая форма начинается тэгом и заканчивается тэгом. HTML-документ может содержать в себе несколько форм, однако они не должны находиться одна внутри другой. Текст и тэги могут размещаться внутри формы без ограничений. Открывающий тэг должен содержать обязательный атрибут action, который определяет, где находится программа-обработчик, или адрес сервера, который будет обрабатывать форму. Так как сообщение, написанное посетителем сайта, будет отправляться по электронной почте, то значение этого атрибута должно содержать адрес E-mail владельца сайта, например: action="mailto: tptk.narod.ru" .

Еще один атрибут тэга — method — определяет, каким образом или с помощью какого протокола данные из формы будут переданы программе-обработчику. Так как будет использована электронная почта, то значение этого атрибута должно быть post:method=post. Таким образом, элемент будет иметь примерно такой вид:

Добавьте в документе spisok.html пустую строку перед закрывающим тэгом и введите указанный код.

Теперь нам нужно поместить в форме многострочное текстовое поле для ввода сообщения. Для этого служат тэги. В качестве атрибутов открывающего тэга необходимо указать количество строк (rows) и колонок (cols), a также имя (name), под которым содержимое текстового поля ввода будет передано программе-обработчику, например:

Такой элемент создаст текстовое поле ввода высотой 5 строк и шириной 40 символов. Введенный посетителем сайта текст будет передан обработчику под именем Comments (Комментарии). Чтобы центрировать текстовое поле относительно краев страницы, следует ограничить его тэгами .

Вставьте пустую строку перед закрывающим тэгом и введите следующий элемент, создающий текстовое поле:

Здесь для центрирования текстового поля мы использовали тэги, a не атрибут align=center тэга, так как данный атрибут предназначен преимущественно для выравнивания текстовых фрагментов, и некоторые браузеры, например, Netscape Communicator, могут игнорировать данный атрибут для поля формы.

Чтобы запустить процесс передачи данных из формы обработчику, нужен какой-то элемент управления, например, кнопка. Создать такой элемент управления очень легко с помощью одиночного тэга с атрибутом type. Если нужно создать кнопку, то значение этого атрибута должно быть submit (передать):

Такой элемент по умолчанию выведет на Web-странице кнопку с надписью Подача запроса. Чтобы изменить надпись на кнопке, достаточно включить в данный тэг атрибут value с нужным вам значением, например: value="Отправить" . Напомним, что значения атрибутов, в которых используются символы, отличные от латинских, следует обязательно заключать в кавычки.

Вставьте пустую строку перед закрывающим тэгом и введите в ней следующий код, создающий кнопку в новом абзаце и выравнивающий ее по центру страницы:

В результате элемент должен принять следующий вид:

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

Вставка гипертекстовых ссылок.

Аббревиатура HTML означает «Язык разметки гипертекста». Что же такое гипертекст?

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

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

Каждый компьютер, подключенный к Интернету, имеет свой уникальный адрес, который может быть представлен или в числовом виде, например, 204.146.46.133, или определенным сочетанием символов, например. Поскольку каждый компьютер имеет свою уникальную структуру каталогов и файлов, то и каждая страница Web также имеет уникальный адрес, называемый URL (Uniform Resource Locator — Унифицированный указатель ресурсов). Как видно из названия, URL может указывать не только на страницы Web, но также и на другие ресурсы Интернета, например, FTP (File Transfer Protocol — Протокол передачи файлов) — хранилища файлов. В самом общем виде URL включает в себя указатель на протокол, который применяется для доступа к ресурсу — http, ftp и др. — и символьный адрес компьютера в сочетании с именем конкретного файла в структуре каталогов этого компьютера. Например, URL-адрес.

Из сказанного следует, что каждой Web-странице соответствует свой HTML-файл. Однако вы можете заметить, что во многих URL-адресах отсутствует имя файла, например. Тем не менее, в окне браузера все же появляется конкретная страница. Дело в том, что администраторы Web-серверов могут указать на своих узлах некоторые HTML-файлы, которые выводятся по умолчанию, если имя файла в URL явно не задано. Обычно эти файлы имеют имена index.html или index.htm.

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

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

Чтобы ссылка На первую страницу была центрирована, следует ограничить элемент тэгами и .

Вставьте в файле spisok.html пустую строку перед закрывающим тэгом и введите в ней следующий код:

Ha первую страницу Теперь создадим гиперссылку для перехода с первой страницы — tptk.html — на вторую — spisok.html. Для ссылки логичней всего будет использовать текстовый фрагмент о нашей деятельности, так как список на второй странице раскрывает содержание именно этого фрагмента текста. Поэтому нам нужно в файле tptk.html поместить открывающий тэг с атрибутом href="spisok.html" перед фрагментом текста о нашей деятельности, а закрывающий тэг — после него.

Для этого:

Откройте в программе Блокнот файл tptk.html.

Отредактируйте этот файл, вставив тэг перед текстом о нашей деятельности, а закрывающий тэг — после него. Код HTML в файле tptk.html должен принять следующий вид:

Очень вероятно, что когда вы просмотрите результат в браузере, вы обнаружите, что ссылка о нашей деятельности видна очень плохо или вообще не видна. Это связано с тем, что цвет, которым браузер отображает непросмотренные ссылки, совпадает с цветом фона вашего документа. В таком случае цвет ссылок следует изменить, воспользовавшись атрибутами link и vlink тэга. Атрибут link определяет цвет непросмотренной ссылки, а vlink — просмотренной. Еще один атрибут — alink определяет цвет ссылки в момент, когда на ней установлен указатель мыши и нажата левая кнопка.

Если вы устанавливаете какой-либо из атрибутов: bgcolor, text, link, vlink, alink — то устанавливайте их все. Иначе, например, установленный вами фоновый цвет может совпасть с цветом текста, установленным пользователем в браузере.

Установим для непросмотренной ссылки белый цвет (white), для просмотренной — светло-зеленый (lime), а для ссылки в момент щелчка мышью — красный (red), добавив в тэг атрибуты link=white, vlink=lime, alink=red так, чтобы этот тэг имел следующий вид:

Вставить переход в документе можно не только с текстовой ссылки, но также и с рисунка. Посмотрим, как вставить переход с рисунка на вторую страницу.

Для создания такой ссылки достаточно в файле tptk.html вставить открывающий тэг перед тэгом src=images₁₁₃/image_123 683.JPG border=1> и закрывающий тэг после него.

Отредактируйте файл tptk.html так, чтобы окончательный HTML-код документа имел следующий вид:

Создавая ссылки на страницы нашего сайта, мы использовали в качестве адреса имя файла. При таком указании адреса браузер всегда ищет файл в текущем каталоге. Если бы нужный файл — spisok.html — находился, предположим, в подкаталоге Doc текущего каталога, то в адресе необходимо было бы указать путь к нему от текущего каталога:. Такая ссылка, в которой адрес указывается относительно текущего каталога на том же компьютере, называется относительной.

Вы можете также использовать в ссылках полный URL-адрес, указывающий на файл, находящийся в определенном каталоге определенного компьютера в сети. Такая ссылка называется абсолютной. В то время как относительные ссылки указывают на файлы, расположенные на том же самом компьютере, абсолютные ссылки служат для представления адресов документов на других компьютерах в Интернете.

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

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

Создайте новый текстовый файл, выбрав в меню Файл программы Блокнот команду Создать.

Введите основные тэги, создающие структуру документа. В заголовке документа укажите Меню. Цвет фона и текста документа самостоятельно выберите такими, чтобы ссылки были хорошо видны:

Каждая таблица начинается тэгом.

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

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

Вставьте пустую строку между открывающим и закрывающим тэгами и, начиная с нее, введите указанный код.

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

атрибут align=centerдля выравнивания таблицы по центру или атрибут align=right — для выравнивания по правому краю окна браузера. Пункты меню расположены один под другим, а края таблицы и ячеек не видны. Это связано с тем, что по умолчанию рамка и ячейки таблицы не показываются. Чтобы включить их отображение, следует использовать в тэге атрибут border, указав в качестве его значения толщину рамки в пикселах.

Добавьте в тэг.

атрибут border=1, чтобы показать рамку и ячейки таблицы толщиной 1 пиксел:

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

Установите для таблицы ширину 140 пикселов, добавив атрибут width=140 в открывающий тэг.

так, чтобы он принял вид:

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

При использовании для формирования столбцов таблицы тэгов

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

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

элементами.

Отредактируйте файл menu.html, заменив тэги.

соответственно тэгами. Код HTML должен принять следующий вид:

В тэгах.

или.

Нам осталось теперь создать ссылки двух первых пунктов меню на соответствующие страницы нашего сайта. Так как остальные страницы еще не созданы, то ограничимся этими двумя ссылками. Как и прежде, воспользуемся тэгами с атрибутом href. В качестве значения этого атрибута для первого пункта меню — Главная страница — следует указать файл tptk.html, т. е. href="tptk.html" , а для второго — Чем мы занимаемся? — файл spisok.html т. е. href="spisok.html" .

Обычно при переходе по ссылке новый документ отображается в том же окне, что и исходный, в котором была ссылка. Чтобы отобразить его в другом окне, необходимо в открывающем тэге использовать атрибут target, параметром которого должно быть имя того окна, в которое будет загружен документ. Укажем это имя как значение атрибута target в ссылке: target="frame" . Web-страница будет загружаться в то же окно браузера, в котором находится ссылка, а атрибут target позволит загружать документ в другое окно.

Отредактируйте в файле menu.html строки кода, содержащие названия пунктов меню Главная страница и Чем мы занимаемся?, вставив вышеуказанные ссылки соответственно на файлы tptk.html и spisok.html так, чтобы эти строки приняли следующий вид:

Главная страницаЧем мы занимаемся?

Окончательный вид файла menu. html примет следующий вид:

Сохраните документ в папке Web под именем menu.html, выбрав из меню Файл программы Блокнот команду Сохранить. В браузере этот файл будет выглядеть так, как это представлено на рис. 5.

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

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

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

Для описания фреймов используется специальный HTML-файл.

В окне программы Блокнот (Notepad) создайте новый файл.

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

Вместо тэгов в файле, описывающем фреймы, используется пара тэгов с атрибутами rows или cols, определяющими, как делится экран — по горизонтали или по вертикали. В качестве значений этих атрибутов можно использовать числовое значение высоты или ширины фрейма в пикселах или в процентах от 1% до 100%. Например, если вы хотите разделить окно браузера по горизонтали на два равных по размеру фрейма, то код HTML должен быть таким:

Обратите внимание: значения атрибутов отделяются один от другого запятой.

Чтобы разделить окно браузера по вертикали на два фрейма шириной 200 и 600 пикселов, следует написать:

Однако фактическая ширина и высота окна фрейма зависят от текущего разрешения монитора. Поэтому, если у пользователя установлено разрешение, например, 1024×768 пикселов, т. е. ширина экрана — 1024 пиксела, то часть экрана может остаться незаполненной. В связи с этим рекомендуется задавать размеры фреймов в процентах так, чтобы их сумма была равна 100%. Если все же необходимо для одного из окон указать фиксированный размер в пикселах, то размер другого окна можно не указывать, заменив его значение символом *. В этом случае браузер сам подберет нужный размер для второго окна.

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

В окне программы Блокнот (Notepad) вставьте пустую строку после закрывающего тэга и введите следующий код:

Таким образом, мы указали, что окно браузера должно быть разделено по вертикали на два фрейма. Для описания каждого фрейма в отдельности используются одиночные тэги, которые должны находиться внутри элемента. Обязательным атрибутом тэга является src, значение его — адрес документа, который должен находиться в данном фрейме. Так как в первом фрейме будет находиться файл menu.html, то данный тэг следует записать так:

Вставьте в окне программы Блокнот (Notepad) пустую строку после открывающего тэга и введите указанный тэг.

Во второй фрейм должен загружаться файл tptk.html, поэтому второй тэг будет таким:

Чтобы во второй фрейм могли загружаться также и все остальные страницы сайта — spisok.html и другие, которые, возможно, будут созданы, — необходимо с помощью атрибута name присвоить данному фрейму имя, которое, будучи указано в ссылках любого документа в качестве значения атрибута target, определит, в какой именно фрейм следует загрузить документ. Напомним, что в общем случае, при переходе по ссылке новый документ открывается в том же окне. Именно для того, чтобы при переходе по ссылкам нашего меню страницы открывались не в первом фрейме, в котором расположено меню, а во втором, мы использовали в предыдущем вопросе в ссылках меню атрибут target со значением " frame": target="frame" , где «frame» -это имя второго фрейма. И теперь имя «frame» следует присвоить второму фрейму, в котором должен открываться файл tptk.html. Поэтому второй тэг в окончательном виде должен быть записан так:

Введите этот код, вставив пустую строку перед закрывающим тэгом .

Сохраните файл в папке Web под именем index.html.

Имя index.html должно обязательно присваиваться файлу с главной страницей каждого сайта. Именно этот файл открывается по умолчанию при обращении к Web-узлу, если не указано другое имя файла. На некоторых сайтах имя главной страницы может быть index.htm, a index.html отображается не как страница, а как папка с именами файлов. Это надо уточнять у администратора узла.

Окончательный код файла index.html в окне программы Блокнот должен быть следующим:

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

Для пользователей Интернета уже давно стали привычными появляющиеся почти на каждой Web-странице «живые» мультипликационные картинки. Это и понятно: анимация привлекает внимание гораздо сильнее, чем статические картинки, и, кроме того, на небольшой площади можно поместить значительно больше информации за счет чередующихся кадров.

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

В настоящее время существует несколько технологий создания анимации для WWW: анимационный (animated) GIF, Flash, Java и JavaScript.

Из этих технологий анимационный GIF является, пожалуй, самым простым в создании, и практически любой современный браузер может его показать. Формат GIF позволяет размещать в одном файле несколько кадров или фреймов (frames) с изображениями для их последовательного вывода на экран. В отличие от обычного фильма, где длительность анимации определяется скоростью воспроизведения, для каждого кадра GIF-анимации может быть задана длительность его показа на экране, а для всей анимации может быть указано количество повторений. Кроме того, в отличие от обычного фильма, изображения, содержащиеся в кадрах GIF-анимации, не обязательно должны быть одного размера. Для изображения каждого кадра или слоя анимации вы можете установить индивидуальный размер и расположить его по своему усмотрению, независимо от других слоев. Анимационные GIF-файлы могут быть легко подготовлены в программе Adobe ImageReady. Увидеть анимацию такого типа можно, например, на сайте по адресу.

Готовые бесплатные анимационные картинки для использования на своих Web-страницах вы можете найти, например, по адресам:

В отличие от GIF-анимации, которая позволяет размещать в файле только изображения, Flash-технология предоставляет возможность объединить в одном формате анимацию, звук, текст, графику и, кроме того, элементы интерактивности, которые дают возможность пользователю или посетителю сайта определенным образом изменять данные на Web-странице, превращая его из наблюдателя в активного участника. Интерактивными элементами сайта могут быть игры, например, карточные, рулетка, тир, крестики-нолики, «морской бой»; онлайновые обучающие программы, викторины, тесты, калькуляторы и т. п. Создается подобная анимация с помощью программы Macromedia Flash. К сожалению, для просмотра Flash-анимации вам, скорее всего, придется установить дополнительный подключаемый модуль (Plug-in) для вашего браузера. Именно по этой причине не имеет смысла создавать сайты, которые предназначены для широкого круга лиц. Так как многие люди просто не смогут увидеть Flash-анимацию, а установить дополнительный подключаемый модуль не захотят или просто не смогут.

Еще один способ создания анимации — посредством программирования на языках Java и JavaScript. Эти языки позволяют разрабатывать программы, встроенные в документы HTML и называемые апплетами, которые выполняются браузерами на компьютерах пользователей. И, конечно же, возможности Java и JavaScript значительно шире, чем подготовка анимационных картинок. Он позволяет создавать масштабные Интернет-приложения. Примеры Java-апплетов можно увидеть на сайтах. Создание анимации с помощью Java и JavaScript, также нельзя назвать подходящим для серьезных сайтов, так как пользователи очень часто отключают поддержку Java и JavaScript в своих браузерах по соображениям безопасности. Так как с помощью программ на указанных языках, можно скопировать или испортить файлы на вашем компьютере.

Учитывая все вышесказанное, можно сказать, что самый простой, надежный и эффективный способ разместить анимацию на своих Web-страницах — это использование формата GIF.

Язык программирования JAVA.

Язык программирования Java, разработанный около восьми лет назад компанией Sun Microsystems и напоминающий по структуре и синтаксису хорошо знакомый многим программистам С, существует сегодня в Интернете в двух вариантах: JavaScript и собственно Java. Первый вариант языка является всего лишь надстройкой стандарта HTML и значительно расширяет возможности документа, созданного в этом формате. Модуль, написанный на JavaScript, интегрируется в файл HTML как подпрограмма и вызывается на исполнение из соответствующей строки HTML-кода стандартной командой. Встроенный в браузер интерпретатор языка воспринимает и скрипт, и сам код гипертекста как единый документ, обрабатывая те и другие данные одновременно.

Модуль Java в отличие от JavaScript не интегрируется в использующую его страницу, а существует как самостоятельное приложение с расширением *.class или, выражаясь научным языком, апплет. При использовании этого варианта языка апплет также вызывается из html-файла соответствующей командой, но загружается, инициализируется и запускается на исполнение в виде отдельной программы, в фоновом режиме.

С помощью технологии Java можно придать своей странице элементы интерактивности, формировать, компоновать и полностью контролировать формат всплывающих окон и встроенных фреймов, организовывать такие активные элементы, как «часы», «бегущие строки» и иную анимацию, создать чат. Большинство web-камер, передающих на сайт «живое» изображение, также работают на базе соответствующих приложений Java.

Среди достоинств этой технологии следует отметить отсутствие необходимости устанавливать и настраивать на сервере какие-либо дополнительные модули, обеспечивающие работу Java-программ. Главный недостаток Java заключается в том, что пользователи браузеров старых версий, не поддерживающих компиляцию данного языка, воспринимать объекты, созданные при помощи Java и JavaScript, не смогут.

Язык программирования Macromedia Flash.

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

Одним из плюсов Flash для Web стала возможность отображения изображений при помощи векторной графики. Векторная графика занимает меньше места, чем ранее использовавшаяся растровая графика. Большое значение было предано совместному использованию векторной графики и анимации. Это намного расширило круг интересов пользователей и разработчиков.

Внутренний язык программирования Action Script позволяет сопровождать какие-либо действия или события, какими-либо звуковыми или видео эффектами, проводить сложные математические расчеты. Возможности Action Script сравнимы с возможностями JavaScript и VBScript. Подобно многим другим языкам программирования, термины Action Script определяют смысловую нагрузку, порядок их следования — логическую структуру, а знаки препинания — контекст. AS также позволяет передавать какие-либо параметры при выполнении CGI. Также CGI может быть вызванным из Flash, выполнить какие-либо действия и выдать ответ в виде заранее подготовленного Flash-клипа.

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

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

Главный решающий фактор, определяющий способность Flash создавать быстро загружающиеся приложения мультимедиа для Web — это передача содержимого в потоковом режиме. Несмотря на другие его достоинства, без этой особенности Flash вряд ли бы стал практичным для использования в Web.

	и закрывающим							и	и	и	вы можете использовать следующие атрибуты: align — для горизонтального выравнивания содержимого ячеек по центру (center), левому (left) и правому (right) краям ячейки; width — для указания ширины ячейки в пикселах; height — для определения высоты ячейки; valign — для вертикального выравнивания данных в ячейке по верхнему (top) и нижнему (bottom) краям и середине (middle) ячейки; по умолчанию valign=middle. Вы можете также изменить цвет любой ячейки, столбца, строки или всей таблицы, вставив атрибут bgcolor соответственно в тэг.	,

.