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

width=150 | 45%_____________ширина ячейки

height=180 | 30%_____________высота ячейки

align=center | left | right________выравнивание содержимого ячейки

valign=bottom | middle | top_____вертикальное выравнивание содержимого

background=”1.jpg”__________фоновый узор

bgcolor=”gray”_______________цвет фона

bordercolor=”black”__________цвет рамки (только IE)

colspan=2___________________объединение ячеек по горизонтали

rowspan=3__________________объединение ячеек по вертикали

nowrap_____________________запрет переноса строк (как <nobr>)

Подпись таблицы. Параметры тега <CAPTION>.

Данный тег описывает название таблицы (подпись).<CAPTION> должен присутствовать внутри <TABLE>…</TABLE >, но снаружи описания какой-либо строки или ячейки. По умолчанию <CAPTION> имеет атрибут ALIGN=top (расположить сверху), но может быть явно установлен в нижнее положение (ALIGN=bottom). ALIGN определяет, где - сверху или снизу таблицы - будет поставлена подпись. Подпись всегда центрирована в рамках ширины таблицы. Параметры элемента <CAPTION>:

align=bottom | top | left | right_____выравнивание подписи по горизонтали

valign=bottom | top _____________вертикальное выравнивание подписи

Пример:

Таблица 1

Заголовок1	Заголовок2
1	2
3	4

6.3Вложенные таблицы

Таблицы могут быть вложены одна в другую. Уровень вложенности не ограничен. Для создания вложенной таблицы необходимо описать ее тегом <table> как содержимое ячейки <td>.

Пример:<table border=1 width=50% cellspacing=0>

<tr>

<td> <table border=0 cellspacing=3 width=”100%”>

<tr>

<td bgcolor=“Black”><font color=”White”>ссылка1</font></td>

<td bgcolor=“Black”><font color=”White”>ссылка2</font></td>

<td bgcolor=“Black”><font color=”White”>ссылка3</font></td>

</tr> </table> </td> </tr>

<tr height=50>

<td> содержимое ячейки </td>

</tr>

</table>

7. ФОРМЫ И ФРЕЙМЫ

7.1Правила работы с формами и элементы форм

Формы используются в Web для многих целей. Наиболее часто они применяются как бланки писем для написания отзывов, как бланки для оформления заказов, подписки, для проведения регистрации и настройки параметров. Одним словом, формы нужны, когда от пользователя требуется ввод какой-либо информации. Пользователь вводит информацию в специально отведенных для этого полях формы, затем нажимает нужную кнопку и посылает заполненную форму на сервер. Сервер принимает данные формы, обрабатывает их и генерирует ответ в виде HTM-файла (например, “введен неправильный пароль”). Этот файл и получает пользователь в ответ на отправку формы.

Форма в HTML-документе размещается между тегами <FORM> и </FORM>. Внутри формы может располагаться обычный текст, другие HTML-элементы, например таблицы, а также элементы форм. Формы нельзя вкладывать одну в другую (это Вам не таблицы)!!! Чтобы форма заработала, необходимо указать три вещи - адрес программы, которая будет обрабатывать форму (ACTION), метод передачи данных из формы (METHOD) и способ шифрования данных из формы (ENCTYPE).

Структура формы такова:

<FORM METHOD=”getpost” ACTION=”URL” ENCTYPE=”MIME”>

Элементы _формы _и _другие _элементы _HTML

</FORM>

Атрибут METHOD. Метод посылки сообщения с данными из формы. Можно посылать результаты ввода данных в форму двумя путями:

1) GET: Информация из формы добавляется в конец URL, который был указан в описании заголовка формы (в атрибуте ACTION). В результате получается URL из пары сотен символов, в котором находятся и данные для обработки и адрес CGI-программы, которая будет их обрабатывать на сервере. Метод GET используется по умолчанию в большинстве броузеров для передачи информации из формы. Использование метода GET не рекомендуется по следующим причинам:

ограниченная длина (URL имеет длину <256символов)

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

2) POST: Данный метод передает всю информацию о форме немедленно после обращения к указанному URL. CGI-программа получает данные из формы в стандартный поток ввода. Данный метод рекомендуется к использованию.

