Презентация к открытому уроку "Технология создания сайта"

Для прикладных программ:

• текстовые редакторы;

• графические редакторы;

• электронные таблицы;

• системы управления базами данных.

Страницу «Словарь» мы представим в виде словаря компьютерных терминов.

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

Процессор

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

Оперативная память

Устройство, в котором хранятся программы и данные.

Формы

Форма заключается в контейнер

• Текстовые поля: создаются с помощью тэга со значением атрибута TYPE="text". Атрибут NAME является обязательным и служит для идентификации полученной информации. Значением атрибута SIZE является число, задающее длину поля ввода в символах.
• Для того чтобы анкета «читалась», необходимо разделить строки с помощью тэга перевода строки
  .

E-mail: NAME="e-mail" SIZE= 30 " width="640"

Пожалуйста, введите ваше имя:

NAME="name" SIZE =30

E-mail:

NAME="e-mail" SIZE= 30

Переключател и

Группа переключателей («радиокнопок») создается с помощью тэга со значением атрибута TYPE="radio". Все элементы в группе должны иметь одинаковые значения атрибута NAME. Например, NAME="group".

Еще одним обязательным атрибутом является VALUE, которому присвоим значения "schoolboy", "student" и "teacher". Значение атрибута VALUE должно быть уникальным для каждой «радиокнопки», так как при ее выборе именно они передаются серверу.

Укажите, к какой группе пользователей вы себя относите:

учащийся

студент

учитель

Флажки

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

Флажки создаются в тэге значением атрибута TYPE="checkbox".

Флажки, объединенные в группу, могут иметь одинаковые значения атрибута NAME. Например, NAME="group".

Еще одним обязательным атрибутом является VALUE, которому присвоим, например, значения "www", "e-mail" и "ftp".

Какие из сервисов Интернета вы используете наиболее часто:

WWW

e-mail

FTP

Поля списков

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

Какой из браузеров вы предпочитаете?

Internet Explorer

Internet Explorer

Netscape Navigator

Opera

Neo Planet

" width="640"

Текстовая область

Создается такая область с помощью тэга с обязательными атрибутами: NAME, задающим имя области, ROWS, определяющим число строк, и COLS — число столбцов области.

Какую еще информацию вы хотели бы видеть на нашем сайте?

ROWS= 4 COLS= 30

Отправка данных из формы

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

Для создания кнопки, которая производит очистку фор­мы, атрибуту TYPE необходимо присвоить значение "reset", а атрибуту VALUE - значение "Очистить".

ДОМАШНЕЕ ЗАДАНИЕ

• выучить условные обозначения и значения тэгов (контейнеров)