отчёт о проделанной работе в виде презентации со скриншотами.

страницы:
«Компьютер» - титульная страница (комментарий и рисунок)
«Программы» - классификация программного

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

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

какой-либо теме или проблеме. Как журнал состоит из печатных страниц, так и Web-сайт состоит из компьютерных Web-страниц.
Сайт является интерактивным средством представления информации. Интерактивность сайта обеспечивают различные формы, с помощью которых посетитель сайта может зарегистрироваться на сайте, заполнить анкету и так далее.
Обычно сайт имеет титульную страницу (страницу с оглавлением), на которой имеются гиперссылки на его основные разделы (Web-страницы). Гиперссылки также имеются на других Web-страницах, что обеспечивает возможность пользователю свободно перемещаться по сайту. Такие гиперссылки называют системой навигации сайта.
Web-сайты обычно являются мультимедийными, так как кроме текста могут содержать иллюстрации, анимацию, звуковую и видеоинформацию.

Технология HTML состоит в том, что в обычный текстовый документ

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

Основными достоинствами HTML-документов являются:
Малый информационный объем;
Возможность просмотра на персональных компьютерах, оснащенных различными операционными системами.

Для создания Web-страниц используются простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы форматирования текста. В качестве такого редактора в Windows можно использовать стандартное приложение БЛОКНОТ.

схемы
Таблицы
Интерактивные формы

index.htm (обязательно титульная страница сайта называется этим именем), установив в

поле Тип файла «все файлы»;

(или двойным щелчком левой кнопки мыши непосредственно по значку файла).

В заголовке окна браузера высвечивается название Web-страницы (текст, записанный в тэге )
Для корректной работы сайта все объекты, используемые в нем (файлы, рисунки и т.д.), должны храниться в одной папке с файлом index.htm. Обычно для сайта создают отдельную папку.

Тэги могут быть одиночными или парными, для которых обязательно наличие