Атрибут ENCTYPE. Указание типа передаваемой информации. Когда данные передаются из формы на Web-сервер, они, как правило, кодируются по умолчанию MIME-форматом application/x-www-form-urlencoded. В данном методе кодирования пробелы заменяются на знак “+”, а нестандартные символы на комбинацию “%nn”, где nn соответствует коду символа в таблице ASCII. С помощью атрибута ENCTYPE можно изменить метод кодирования информации, принятый по умолчанию. Например, при использовании протокола mailto в URL в атрибуте ACTION более приемлемым является MIME-формат text/plain.

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

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

Атрибут ACTION. Ему присваивается URL программы, которая будет работать с данными, полученными от формы. Данный URL почти всегда указывает на CGI-программу, обрабатывающую данную форму.

Пример: <FORM METHOD=”post' ACTION=”http://www.mysite.com/cgi-bin/process.pl”>

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

Стандартный.

Action=”mailto:xxx@xxx.xx” enctype=”application/x-www-form-urlencoded”

Упрощенный.

Action=”mailto:xxx@xxx.xx” enctype=”text/plain”

(сравните принимаемые данные далее в примере с формой)

ЭЛЕМЕНТЫ ФОРМЫ

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

Наиболее часто используемым элементом формы является элемент INPUT.

Непарный тег <INPUT> используется для ввода одной строки текста и одного слова. Также, в зависимости от атрибута TYPE, он позволяет осуществить одиночный (radio), множественный (checkbox) выбор, создать кнопку и т.д.

Типы полей ввода (возможные значения атрибута TYPE):

TEXT: однострочное текстовое поле ввода.

Параметры: SIZE=20 ___размер отображаемого поля ввода на экране (по умолчанию=20)

MAXLENGTH=15____максимальная длина вводимого значения в символах. Если пользователь попытается набрать символов больше указанного количества, броузер не разрешит ему этого сделать. О своем запрете броузер сообщит сигналом или просто будет зачеркивать лишние вводимые символы.

Нижеприведенный пример создает два однострочных поля с именами CustName и Cod:

введите имя: <input name=”СustName” type=”TEXT” size=”40”> <br>

введите код: <input name=”Cod” type=”TEXT” size=”20” maxlength=”10”>

введите имя:

введите код:

PASSWORD: поле для пароля.

Параметры: SIZE=20 ___размер отображаемого поля ввода на экране (по умолчанию=20)

MAXLENGTH=15____максимальная длина вводимого значения в символах.

Вводимые в поле данные на экран не выводятся. В большинстве случаев на экран выводятся «звездочки» или точки. Ограничение количества вводимых символов атрибутом MAXLENGTH может оказаться крайне полезным.

Пример:

введите имя: <input name=”СustName” type=”TEXT” size=”40”> <br>

введите пароль: <input name=”Cod” type=”PASSWORD” size=”20” maxlength=”10”>

введите имя:

введите пароль:

RADIO: одиночный выбор значения из нескольких (переключатель).

Параметры: NAME=”name” ______ имя возвращаемой переменной

VALUE=”yes”_______ значение возвращаемой переменной (т.е. поля)

CHECKED _________ выбрано изначально

Для создания набора альтернатив вам необходимо создать несколько полей ввода с атрибутом TYPE=”RADIO” с разными значениями атрибута VALUE, но с одинаковыми значениями атрибута NAME. В CGI-программу будет передано значение типа NAME=VALUE, причем VALUE примет значение атрибута VALUE того поля ввода, которое в данный момент будет выбрано (будет активным). Выбор одного из полей ввода автоматически отменит выбор всех остальных полей данного типа с тем же именем (атрибут NAME).

Пример:

<b>Цвет материала:</b><br>

<Input Type=”RADIO” Name=”Color” Value=”Зеленый” CHECKED> Зеленый

<Input Type =”RADIO” Name=”Color” Value =”Красный”> Красный

<Input Type=RADIO Name=”Color” Value=”Коричневый”> Коричневый

CHECKBOX: множественный выбор (поле «флажка»).

Параметры те же, что и для RADIO. Возможен выбор множества вариантов из числа предложенных. По умолчанию значение атрибута VALIO равно on. Можно создать в форме несколько полей для флажка с одним и тем же именем, но разными значениями атрибута VALIO. Например, данный фрагмент кода:

Пункт 1: INPUT type=”CHECKBOX” name=”Chbox” value=”Да”>

Пункт 2: INPUT type=”CHECKBOX” name=”Chbox”>

отправит на сервер несколько пар значений, если в обоих полях будут поставлены флажки: Chbox=Да&Chbox=on.

