Самоучитель по креативному веб-дизайну. Книга 1, стр.106

Пусть, например, вы хотите создать Web-страницу, которая, будучи отображе —

на Web-браузером, напоминала бы созданный в текстовом процессоре документ» с

двумя колонками текста и соответствующим расстоянием между колонками (см.

рис. 2.31).



ПРАКТИКУМ

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

себе текст документа. . ^Ш

Приведенный ниже код сгенерирует таблицу, показанную на рис. 2.31 (обра — тите внимание, что таблица фактически содержит пять ячеек):



Глава 2. HTML-таблицы 127





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

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

между колонками и установите атрибут width в дескрипторе равным тре- буемой ширине поля или промежутка между колонками.



















Обработка HTML-форм

Дескрипторы и атрибуты, используемые для создания форм

Создание на форме однострочного поля ввода

Создание на форме многострочного поля ввода

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

Создание на форме флажков

Создание на форме переключателей

Проверка выбора группы переключателей перед передачей результатов формы

Создание на форме выпадающего списка (меню выбора)

Проверка выбора элемента списка перед передачей результатов формы Изменение элементов списка выбора на основании введенных посетителем данных

Передача всех значений списка выбора на Web-сервер с использованием скрытых полей

Создание на форме кнопки Reset

Предотвращение случайной очистки посетителем элементов формы

Создание на форме кнопки Submit

Замена стандартных кнопок Submit и Reset другими графическими изображениями

Отправка результатов формы по электронной почте без использования

CGI-сценария

Управление расположением элементов и текста формы с помощью

HTML-таблиц

Создание клавиши быстрой навигации по форме с помощью дескриптора



Указание Web-браузеру выполнять функцию проверки данных формы с помощью атрибута onClick

Передача значений Web-серверу с помощью скрытых полей

Сокрытие ввода пользователя от просмотра в поле ввода пароля

Глава 3. HTML-формы 129



сли вы потратили некоторое время на путешествия по Web-сайтам в

Internet, вам наверняка доводилось заполнять определенное количество Web- форм. По сути дела, вы сталкиваетесь с формами (например, поисковыми машина-

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

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

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

Полезные ссылки
Случайные записи
  • 09.03.2011">Руководство по actionscript. часть 4, стр. 050
  • 19.07.2012">На серверах Dropbox произошла утечка адресов e-mail
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.122
  • 10.03.2011">Руководство по actionscript. часть 4, стр. 028
  • 19.07.2011">Как еще увеличить юзабилити?
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 100
  • 16.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.30
  • 28.02.2011">Руководство по actionscript. часть 5, стр. 140
  • 16.07.2010">Простые способы улучшить сайт
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.48
  • 27.02.2011">Руководство по actionscript. часть 6, стр. 027
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.74
  • 29.10.2011">Мозаичный текст
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 039
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 139
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...