открывающего и закрывающего тэгов (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением. Тэги могут записываться как прописными, так и строчными буквами.
Любая страница должна иметь следующую структуру:
Например:





Все о компьютере

тэгов браузер не в состоянии определить формат документа и правильно

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

Компьютер


Все о

компьютере

При просмотре в браузере файла,
получим следующий вид

вносить никакие изменения в существующую страницу. Для редактирования страницы её

нужно открыть в приложении БЛОКНОТ, используя контекстное меню (вызывается правой кнопкой мыши)

(самый крупный) до (самый мелкий). Все указанные тэги

парные (контейнеры)
Заголовок страницы целесообразно выделять самым крупным шрифтом

Все о компьютере

Заголовок желательно отделять от основного содержания страницы горизонтальной линией с помощью одиночного тэга

---

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

по левому краю страницы, однако принято заголовок размещать по центру. Задать тип выравнивания заголовка для тэга заголовка позволяет атрибут ALIGN, которому требуется придать определенное значение.
ALIGN=“right” – выравнивание по центру
ALIGN=“center” – выравнивание по правому краю
ALIGN=“left” – выравнивание по левому краю

Компьютер


Все о компьютере

Подчеркнутый
Жирный подчеркнутый курсив
Равноширинный

Выделение
Усиленное выделение

Все о компьютере

Жирный
Курсив
Подчеркнутый
Жирный подчеркнутый курсив
Равноширинный
Выделение
Усиленное выделение

имеет следующие атрибуты:
FACE – задает гарнитуру шрифта (например, FACE=“Arial”)
SIZE –

задает размер шрифта (например, SIZE=4)
COLOR – задает цвет шрифта (например, COLOR=“blue”). Значение атрибута COLOR можно задать либо значением цвета (например, “red”, “green”, “blue” и тд.), либо шестнадцатеричным его значением, которое использует RGB-формат “#RRGGBB”, где две первые цифры задают интенсивность красного цвета (red), средние две цифры – интенсивность зеленого (green), и последние две цифры – интенсивность синего (blue) цветов. Минимальная интенсивность цвета задается 16-ричным числом 00, а максимальная – FF. Легко догадаться, что синий цвет задает “#0000FF”

Все о компьютере

---

. При просмотре в браузере абзацы отделяются друг от друга

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

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

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

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

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

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

Все о компьютере

---

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

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

то значением атрибута должно быть полное имя файла (включая путь

к файлу).
Например:

Если файл находится на удаленном сервере в Интернете, то должен быть указан URL-адрес этого файла.
Например:

в целях экономии времени отключают в браузере загрузку графических изображений

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

в различных вариантах:
Нумерованные списки, когда элементы списка идентифицируются с помощью

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

определяется тэгом .
Например:

Системные программы
Прикладные программы
Системы программирования

Программное обеспечение


Системные

программы

Прикладные программы

Системы программирования

определяется также тэгом . С помощью атрибута TYPE тэга можно

задать вид маркера списка: “disc” (диск), “square” (квадрат) или “circle” (окружность).
Например:

• текстовые редакторы;
  
• графические редакторы;
  
• электронные таблицы;
  
• системы управления базами данных.
  

Программное обеспечение


Системные

программы

Прикладные программы

• текстовые редакторы;
  
• графические редакторы;
  
• электронные таблицы;
  
• системы управления базами данных.
  

Системы программирования

него текст оформляется в виде термина, который определяется непарным тэгом

, и определения, которое следует за тэгом

.
Например:

Процессор

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

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

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

Компьютерные термины


Процессор

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

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

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

по сайту. Для этого на титульную страницу должны быть помещены

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

котором указатели гиперссылок разделены пробелами ( ):

[Программы]   [Соварь]  

[Комплектующие]   [Анкета]

Все о компьютере

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

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

[Программы]   [Соварь]   [Комплектующие]   [Анкета]

контейнер гиперссылки с атрибутом HREF, значением которого является

URL-адрес документа на локальном компьютере или в Интернете. Контейнер должен содержать указатель гиперссылки:
указатель гиперссылки
В код страницы следует внести изменения (добавить контейнеры для создания гиперссылок на страницы сайта):

[ Программы ]  
[ Словарь ]  
[ Комплетующие ]  
[ Анкета ]

Web-страницу локального компьютера:
Куранты , где clock.htm – имя

Web-страницы, КУРАНТЫ – указатель ссылки
Ссылка на Web-страницу, размещенную в Интернете:
Cайт о Москве , где http://www.moskva.ru – URL-адрес страницы в Интернете, САЙТ О МОСКВЕ – указатель ссылки
Вставка изображения:
Башня , где spassk.jpg – имя файла, содержащего изображение, БАШНЯ – указатель ссылки
Запуск проигрывателя звукового файла
Бой часов , где strike.wav – имя звукового файла
Сохранение файла на локальном компьютере:
скачать файл , где kremlin.zip – архивный файл
Создание бланка электронного письма с заполненным адресом получателя:
создать письмо , где name@freemail.ru – электронный адрес получателя письма

и изображение. В этом случае указатель ссылки задается с помощью

тэга
Обычно на Web-страницах размещают изображения небольших размеров в целях экономии времени загрузки страницы. Предусмотреть получение крупной копии имеющегося изображения можно с помощью тэга:
, где width=“30” height=“75” – размеры изображения на Web-странице

имеющие атрибуты NAME, HTTP-EQUIV и CONTENT.
Мета-тэг может информировать браузер о

кодировке Web-страницы:

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

шестиразрядным шестнадцатеричным кодом #RRGGBB, где две первые цифры задают интенсивность

красного цвета (red), средние две цифры – интенсивность зеленого (green), и последние две цифры – интенсивность синего (blue) цветов. Минимальная интенсивность цвета задается 16-ричным числом 00, а максимальная – FF. Легко догадаться, что синий цвет задает “#0000FF”. В таблице приведены значения некоторых цветов:

с помощью атрибутов:
Цвет фона : BGCOLOR=“#RRGGBB”
Текстура фона : BACKGROUND=“file_name”
Цвет текста : TEXT=“#RRGGBB”
Цвет текста

ссылки : LINK=“#RRGGBB”
Цвет текста активной ссылки: ALINK=“#RRGGBB”
Цвет текста просмотренной
ссылки : VLINK=“#RRGGBB”

однотонного фона кажется излишним. Однако рисунки загружаются несколько медленнее, чем

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

следующую цветовую схему:

выбрана цветовая схема для оформления страницы)

