- •Практическая работа №2 «Работа с почтовым клиентом Outlook Express»
- •Практическая работа №3 «Утилиты ос для диагностики и анализа сети»
- •Ipconfig. Отображает текущую конфигурацию сети tcp/ip.
- •Практическая работа №4 «Создание простейшей web страницы. Форматирование текста в html»
- •Создание шаблона Web-страницы
- •Наберите или создайте шаблон Web-страницы:
- •Сохраните этот файл под именем lab 1 с расширением .Html.
- •Заголовки
- •Используя атрибут align, выровняйте заголовок по центру. Формат заголовка должен выглядеть следующим образом:
- •Форматирование текста с помощью символов разрыва абзаца и строк.
- •Создание иллюстраций
- •Цвет фона на web странице
- •Размер и цвет текста на web странице
- •Создание бегущей строки
- •Практическая работа №5 «Ссылки. Графические карты ссылок»
- •Абсолютные и относительные ссылки
- •Г рафическая карта ссылок или изображение карта
- •Объединение ячеек в таблице
- •Табличная верстка страницы
- •У становка внутренних полей в таблице
- •Практическая работа №7 «Фреймы»
- •Верстка страницы фреймами
- •Практическая работа № 9 «Разработка Java-скриптов и их внедрение с web-страницу»
- •Выпишите и поясните некоторые события из рассмотренного выше материала.
- •Вставьте на страницу и запишите в отчет скрипт для определения характеристик браузера и экрана с помощью JavaScript, а также скрипт для определения корректности данных, вводимых в форму.
- •Value — значение, отображаемое по умолчанию.
- •Value — значение, по умолчанию сохраняемое в скрытом поле.
- •Создайте документ, содержащий все основные элементы формы:
- •Практическая работа № 11 «html-редакторы»
- •Практическая работа № 12 «Создание баннера и добавление его на web-страницу»
- •Область применения
type — указывает вид отображаемого поля ввода;
name — имя переменной, в которой сохраняются введенные данные;
size — указывает размер рамки, отображаемой на экране. Используется для поля ввода или пароля;
maxlength — максимальное количество символов, вводимых в поле текста или пароля;
Value — значение, отображаемое по умолчанию.
Обратите внимание, что элемент <input> непарный - закрывающийся тег отсутствует! Займёмся рассмотрением элементов формы.
CGI (от англ. Common Gateway Interface — «общий интерфейс шлюза») — стандарт интерфейса, используемого для связи внешней программы с веб-сервером. Программу, которая работает по такому интерфейсу совместно с веб-сервером, принято называть шлюзом, хотя многие предпочитают названия «скрипт» (сценарий) или «CGI-программа». Сам интерфейс разработан таким образом, чтобы можно было использовать любой язык программирования, который может работать со стандартными устройствами ввода/вывода. Такими возможностями обладают даже скрипты для встроенных командных интерпретаторов операционных систем, поэтому в тех случаях, когда нет нужды в сложной функциональности, могут использоваться даже такие простые командные скрипты.
Все скрипты, как правило, помещают в каталог cgi (или cgi-bin) сервера, но это необязательно: скрипт может располагаться где угодно, но при этом большинство вебсерверов требуют специальной настройки. В веб-сервере Apache, например, такая настройка может производиться при помощи общего файла настроек httpd.conf или с помощью файла .htaccess в том каталоге, где содержится этот скрипт.
Текстовое поле
В текстовых полях обычно вводится короткая текстовая информация — например, адрес электронной почты, имя пользователя. Оно задаётся при помощи атрибута type="text". Синтаксис определения текстового поля:
<input type="text" nаmе="имя_переменной" size="N" maxlength="N" value="">
Пример:
<HTML>
<HEAD>
<TITLE>Использование форм в HTML</TITLE>
</HEAD>
<BODY>
<FORM action= "" method= "post">
Введите имя:
<input type="text" name="text" size="20" maxlength="20" value="youname"> </FORM>
</BODY>
</HTML>
Особой разновидностью текстовых полей является поле для ввода паролей. Оно работает точно так же, как обычное текстовое поле, однако вводимые символы заменяются звездочками. Чтобы создать в форме поле для ввода паролей, достаточно указать type="password" вместо type="text".
Пример:
<HTML>
<HEAD>
<TITLE>Использование форм в HTML</TITLE>
</HEAD>
<BODY>
<FORM action= "" method= "post">
Введите пароль:
<input type="password" name="password" maxlength="20" >
</FORM>
</BODY>
</HTML>
Скрытые поля
Скрытые поля не отображаются в браузере и обычно используются для отслеживания формы после её загрузки. Синтаксис определения скрытого поля практически идентичен синтаксису текстовых полей, отличается только атрибут "type". Поскольку скрытые поля не отображаются в браузере, привести пример на страницах учебника невозможно. Синтаксис определения скрытого поля:
<input type="hidden" name="имя_переменной" value="начальное_значение">
Определение скрытого поля включает три атрибута: