Общее задание 7.

1) В документ index_ВашеИмя.html добавьте рисунок размером 100100 пикселов, расположенный по центру страницы на расстоянии 20 по горизониали. Альтернативный текст: «Здесь должен быть рисунок Имя_Рисунка».

2) Создайте бегущую строку красного цвета «РАЗРАБОТКА МОЕЙ ПЕРВОЙ ВЕБ-СТРАНИЦЫ ОКОНЧЕНА» высотой 20, пробегающей слева направо 5 раз.

3) Создайте фоновый звук при загрузке файла.

Индивидуальное задание №1 «Моя личная web-страница»

Создать свою личную страничку с информацией о себе (по типу резюме):

ЗАГОЛОВОК
ФИО	ФОТО
Возраст (дата рождения)
Адрес, телефон, семья
Достижения в учебе, работе (список): Гг-гг – учился в школе… Гг-гг – окончил с золотой медалью и т.д.
Почему выбрал эту специальность, история поступления, один день из жизни студента…
Друзья, увлечения, отдых, Идеи, проекты, мечты…

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

Затем сделать ссылку на другой документ – Мое расписание.

Некоторые дизайны страниц представлены ниже:

Треугольный дизайн	Зимний дизайн
Дизайн: косые треугольники	Кислотный дизайн с отпечатками пальцев
Дизайн: телевизор	Дизайн: трехмерная проекция
Дизайн: вертикальные полоски	Дизайн: иллюминаторы

Часть II. Формы

Практически все современные WWW браузеры позволяют пользователю, заполнив специальную форму, выполнять некоторые действия на вашем WWW-сервере. Когда форма интерпретируется WEB-браузером, создаются специальные экранные элементы GUI, такие, как поля ввода, кнопки подтвержденний (check-boxes), кнопки выбора альтернатив (radio-buttons), выпадающие меню, скроллируемые списки, кнопки и т.д. Когда пользователь, заполнив форму, нажимает кнопку «Подтверждение» (SUBMIT – специальный тип кнопки, который задается при описании документа), информация, введенная пользователем в форму, посылается WWW-серверу для обработки и передачи другим программам, работающим под сервером, в соответствии с CGI (Common Gateway Interface) интерфейсом. С помощью языка написания сценариев JavaScript (VBScript) можно проверить правильность заполнения формы до ее отправки серверу, обработать нажатие других (отличных от SUBMIT) кнопок и многие другие события.

Тэг FORM

Все формы начинаются тэгом <FORM> и завершаются тэгом </FORM>. Между этими тэгами и располагаются элементы формы, такие как кнопки, поля ввода и т.д. Кроме элементов форм там можно располагать любые тексты и почти любые тэги HTML. Синтаксис тэга FORM:

<FORM

ACTION=”URL” METHOD=”get | post” NAME=”имя” ENCTYPE=”application/x-www-form-urlencoded | multipart/form-data” TARGET=”окно, по умолчанию _sefl” TITLE=”текст подсказки” LANG=”язык (ru, en, de, и т.д.)” LANGUAGE=”JavaScript | Jscript | VBScript | VBS” CLASS=”имя класса CSS” STYLE=”непосредственный стиль” ID=”идентификатор” ONRESET=”обработчик события” ONSUBMIT=”обработчик события”

> ….......... Элементы формы и другие элементы HTML ….......... </FORM>

Здесь, как и далее, подчеркнуты те значения, которые принимаются по умолчанию.

Ни один из перечисленных параметров тэга FORM не является обязательным. Коротко о параметрах:

ACTION

Указывает URL, куда следует передать информацию, занесенную в форму. Обычно, это адрес CGI программы или e-mail, оформленный через mailto:. Однако достаточно часто здесь можно встретить и другие вещи, типа javascript:0, когда форма обрабатывается сценарием. Если ACTION не указан, то информация передается тому же документу, в котором находится форма.

METHOD

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

NAME

Задает имя формы для использовании в программах-сценарриях.

ENCTYPE

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

TARGET

Также как и в тэге <A…>, указывает окно, в которое попадет вся выходная информация формы. По умолчанию – в то же окно, где и сама форма.

TITLE

Подсказка, которая будет появляться, когда мышка указывает на форму (MSIE 4.0+)

LANG

Язык – «ru» – русский, «de»-немецкий и т.д.

LANGUAGE

Язык, используемый для интерпретации элементов сценария для данной формы (таких как обработчики событий)

CLASS

Имя CSS – стиля

STYLE

Прямое включение стиля

ID

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

Об обрабточиках событий (ONRESET и ONSUBMIT) можно подробно говорить на занятиях, посвященных JavaScript.