Можно вывести на страницу поле с уже поставленным «флажком», для этого поместите атрибут CHECKED в нужный элемент INPUT. Чтобы получить множество отдельных полей флажков, следует создать поля с разными именами (NAME), но одинаковыми значениями атрибута VALUE. Например:

<input type=”CHECKBOX” name=”Oleg” value=”Yes”

Checked> Олег Попов <BR>

<input type=”CHECKBOX” name=”Roman” value=”Yes”>

Роман Ткачев <BR>

<input type=”CHECKBOX” name=”John” value=”Yes” Checked>Иван Конев

RESET: кнопка сброса

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

SUBMIT: кнопка посыла формы

Данный тип обозначает кнопку, при нажатии которой будет вызвана CGI_программа (или URL), описанная в параметре ACTION. Атрибут VALUE может содержать надпись на кнопке.

Пример:

<input type=”SUBMIT” value=”послать”>

<input type=”RESET” value=”очистить”>

Если в поле формы нужно ввести не одну строку текста, а несколько, элемент <INPUT> заменяют на парный тег TEXTAREA. Например, чтобы создать текстовое поле из 5 строк по 80 символов в каждой, следует набрать следующий код: <TEXTAREA NAME=”Comment” ROWS=5 COLS=80>

</TEXTAREA>

Так как в поле может быть множество строк текста, то текст, что вводится в поле по умолчанию, нельзя задать с помощью атрибута VALUE. Этот текст следует поместить между <TEXTAREA> и </TEXTAREA>:

<TEXTAREA NAME=”Comment” ROWS=5 COLS=80>

Пожалуйста, укажите ваши замечания. </TEXTAREA>

Информация, помещаемая в элемент <TEXTAREA>, не должна содержать разметку HTML и быть простым текстом.

Атрибуты элемента <TEXTAREA>:

NAME=”address”_______имя поля ввода

ROWS=5 _____________ высота поля ввода в символах

COLS=10 _____________ширина поля ввода в символах

WRAP=off _________ не разбивать строки автоматически

virtual ________ разбивать при вводе, но передавать как одну строку

physical _________ разбивать на строки и передавать в таком виде

Парный элемент <SELECT> позволяет создать в форме раскрывающиеся меню и прокручиваемые списки.

Раскрывающиеся меню позволяют пользователю выбрать один вариант из нескольких возможных. Внутри элемента <SELECT> помещается несколько элементов <OPTION>. Они определяют пункты в меню и, как правило, закрывающий тег для них не нужен. Наличие атрибута SELECTED в элементе <OPTION> указывает, какой из пунктов в меню будет выбран по умолчанию. Если ни один из пунктов такого атрибута не имеет, поле считается неопределенным. Когда форма отправляется на обработку, полю присваивается значение, которое стоит после тега <OPTION>.Однако допускается задавать значение пункта меню и с помощью атрибута VALUE. Это значение и будет отправлено при обработке формы на сервер. Пример раскрывающегося меню представлен ниже:

Выберите цвет металлической черепицы

<SELECT NAME=”roofcolor”>

<OPTION VALUE=”red”> Красный

<OPTION VALUE=”blue”> Синий

<OPTION VALUE=”green”>Зеленый

<OPTION VALUE=”brown” SELECTED> Коричневый

</SELECT>

Прокручиваемые списки получаются, если в элементе <SELECT> поставить атрибут SIZE и определить им количество пунктов меню, которые будут выводиться на экран. По умолчанию этот атрибут имеет значение 1, и на экран выводится одиночный список, раскрывающийся по кнопке со стрелкой . Если SIZE присвоить другое положительное число, меню превратится в список с указанным количеством строк.

Для одновременного выбора сразу нескольких значений из списка используется <SELECT> с атрибутом MULTIPLE. Множественный выбор вариантов в списке обычно делается при помощи клавиши ALT. Если выбрано одновременно несколько значений, то серверу передается соответствующее количество параметров NAME=VALUE с одинаковыми значениями NAME, но разными VALUE.

Пример 1(список с одиночным выбором):

<SELECT NAME=”fruit” SIZE=”3>

<option value=”яблоко”> яблоко </option>

<option value=”банан”> банан </option>

<option value=”груша”> груша </option>

<option value=”лимон”> лимон </option>

<option value=”киви”> киви </option>