которого содержится описание структуры таблицы и её содержания.
Любая таблица состоит

из строк, которые задаются контейнером (Table row), в который помещается описание ячеек.
Формат ячеек и их содержание помещается в контейнер (Table data), а заголовки столбцов таблицы – в контейнер (Table header).
Толщина разделительных линий в таблице задается с помощью атрибута BORDER, а для выравнивания информации внутри ячейки по горизонтали применяют атрибут ALIGN.

код соответствующие тэги (смотри следующий слайд)

Комплектующие



наименование

производитель
характеристики
цена

тэгов:


Винчестер
Caviar Blue
640 Gb
4800 руб.

Внешне форма выглядит как анкета, в которую посетитель может вписать

свой текст или выбрать значения из предлагаемых перечней.
Форма помещается в специальный контейнер

, внутри которого располагаются все тэги элементов формы. Там же обязательно находится кнопка, отправляющая заполненную анкету на сервер для последующей обработки данных. Поля формы создаются с помощью тэгов , и , в которых с помощью атрибутов задаются параметры полей.<br> </div> <div class="image"> <a href="/img/tmb/6/567336/3e2538f0cf13fa6bd29db9cfb0926fc2-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формыИнтерактивные формы предназначены для сбора информации от посетителей Web-страницы. Внешне форма выглядит как анкета, в которую посетитель может вписать свой текст или выбрать значения из предлагаемых перечней.Форма помещается в специальный контейнер , внутри которого располагаются все тэги элементов формы. Там же обязательно находится кнопка, отправляющая заполненную анкету на сервер для последующей обработки данных. Поля формы создаются с помощью тэгов , и , в которых с помощью атрибутов задаются параметры полей."><img src="/img/tmb/6/567336/3e2538f0cf13fa6bd29db9cfb0926fc2-800x.jpg" title="Создание сайта средствами HTML- редактирования Интерактивные формыИнтерактивные формы предназначены для сбора информации от посетителей Web-страницы. Внешне" alt="Интерактивные формыИнтерактивные формы предназначены для сбора информации от посетителей Web-страницы. Внешне форма выглядит как анкета, в которую"></a> </div> <hr> </div> <div class="descrip" id="slide56"> <h2><a href="/img/tmb/6/567336/4a4a2f97cf85a78c4c787e171d718ed0-800x.jpg" target="_blank">Слайд 56</a>Интерактивные формы<br>Текстовые поля создаются тэгом:<br>.<br>Атрибут VALUE принимает</h2> <div class="text"> <h3>такое значение, которое задается пользователем при заполнении поля. Если пользователь</h3> ввел в поле текст «фамилия», то на сервер будет передано regist=фамилия.<br>Пример смотри на следующем слайде<br> </div> <div class="image"> <a href="/img/tmb/6/567336/4a4a2f97cf85a78c4c787e171d718ed0-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формыТекстовые поля создаются тэгом:.Атрибут VALUE принимает такое значение, которое задается пользователем при заполнении поля. Если пользователь ввел в поле текст «фамилия», то на сервер будет передано regist=фамилия.Пример смотри на следующем слайде"><img src="/img/tmb/6/567336/4a4a2f97cf85a78c4c787e171d718ed0-800x.jpg" title="Создание сайта средствами HTML- редактирования Интерактивные формыТекстовые поля создаются тэгом:.Атрибут VALUE принимает такое значение, которое задается" alt="Интерактивные формыТекстовые поля создаются тэгом:.Атрибут VALUE принимает такое значение, которое задается пользователем при заполнении поля. Если пользователь"></a> </div> <hr> </div> <div class="descrip" id="slide57"> <h2><a href="/img/tmb/6/567336/72b5dd54c73574e1a233884d4378bc3d-800x.jpg" target="_blank">Слайд 57</a>Интерактивные формы<br> <br> <br> Компьютер <br></h2> <div class="text"> <h3> <br> <br> Анкета <br><br>фамилия <br></h3> Name="regist" Value=""><br><br> </body><br></HTML><br> </div> <div class="image"> <a href="/img/tmb/6/567336/72b5dd54c73574e1a233884d4378bc3d-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формы Компьютер Анкета фамилия "><img src="/img/tmb/6/567336/72b5dd54c73574e1a233884d4378bc3d-800x.jpg" title="Создание сайта средствами HTML- редактирования Интерактивные формы Компьютер Анкета фамилия" alt="Интерактивные формы Компьютер Анкета фамилия"></a> </div> <hr> </div> <div class="descrip" id="slide58"> <h2><a href="/img/tmb/6/567336/f639cac1b3f84f30e7d7f07eaebc62f7-800x.jpg" target="_blank">Слайд 58</a>Интерактивные формы<br>Добавим еще одно текстовое поле поле: <br> <br> </h2> <div class="text"> <h3><br> Компьютер <br> <br> <br></h3> > Анкета </H1> <br><HR><br>фамилия <br><Input Type="text' Name="regist" Value=""><br><BR><br>Имя<br><Input Type="text' Name="regist" Value=""><br> </body><br></HTML><br> </div> <div class="image"> <a href="/img/tmb/6/567336/f639cac1b3f84f30e7d7f07eaebc62f7-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формыДобавим еще одно текстовое поле поле: Компьютер Анкета фамилия "><img src="/img/tmb/6/567336/f639cac1b3f84f30e7d7f07eaebc62f7-800x.jpg" title="Создание сайта средствами HTML- редактирования Интерактивные формыДобавим еще одно текстовое поле поле: Компьютер Анкета фамилия" alt="Интерактивные формыДобавим еще одно текстовое поле поле: Компьютер"></a> </div> <hr> </div> <div class="descrip" id="slide59"> <h2><a href="/img/tmb/6/567336/a9244fc004ca21d4996678a5c0bb2218-800x.jpg" target="_blank">Слайд 59</a>Интерактивные формы<br>Флажки.<br>Флажки могут объединяться в группы присвоением атрибутам NAME всех</h2> <div class="text"> <h3>флажков одинакового значения. Для установки флажка по умолчанию используется атрибут</h3> CHECKED. Группа флажков создается тэгами:<br><INPUT TYPE=“checkbox” NAME=“chb1” VALUE=“1” Checked><br><INPUT TYPE=“checkbox” NAME=“chb1” VALUE=“2” ><br><br>На сервер передается значение атрибута VALUE флажка, установленного пользователем. Если пользователем установлены несколько флажков, то на сервер будут переданы значения установленных флажков группы через запятую CHB=1,2. <br><br>Пример смотри на следующем слайде.<br> </div> <div class="image"> <a href="/img/tmb/6/567336/a9244fc004ca21d4996678a5c0bb2218-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формыФлажки.Флажки могут объединяться в группы присвоением атрибутам NAME всех флажков одинакового значения. Для установки флажка по умолчанию используется атрибут CHECKED. Группа флажков создается тэгами:На сервер передается значение атрибута VALUE флажка, установленного пользователем. Если пользователем установлены несколько флажков, то на сервер будут переданы значения установленных флажков группы через запятую CHB=1,2. Пример смотри на следующем слайде."><img src="/img/tmb/6/567336/a9244fc004ca21d4996678a5c0bb2218-800x.jpg" title="Создание сайта средствами HTML- редактирования Интерактивные формыФлажки.Флажки могут объединяться в группы присвоением атрибутам NAME всех флажков" alt="Интерактивные формыФлажки.Флажки могут объединяться в группы присвоением атрибутам NAME всех флажков одинакового значения. Для установки флажка по"></a> </div> <hr> </div> <div class="descrip" id="slide60"> <h2><a href="/img/tmb/6/567336/135992d9ecd1f686169307998d2d22cd-800x.jpg" target="_blank">Слайд 60</a>Интерактивные формы<br><br> <br> <br> Компьютер <br></h2> <div class="text"> <h3> <br> <br> Анкета <br><br>фамилия <br></h3> Name="regist" Value=""><br><BR><br>Имя<br><Input Type="text' Name="regist" Value=""><br><BR> Являюсь:<br><INPUT TYPE="checkbox" NAME="chb1" <br>VALUE="1" Checked> учащимся школы<br><INPUT TYPE="checkbox" NAME="chb1" <br>VALUE="2" > студентом<br><br> </body><br></HTML><br><p>Выставлен автоматически<br> </div> <div class="image"> <a href="/img/tmb/6/567336/135992d9ecd1f686169307998d2d22cd-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формы Компьютер Анкета фамилия "><img src="/img/tmb/6/567336/135992d9ecd1f686169307998d2d22cd-800x.jpg" title="Создание сайта средствами HTML- редактирования Интерактивные формы Компьютер Анкета фамилия" alt="Интерактивные формы Компьютер Анкета фамилия"></a> </div> <hr> </div> <div class="descrip" id="slide61"> <h2><a href="/img/tmb/6/567336/5041959f51ccb18f0b622f7f8ddc41a5-800x.jpg" target="_blank">Слайд 61</a>Интерактивные формы<br>Переключатели существуют только группой, что обеспечивается присвоением атрибутам NAME</h2> <div class="text"> <h3>всех переключателей одинакового значения. Для установки переключателя по умолчанию используется</h3> атрибут CHECKED. Группа переключателей:<br><INPUT TYPE=“radio” NAME=“rad1” VALUE=“1” Checked><br><INPUT TYPE=“radio” NAME=“rad1” VALUE=“2” ><br><br>На сервер передается значение атрибута VALUE переключателя, установленного пользователем. Если пользователь установил первый переключатель, то на сервер будет передано rad=1. Установить можно только один переключатель из группы.<br><br>Пример на следующем слайде<br><br> </div> <div class="image"> <a href="/img/tmb/6/567336/5041959f51ccb18f0b622f7f8ddc41a5-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формыПереключатели существуют только группой, что обеспечивается присвоением атрибутам NAME всех переключателей одинакового значения. Для установки переключателя по умолчанию используется атрибут CHECKED. Группа переключателей:На сервер передается значение атрибута VALUE переключателя, установленного пользователем. Если пользователь установил первый переключатель, то на сервер будет передано rad=1. Установить можно только один переключатель из группы.Пример на следующем слайде"><img src="/img/tmb/6/567336/5041959f51ccb18f0b622f7f8ddc41a5-800x.jpg" title="Создание сайта средствами HTML- редактирования Интерактивные формыПереключатели существуют только группой, что обеспечивается присвоением атрибутам NAME всех" alt="Интерактивные формыПереключатели существуют только группой, что обеспечивается присвоением атрибутам NAME всех переключателей одинакового значения. Для установки переключателя"></a> </div> <hr> </div> <div class="descrip" id="slide62"> <h2><a href="/img/tmb/6/567336/45a383246d07a26761e5acc8ab0d091a-800x.jpg" target="_blank">Слайд 62</a>Интерактивные формы<br> <br> <br> Компьютер <br></h2> <div class="text"> <h3> <br> <br> Анкета <br><br>фамилия <br></h3> Name="regist" Value=""><br><BR><br>Имя<br><Input Type="text' Name="regist" Value=""><br><BR> возраст: <BR><br><INPUT TYPE="radio" NAME="rad1" <br>VALUE="1" Checked> до 13 лет<br><INPUT TYPE="radio" NAME="rad1" <br>VALUE="2" > 13-15 лет <BR><br><INPUT TYPE="radio" NAME="rad1" <br>VALUE="3" > старше 15 лет<br> </body><br></HTML><br> </div> <div class="image"> <a href="/img/tmb/6/567336/45a383246d07a26761e5acc8ab0d091a-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формы Компьютер Анкета фамилия "><img src="/img/tmb/6/567336/45a383246d07a26761e5acc8ab0d091a-800x.jpg" title="Создание сайта средствами HTML- редактирования Интерактивные формы Компьютер Анкета фамилия" alt="Интерактивные формы Компьютер Анкета фамилия"></a> </div> <hr> </div> <div class="descrip" id="slide63"> <h2><a href="/img/tmb/6/567336/b59170d92a0fcab837c1419734daf586-800x.jpg" target="_blank">Слайд 63</a>Интерактивные формы<br>Cписки <br>Списки предоставляют пользователю выбор элементов в форме ниспадающего</h2> <div class="text"> <h3>меню (значение атрибута SIZE=1) или списка прокрутки. Список помещается в</h3> контейнер:<br><SELECT Name=“list” SIZE=N><br><OPTION SELECTED> Первый<br><OPTION> Второй <br><OPTION> Третий<br><SELECTED><br> На сервер передается значение атрибута OPTION, выбранного пользователем или установленного по умолчанию атрибутом SELECTED. Если пользователем выбран третий элемент списка, то на сервер будет передано list=Третий.<br><br>Пример на следующем слайде<br> </div> <div class="image"> <a href="/img/tmb/6/567336/b59170d92a0fcab837c1419734daf586-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формыCписки Списки предоставляют пользователю выбор элементов в форме ниспадающего меню (значение атрибута SIZE=1) или списка прокрутки. Список помещается в контейнер: Первый Второй Третий На сервер передается значение атрибута OPTION, выбранного пользователем или установленного по умолчанию атрибутом SELECTED. Если пользователем выбран третий элемент списка, то на сервер будет передано list=Третий.Пример на следующем слайде"><img src="/img/tmb/6/567336/b59170d92a0fcab837c1419734daf586-800x.jpg" title="Создание сайта средствами HTML- редактирования Интерактивные формыCписки Списки предоставляют пользователю выбор элементов в форме ниспадающего меню" alt="Интерактивные формыCписки Списки предоставляют пользователю выбор элементов в форме ниспадающего меню (значение атрибута SIZE=1) или списка прокрутки."></a> </div> <hr> </div> <div class="descrip" id="slide64"> <h2><a href="/img/tmb/6/567336/a30e67a55fff2e3034ac1de0a0254527-800x.jpg" target="_blank">Слайд 64</a>Интерактивные формы<br> <br> <br> Компьютер <br></h2> <div class="text"> <h3> <br> <br> Анкета <br><br>фамилия <br></h3> Name="regist" Value=""><br><BR><br>Имя<br><Input Type="text' Name="regist" Value=""><br><BR> Регион: <BR><br><SELECT Name="list" SIZE=N><br><OPTION SELECTED> Москва <BR><br><OPTION> Санкт-Петербург <BR><br><OPTION> Хабаровский край <BR><br><SELECTED><br><br> </body><br></HTML><br> </div> <div class="image"> <a href="/img/tmb/6/567336/a30e67a55fff2e3034ac1de0a0254527-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формы Компьютер Анкета фамилия "><img src="/img/tmb/6/567336/a30e67a55fff2e3034ac1de0a0254527-800x.jpg" title="Создание сайта средствами HTML- редактирования Интерактивные формы Компьютер Анкета фамилия" alt="Интерактивные формы Компьютер Анкета фамилия"></a> </div> <hr> </div> <div class="descrip" id="slide65"> <h2><a href="/img/tmb/6/567336/55afbe013e4a5768ce81e2279c7aff91-800x.jpg" target="_blank">Слайд 65</a>Интерактивные формы<br>Текстовая область<br>Текстовая область представляет собой текстовое поле с заданным</h2> <div class="text"> <h3>количеством строк (значение атрибута ROWS) и столбцов (значение атрибута COLS).</h3> Создается тэгом:<br><TEXTAREA NAME=“resume” ROWS=M COLS=N> <br>Текст по умолчанию<br>

На сервер передается содержимое поля.

Пример на следующем слайде.

Анкета

фамилия

Name="regist" Value="">


Имя



<br>напишите свои пожелания<br>

данных из формы для обработки на сервер и очистку формы

от введенных данных.
Кнопка отправки данных формы реализуется с помощью тэга:


Кнопка очистки данных формы реализуется с помощью тэга:


Пример на следующем слайде

Анкета

фамилия

Name="regist" Value="">


Имя



<br>напишите свои пожелания<br>