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

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

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

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

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

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

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

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

Компьютер


Все о

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

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

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

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

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

Компьютер


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


Системные

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

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

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


Системные

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

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


Процессор

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

тэгов:


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

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

и , в которых с помощью атрибутов задаются параметры полей.<br><p><br><p><br> </div> <div class="image"> <a href="/img/thumbs/cc43493aad493bda88f52cf2bb1b1943-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формыИнтерактивные формы предназначены для сбора информации от посетителей Web-страницы. Внешне форма выглядит как анкета, в которую посетитель может вписать свой текст или выбрать значения из предлагаемых перечней.Форма помещается в специальный контейнер , внутри которого располагаются все тэги элементов формы. Там же обязательно находится кнопка, отправляющая заполненную анкету на сервер для последующей обработки данных. Поля формы создаются с помощью тэгов , и , в которых с помощью атрибутов задаются параметры полей."><img src="/img/thumbs/cc43493aad493bda88f52cf2bb1b1943-800x.jpg" title="Основы HTML. Создание сайтов в текстовом редакторе Интерактивные формыИнтерактивные формы предназначены для сбора информации от посетителей Web-страницы. Внешне" alt="Интерактивные формыИнтерактивные формы предназначены для сбора информации от посетителей Web-страницы. Внешне форма выглядит как анкета, в которую"></a> </div> <hr> </div> <div class="descrip" id="slide55"> <h2><a href="/img/tmb/5/402343/6cb5f8358dd05ce7db3f3d3143bd75e6-800x.jpg" target="_blank">Слайд 55</a>Интерактивные формы<br>Текстовые поля создаются тэгом:<br>.<br>Атрибут VALUE принимает</h2> <div class="text"> <h3>такое значение, которое задается пользователем при заполнении поля. Если пользователь</h3> ввел в поле текст «фамилия», то на сервер будет передано regist=фамилия.<br>Пример смотри на следующем слайде<br><p><br><p><br><p><br> </div> <div class="image"> <a href="/img/tmb/5/402343/6cb5f8358dd05ce7db3f3d3143bd75e6-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формыТекстовые поля создаются тэгом:.Атрибут VALUE принимает такое значение, которое задается пользователем при заполнении поля. Если пользователь ввел в поле текст «фамилия», то на сервер будет передано regist=фамилия.Пример смотри на следующем слайде"><img src="/img/tmb/5/402343/6cb5f8358dd05ce7db3f3d3143bd75e6-800x.jpg" title="Основы HTML. Создание сайтов в текстовом редакторе Интерактивные формыТекстовые поля создаются тэгом:.Атрибут VALUE принимает такое значение, которое задается" alt="Интерактивные формыТекстовые поля создаются тэгом:.Атрибут VALUE принимает такое значение, которое задается пользователем при заполнении поля. Если пользователь"></a> </div> <hr> </div> <div class="descrip" id="slide56"> <h2><a href="/img/thumbs/1f53f742aecf66b34a53754be03396c7-800x.jpg" target="_blank">Слайд 56</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><p><br><p><br><p><br> </div> <div class="image"> <a href="/img/thumbs/1f53f742aecf66b34a53754be03396c7-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формы Компьютер Анкета фамилия "><img src="/img/thumbs/1f53f742aecf66b34a53754be03396c7-800x.jpg" title="Основы HTML. Создание сайтов в текстовом редакторе Интерактивные формы Компьютер Анкета фамилия" alt="Интерактивные формы Компьютер Анкета фамилия"></a> </div> <hr> </div> <div class="descrip" id="slide57"> <h2><a href="/img/tmb/5/402343/e81edafcf965fbd9ac4ae128a6e14eec-800x.jpg" target="_blank">Слайд 57</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><p><br><p><br><p><br> </div> <div class="image"> <a href="/img/tmb/5/402343/e81edafcf965fbd9ac4ae128a6e14eec-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формыДобавим еще одно текстовое поле поле: Компьютер Анкета фамилия "><img src="/img/tmb/5/402343/e81edafcf965fbd9ac4ae128a6e14eec-800x.jpg" title="Основы HTML. Создание сайтов в текстовом редакторе Интерактивные формыДобавим еще одно текстовое поле поле: Компьютер Анкета фамилия" alt="Интерактивные формыДобавим еще одно текстовое поле поле: Компьютер"></a> </div> <hr> </div> <div class="descrip" id="slide58"> <h2><a href="/img/thumbs/4f283a4fa4386830fd6626f9a382416f-800x.jpg" target="_blank">Слайд 58</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><p><br><p><br><p><br> </div> <div class="image"> <a href="/img/thumbs/4f283a4fa4386830fd6626f9a382416f-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формыФлажки.Флажки могут объединяться в группы присвоением атрибутам NAME всех флажков одинакового значения. Для установки флажка по умолчанию используется атрибут CHECKED. Группа флажков создается тэгами:На сервер передается значение атрибута VALUE флажка, установленного пользователем. Если пользователем установлены несколько флажков, то на сервер будут переданы значения установленных флажков группы через запятую CHB=1,2. Пример смотри на следующем слайде."><img src="/img/thumbs/4f283a4fa4386830fd6626f9a382416f-800x.jpg" title="Основы HTML. Создание сайтов в текстовом редакторе Интерактивные формыФлажки.Флажки могут объединяться в группы присвоением атрибутам NAME всех флажков" alt="Интерактивные формыФлажки.Флажки могут объединяться в группы присвоением атрибутам NAME всех флажков одинакового значения. Для установки флажка по"></a> </div> <hr> </div> <div class="descrip" id="slide59"> <h2><a href="/img/tmb/5/402343/016782799c2aa3fb3dcdba1a13a47651-800x.jpg" target="_blank">Слайд 59</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><p>Выставлен автоматически<br><p><br><p><br><p><br> </div> <div class="image"> <a href="/img/tmb/5/402343/016782799c2aa3fb3dcdba1a13a47651-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формы Компьютер Анкета фамилия "><img src="/img/tmb/5/402343/016782799c2aa3fb3dcdba1a13a47651-800x.jpg" title="Основы HTML. Создание сайтов в текстовом редакторе Интерактивные формы Компьютер Анкета фамилия" alt="Интерактивные формы Компьютер Анкета фамилия"></a> </div> <hr> </div> <div class="descrip" id="slide60"> <h2><a href="/img/thumbs/9822663cdaa128a11ef018c76ca696b8-800x.jpg" target="_blank">Слайд 60</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><p><br><p><br><p><br> </div> <div class="image"> <a href="/img/thumbs/9822663cdaa128a11ef018c76ca696b8-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формыПереключатели существуют только группой, что обеспечивается присвоением атрибутам NAME всех переключателей одинакового значения. Для установки переключателя по умолчанию используется атрибут CHECKED. Группа переключателей:На сервер передается значение атрибута VALUE переключателя, установленного пользователем. Если пользователь установил первый переключатель, то на сервер будет передано rad=1. Установить можно только один переключатель из группы.Пример на следующем слайде"><img src="/img/thumbs/9822663cdaa128a11ef018c76ca696b8-800x.jpg" title="Основы HTML. Создание сайтов в текстовом редакторе Интерактивные формыПереключатели существуют только группой, что обеспечивается присвоением атрибутам NAME всех" alt="Интерактивные формыПереключатели существуют только группой, что обеспечивается присвоением атрибутам NAME всех переключателей одинакового значения. Для установки переключателя"></a> </div> <hr> </div> <div class="descrip" id="slide61"> <h2><a href="/img/tmb/5/402343/5920dd7a1b55a1d65ab2d0d82d6b4ac9-800x.jpg" target="_blank">Слайд 61</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><p><br><p><br><p><br> </div> <div class="image"> <a href="/img/tmb/5/402343/5920dd7a1b55a1d65ab2d0d82d6b4ac9-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формы Компьютер Анкета фамилия "><img src="/img/tmb/5/402343/5920dd7a1b55a1d65ab2d0d82d6b4ac9-800x.jpg" title="Основы HTML. Создание сайтов в текстовом редакторе Интерактивные формы Компьютер Анкета фамилия" alt="Интерактивные формы Компьютер Анкета фамилия"></a> </div> <hr> </div> <div class="descrip" id="slide62"> <h2><a href="/img/thumbs/a68b0b735343f7c6be2d832d86c52870-800x.jpg" target="_blank">Слайд 62</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><p><br><p><br><p><br> </div> <div class="image"> <a href="/img/thumbs/a68b0b735343f7c6be2d832d86c52870-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формыCписки Списки предоставляют пользователю выбор элементов в форме ниспадающего меню (значение атрибута SIZE=1) или списка прокрутки. Список помещается в контейнер: Первый Второй Третий На сервер передается значение атрибута OPTION, выбранного пользователем или установленного по умолчанию атрибутом SELECTED. Если пользователем выбран третий элемент списка, то на сервер будет передано list=Третий.Пример на следующем слайде"><img src="/img/thumbs/a68b0b735343f7c6be2d832d86c52870-800x.jpg" title="Основы HTML. Создание сайтов в текстовом редакторе Интерактивные формыCписки Списки предоставляют пользователю выбор элементов в форме ниспадающего меню" alt="Интерактивные формыCписки Списки предоставляют пользователю выбор элементов в форме ниспадающего меню (значение атрибута SIZE=1) или списка прокрутки."></a> </div> <hr> </div> <div class="descrip" id="slide63"> <h2><a href="/img/tmb/5/402343/6e42bf4d9b167969140df294d9ffa683-800x.jpg" target="_blank">Слайд 63</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><p><br><p><br><p><br> </div> <div class="image"> <a href="/img/tmb/5/402343/6e42bf4d9b167969140df294d9ffa683-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Интерактивные формы Компьютер Анкета фамилия "><img src="/img/tmb/5/402343/6e42bf4d9b167969140df294d9ffa683-800x.jpg" title="Основы HTML. Создание сайтов в текстовом редакторе Интерактивные формы Компьютер Анкета фамилия" alt="Интерактивные формы Компьютер Анкета фамилия"></a> </div> <hr> </div> <div class="descrip" id="slide64"> <h2><a href="/img/tmb/5/402343/5df1417e2d5add053f1e6c071607330f-800x.jpg" target="_blank">Слайд 64</a>Интерактивные формы<br>Текстовая область<br>Текстовая область представляет собой текстовое поле с заданным</h2> <div class="text"> <h3>количеством строк (значение атрибута ROWS) и столбцов (значение атрибута COLS).</h3> Создается тэгом:<br><TEXTAREA NAME=“resume” ROWS=M COLS=N> <br>Текст по умолчанию<br>

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

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

---

Слайд 65Интерактивные формы


Компьютер

Анкета

фамилия

Name="regist" Value="">


Имя

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

Анкета

фамилия