<option value=”апельсин”> апельсин </option>

</SELECT>

Пример 2(список с множественным выбором):

Ваши любимые фрукты:<br>

<SELECT NAME=”fruit” SIZE=”6” MULTIPLE>

<option value=”яблоко”> яблоко

<option value=”банан”> банан

<option value=”груша”> груша

<option value=”лимон”> лимон

<option value=”киви”> киви

<option value=”апельсин”> апельсин

</SELECT>

Дополнительные типы <INPUT>

HIDDEN: “скрытое” текстовое поле

Поля данного типа не отображаются броузером и не дают пользователю возможность изменять присвоенные данному полю по умолчанию значения. Скрытое поле используется для передачи в CGI-программу вспомогательной информации: ID пользователя, пароля или другой информации.

IMAGE: графическая кнопка (графический вариант кнопки Submit

Данный тип поля ввода позволяет Вам связывать графический рисунок с именем поля. При нажатии мышью на какую-либо часть рисунка будет немедленно вызвана ассоциированная форме CGI-программа. Все значения атрибута VALUE игнорируются. Само описание картинки осуществляется через атрибут SRC и по параметрам совпадает с тегом <IMG>. Пример: <input type=”image” name=”ED” src=”buttons/win98ready.gif” width=”60” height=”60”>

BUTTON: общая кнопка

Просто кнопка в стиле Reset или Submit, но у которой нет предопределенного действия. Параметр “value=” задает надпись на кнопке. Например, <INPUT type=”button” value “нажми меня” name=”knopka”>

FILE: отправление файлов при помощи форм

В параметрах <FORM> необходимо указать ENCTYPE=”multipart/form-data”. Данная возможность требует поддержки получения файлов WEB-сервером!

Пример:

<FORM ENCTYPE=”multipart/form-data” ACTION=”url” METHOD=”post”>

Отправить данный файл: <INPUT NAME=”userfile” TYPE=”file”>

<P> <INPUT TYPE=”submit” VALUE=“Отправить файл”>

</FORM>

7.2 Использование фреймов

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

Каждый фрейм может иметь следующие свойства:

свой URL, что позволяет загружать его независимо от других фреймов;

собственное имя (параметр NAME), позволяющее переходить к нему из другого фрейма

Данные свойства фреймов позволяют создавать интерфейсные решения, такие как:

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

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

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

7.2.1 Описание фрейма и задание логики взаимодействия фреймов

Фреймовая структура задаётся в одном файле формата HTML с помощью элемента <FRAMESET>, присутствующего вместо <BODY>. Данный элемент определяет набор кадров (фреймов), составляющих документ. Каждые фрейм содержит ссылку на традиционную страницу HTML. Главными атрибутами тега <FRAMESET> являются ROWS и COLS.

Атрибут ROWS содержит список значений, разделенных запятыми, в котором указывается количество и размер строк (горизонтальных областей) в данном наборе фреймов. Количеству пунктов в списке соответствует количество строк. Соответственно атрибут COLS содержит список, в котором указывается количество и размер колонок (вертикальных областей) в данном наборе фреймов. Пункты списка соответствуют колонкам слева направо. Ширина колонки указывается в одном из трех допустимых форматов, причем в списке могут использоваться любые их комбинации. Ширину колонки можно указать в пикселях, в процентах от ширины всего набора фреймов, и, наконец, если использовать значение «*», колонка займет все доступное пространство. Эти же форматы используются и для задания размеров строк. Например, для создания набора фреймов из четырех колонок, ширина первой из которых равна 50 пикселей, вторая занимает 30% экранной площади, а оставшееся пространство делится между третьей и четвертой в соотношении 1/3 к 2/3, следует указать: <FRAMESET COLS=”50, 30%, *, 2*”>

Если сумма заданных в процентах размеров превышает 100%, то размеры будут изменены пропорционально. Приоритеты в задании размеров:

в первую очередь фрейм с абсолютным значением;

во вторую - со значением в процентах;

в третью - с относительным значением;

Другие атрибуты элемента <FRAMESET>:

border=10 толщина рамки;

bordercolor=”Black” цвет рамки;

frameborder = yes | no выводить или нет границы фрейма (броузер Internet Explorer поддерживает также значения 1 и 0);

framespacing=”20” расстояние в пикселах между фреймами.

Для создания фрейма и задания его параметров используется элемент <FRAME>. Он определяет поименованную область окна (кадр), которая может отображать свое собственное содержание, независимо от содержания других областей. Не требует закрывающего тега. Располагается внутри структуры <Frameset>. Для дальнейшей работы с фреймом необходимо задать его имя в атрибуте Name.

Пример: <frame src=”7777.html” name=”bottom” scrolling=”Yes” noresize marginwidth=”10” marginheight=”10” framespacing=”5” bordercolor=”Blue” frameborder=1>

Атрибуты элемента <FRAME>:

NAME=”bottom”_______имя фрейма

SRC=”7777.htm”_______имя Html-файла, размещаемого в этом фрейме

SCROLLING=”Yes” | “Auto” | “No _____ управление полосой прокрутки

NORESIZE __________ запрет изменения размеров фрейма пользователем

MARGINWIDTH=”10” __________ поля слева и справа фрейма

MARGINHEIGHT=”10” _________ поля сверху и снизу фрейма

FRAMESPACING=”5 __________ зазоры вокруг фрейма

FRAMEBORDER = “yes” | “no” выводить или нет границы фрейма (броузер IE поддерживает также значения 1 и 0);

BORDERCOLOR=”Blue” цвет рамки;

TARGET=”название окна”________ название окна, в котором будут открываться ссылки из данного фрейма

Если не указать параметр SRC, то фрейм будет оставлен пустым.

Все теги, относящиеся к телу страницы <body>, не могут использоваться внутри описания фрейма. Они могут быть только внутри файла, на который указывает параметр SCR. Если внутри <frameset> содержится посторонняя информация, то будет выведена именно она, а фреймы - проигнорированы.

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

Параметр Scrolling имеет три состояния: ”Yes” | “Auto” | ”No”.

1. Scrolling=”Yes”. Всегда отображать полосы прокрутки. Самое безопасное состояние. Пользователь постоянно видит эти полосы перед собой, даже если прокручивать нечего. Их можно использовать в качестве границы фреймов и тогда можно обойтись без рамок фреймов.

2. Scrolling=”Auto”. Отображать полосы прокрутки только при необходимости. Если пользователь уменьшит размер окна, это может привести к появлению вертикальной полосы прокрутки. Но она, забрав под себя часть пространства фрейма, может привести к появлению и горизонтальной полосы (поскольку информация уже не помещается во фрейме). Поэтому имеет смысл при задании фрейма предусмотреть появление полос, и заранее увеличить ширину фрейма на 17 пикселей (размер полос).

3. Scrolling=”No”. Не отображать полос прокрутки. Если информация не умещается во фрейме, а его размер менять нельзя, то пользователь остальную информацию уже не увидит никогда.

Для создания вложенных фреймов создайте структуру frameset, и уже в ней создайте все необходимые фреймы. Также возможно создание структуры frameset в файле, на который ссылается frame.

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

Для задания логики взаимодействия фреймов (т.е. ссылок между фреймами) предназначен параметр Target, который указывается для тега A>.

Target может иметь следующие значения:

_blank…. загрузить указанный файл в новое окно без имени

_self……. загрузить указанный файл в тот же фрейм, из которого вызвана ссылка

_toр……. загрузить указанный файл в целое окно с разрушением структуры фрейма

_parent…загрузить указанный файл вместо вложенной сетки фреймов (frameset). Если вложение отсутствует, то загрузить в тот же фрейм (аналогично _self)

имя-фрейма…. загрузить указанный файл в указанный фрейм.

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

Задания для самостоятельной работы

1. Оформление текстовой части домашней страницы. Оформите на HTML текст, чтобы он выглядел следующим образом:

IX Московский Международный фестиваль

Рекламы

пройдет с 18 по 20 ноября 1999 года

в Центре Международной Торговли на Красной Пресне.

Организаторы Фестиваля

Российская Ассоциация Рекламных Агенств

Ассоциация Рекламодателей

Общественный Совет по рекламе

Цель

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

Задачи Фестиваля

Проведение конкурсов телевизионной, печатной, упаковки, рекламы в Интернет, радиорекламы, полиграфического воплощения, конкурса молодых креаторов. Осуществление научной программы Фестиваля ( семинары, круглые столы, расширенные заседания Общественного Совета, конференции). На фестивале будет открыт `'Рекламный клуб” для общения , профессиональных встреч, презентаций.

Число участников:

==============

1997: 25

1998: 225

1999: 1225

1999 Web_DESIGNGroup, Moskow

2. Добавление иллюстраций к тексту страницы. В текст предыдущего задания вставьте различные графические изображения: 1)с цветной рамкой и без нее; 2)расположенные слева и справа от текста; 3)два одинаковых изображения слева и справа, а текст между ними; 4) одно и то же изображение трижды с подписью по его верхней кромке, по средней линии и по нижней кромке; 5) изображение с пустой областью вокруг него не менее 30 пикселей; 6) изображения малого размера, выступающие в роли графических маркеров для списков; 7)фоновое изображение.

3. Добавление гиперссылок. В текст предыдущего задания вставьте 1)гиперссылку, указывающую на другую Web-страницу; 2) ряд внутренних ссылок на объекты той же страницы, расположенные в верхней части, в центре и в конце страницы; 3)гиперссылку на изображение; 4) ссылку на адрес электронной почты.

4. Табличная организации информации на странице. 1)Создайте таблицу приведенной ниже структуры:

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

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

3) Создание вложенных таблиц.

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

Упражнение 2. Добавьте в верхнюю ячейку еще одну вложенную таблицу. Задайте фоновый цвет основной ячейки темно-серый, а фон ячеек вложенной таблицы белый.

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

З а г о л о в о к с т р а н и ц ы

Текст наполнения…..

……………………….

………………

ссылка1 ссылка2 ссылка3 ссылка4

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

6. Создание комплекса страниц с использованием фреймов. Упражнение 1. Создайте два вертикальных фрейма, в левый из которых поместите ссылки на все HTML-страницы, сделанные вами ранее. В правый фрейм должен загружаться HTML-файл, ссылка на который в данный момент является активной.

Упражнение 2. Создайте новую структуру FrameSet так, чтобы получились три горизонтальных фрейма. В центральный фрейм вложите предыдущую структуру FrameSet. Верхний фрейм должен содержать красочный заголовок «Мои задания по HTML», а нижний фрейм - адресную часть автора-создателя с указанием контактных данных (например, электронный адрес).

ТЕРМИНОЛОГИЧЕСКИЙ СЛОВАРЬ

.Якорь - конечная точка ссылки в теории гипертекста.

ASCII (American Standard Code for Information Interchange) - универсальный стандарт, определяющий кодировку символов двоичным кодом.

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

FTP (File Transfer Protocol) - протокол передачи файлов. Исторически относится к первому поколению схем извлечения информации из Интернета. Все файлы, которые можно переписать с помощью FTP, называются ftp-пространством.

Gopher - система просмотра информации в Интернете, в основе которой лежит идея иерархических каталогов и интерфейс в виде меню, с помощью которого можно получить доступ к преимущественно текстовой информации. Исторически Gopher относится ко второму поколению схем извлечения информации из Интернета. Она была разработана в университете штата Минессота как информационная система для студенческого городка и названа в честь университетского талисмана («gopher» с английского «суслик). Все файлы, к которым можно получить доступ с помощью Gopher, называются gopher-пространством.

HTML (HyperТext Mackup Language) - язык разметки гипертекста, который используется для создания Web-страниц.

HTTP (HyperТext Transfer Protocol) - протокол передачи гипертекста. Это основополагающий протокол уровня приложений, который используется для обеспечения передачи данных от Web-сервера и обратно. Он определяет как клиент должен запрашивать данные у сервера и как сервер их должен выдавать.

IP-адрес - уникальный числовой адрес отдельного компьютера в Интернете. Является комбинацией четырех чисел(байтов) от 0 до 255, между которыми стоят точки, например, 123.45.67.89.

IP-подключение - самый современный и эффективный способ подключения пользователя к сети Интернет с использованием протокола TCP/IP. Этот способ подключения часто называют прямым подключением. Компьютер пользователя становится полноправной частью Интернета, -- т.е. не только он может пользоваться всеми возможностями режима online, но и другие узлы сети могут обращаться к нему напрямую.

MIME(Multipurpose Internet Mail Extension - многоцелевые расширения почты Интернета) - формат электронной почты, позволяющий передавать мультимедийные данные. Основная идея MIME заключается в передаче текстовых файлов с заголовками, указывающими на тип двоичных данных, которые идут за этим файлом. Каждый заголовок в MIME состоит из двух частей, определяющих тип данных и подтип (специфику содержимого), т.е.: тип/подтип, например, text/html, image/gif. В теле письма можно передавать один из семи типов данных: текст (text); смешанный тип (multipart); почтовое сообщение (message); графический образ (image); аудиоинформация (audio); фильм или видео(video); приложение (application).

Online (онлайн) - сетевой режим обслуживания клиентов «на линии», при котором пользователь может оставаться на связи сколь угодно долго, самостоятельно путешествуя по сети и общаясь с серверами по всему миру. Плата за подключение в режиме online определяется временем, проводимым на связи.

SGML (Standard Generalized Mackup Language) - стандартный обобщенный язык разметки, представляющий собой метод создания структурированных документов, а также языков для их разметки.

TCP/IP (Transfer Control Protocol/Internet Protocol- протокол управления передачей/межсетевой протокол) - группа стандартных протоколов обмена данными между компьютерами в Интернете.

URL-адрес (Uniform Resource Locator - унифицированный указатель ресурса) -унифицированная форма записи адресов документов в сети Интернет. URL - это адрес объекта; он содержит описание того, где расположен объект и каким образом он может быть доставлен. «Каким образом» определяется протоколом обмена, например HTTP. «Где» определяется именем компьютера, именем каталога и именем файла.

UUCP-подключение - простейший способ подключения пользователя к сети Интернет, называемый также почтовым подключением. Узел сети предоставляет пользователю специальный пакет программ для подготовки писем и связи с узлом по специальному протоколу UUCP (UNIX-to-UNIX CoPy). Возможности пользователя ограничены приёмом и посылкой писем и работой с телеконференциями. Работа в режиме online невозможна. Для такого подключения достаточно иметь маломощный компьютер с модемом.

Web-страница - отдельный документ в World Wide Web. Как правило, он написан на языке HTML. Web-страница может содержать текст, графику, звуковое сопровождение, анимацию и другие мультимедийные объекты, а также гипертекстовые ссылки. Адрес Web-страницы определяется адресом URL.

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

World Wide Web, (Web, WWW, «всемирная паутина») - это сборник гипертекстовых / гипермедиа документов, которые расположены на серверах по всему Интернету. Документы, расположенные на этих Web-серверах, содержат указатели, которые связывают данные документы друг с другом. Вместе все эти документы образуют единое Web-пространство.

Архив FTP - хранилище разнообразных файлов (программ, текстов, графики). Файловые серверы (FTP-серверы) дают возможность пользователю искать, просматривать и получать эти файлы через Интернет.

База данных Web-сервера (или Website) - это часть файловой системы, отведенная для размещения файлов HTML-документов.

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

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

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

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

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

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

Домашняя страница - первая страница, которую браузер загружает при запуске (начальная страница), или заглавная страница какого-либо Web-узла, или личная страница какого-либо человека.

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

Доменное имя - символьное имя сервера или компьютера-узла сети.

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

Интерсеть - это две и более сетей, объединенных вместе (обычно с помощью маршрутизатора) в одну большую «сеть сетей».

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

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

Модем - устройство для передачи цифровой информации между компьютерами посредством аналоговой телефонной линии. Для приема информации на другом конце линии тоже должен располагаться модем.

Моноширинный шрифт - шрифт, в котором каждому символу строки отводится одинаковое пространство (например, шрифт Courier).

Мультимедиа - объединение в одном документе звуковой, музыкальной и видеоинформации с целью имитации воздействия реального мира на органы чувств.

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

Пиксель - это маленькая точка, самая мелкая единица измерения экрана. Чем больше пикселей на экране или в изображении, тем выше детальность или резкость изображения.

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

Поисковая система Интернет - специальный Web-узел, который предлагает услуги по розыску интересующей пользователей информации. Среди самых популярных поисковых систем можно назвать Yahoo!, AltaVista, Rambler, Яndex.

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

Провайдер (Internet servise provider, ISP) - организация, которая имеет постоянно подключенную к Интернет сеть и предоставляет сетевые услуги другим организациям и отдельным пользователям.

Программа - упорядоченная последовательность команд

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

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

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

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

Система доменных имен DNS (Domain Name System) -. служба, занимающаяся преобразованием доменного имени сервера в его IP-адрес.

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

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

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

Файл - зарегистрированная операционной системой последовательность байтов, имеющая собственное имя.

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

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

Хост - центральная ЭВМ, держатель всех информационных и вычислительных ресурсов.

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

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