Разделы презентаций


Основы HTML. Создание сайтов в текстовом редакторе

Содержание

ОглавлениеWeb-сайты и Web-страницыHTML – язык разметки гипертекстаЗадание для самостоятельного выполнения

Слайды и текст этой презентации

Слайд 1ОСНОВЫ HTML создание сайтов в текстовом редакторе
Чернышова Е.И.
МОУ СОШ № 10
Г.Хабаровск

ОСНОВЫ HTML создание сайтов в текстовом редактореЧернышова Е.И.МОУ СОШ № 10Г.Хабаровск

Слайд 2Оглавление
Web-сайты и Web-страницы
HTML – язык разметки гипертекста
Задание для самостоятельного выполнения

ОглавлениеWeb-сайты и Web-страницыHTML – язык разметки гипертекстаЗадание для самостоятельного выполнения

Слайд 3Задание для самостоятельного выполнения
Разработать тематический сайт «Компьютер», который содержит следующие

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

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



Задание  для самостоятельного выполненияРазработать тематический сайт «Компьютер», который содержит следующие страницы:«Компьютер» - титульная страница (комментарий и

Слайд 4Web-сайты и Web-страницы
Публикации во всемирной паутине реализуются в форме Web-сайтов.

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

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



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

Слайд 5 Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML.

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

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

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

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




Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML. Технология HTML состоит в том, что в

Слайд 6HTML – язык разметки гипертекста
Создание Web-страницы
Структура Web-страницы
Заголовки
Форматирование текста
Изображения
Списки
Гиперссылки
Мета-тэги
Цветовые

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

HTML – язык разметки гипертекстаСоздание Web-страницы Структура Web-страницыЗаголовки Форматирование текстаИзображенияСпискиГиперссылкиМета-тэгиЦветовые схемыТаблицыИнтерактивные формы

Слайд 7Создание Web-страницы
Открыть окно текстового редактора БЛОКНОТ;
Набрать HTML-код страницы;
Сохранить под именем

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

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




Создание Web-страницыОткрыть окно текстового редактора БЛОКНОТ;Набрать HTML-код страницы;Сохранить под именем index.htm (обязательно титульная страница сайта называется этим

Слайд 8Запустить браузер и открыть созданный файл командой [Файл – открыть]

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

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




Запустить браузер и открыть созданный файл командой [Файл – открыть] (или двойным щелчком левой кнопки мыши непосредственно

Слайд 9Структура Web-страницы
Вид Web-страницы задается тэгами, которые заключаются в угловые скобки.

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

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


Компьютер


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






Структура Web-страницыВид Web-страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для

Слайд 10Структура Web-страницы
HTML-код страницы помещается внутрь контейнера . Без этих

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

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




Структура Web-страницыHTML-код страницы помещается внутрь контейнера . Без этих тэгов браузер не в состоянии определить формат документа

Слайд 11Структура Web-страницы
Пусть файл index.htm, содержит такой HTML-код:


Компьютер


Все о

компьютере



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




Структура Web-страницыПусть файл index.htm, содержит такой HTML-код:      Компьютер    Все

Слайд 12Структура Web-страницы
Во время отображения страницы в браузере разработчик не может

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

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




Структура Web-страницыВо время отображения страницы в браузере разработчик не может вносить никакие изменения в существующую страницу. Для

Слайд 13Заголовки
Размер шрифта для имеющихся в тексте заголовков задается тэгами от

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

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

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


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




ЗаголовкиРазмер шрифта для имеющихся в тексте заголовков задается тэгами от (самый крупный) до  (самый мелкий). Все

Слайд 14Заголовки
При просмотре файла в браузере окно примет следующий вид:



ЗаголовкиПри просмотре файла в браузере окно примет следующий вид:

Слайд 15Заголовки, атрибуты тэгов
Некоторые тэги имеют атрибуты, которые являются именами свойств

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

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




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

Слайд 16Заголовки, атрибуты тэгов
Текст кода


Компьютер


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







Заголовки, атрибуты тэговТекст кода      Компьютер    Все о компьютере

Слайд 17Форматирование текста
Изменить начертание шрифта позволяют следующие тэги:
Жирный
Курсив


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


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



Форматирование текстаИзменить начертание шрифта позволяют следующие тэги: Жирный Курсив Подчеркнутый  Жирный подчеркнутый курсив Равноширинный Выделение Усиленное

Слайд 18Форматирование текста
Текст кода:


Компьютер




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


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






Форматирование текстаТекст кода:      Компьютер    Все о компьютере  Жирный

Слайд 19Форматирование текста
Для выделения фрагментов текста используется тэг
Этот тэг

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

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




Форматирование текстаДля выделения фрагментов текста используется тэг Этот тэг имеет следующие атрибуты:FACE – задает гарнитуру шрифта (например,

Слайд 20Форматирование текста
Текст кода:


Компьютер





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









Форматирование текстаТекст кода:      Компьютер    Все о компьютере

Слайд 21Форматирование текста
Разделение текста на абзацы производится с помощью контейнера

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

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

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


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





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

Слайд 22Форматирование текста
Текст кода:



Форматирование текстаТекст кода:

Слайд 23Форматирование текста
В браузере:



Форматирование текстаВ браузере:

Слайд 24Изображения
Для размещения на Web-страницах используются графические файлы форматов GIF, JPEG,

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

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

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



Изображения	Для размещения на Web-страницах используются графические файлы форматов GIF, JPEG, PNG.Для вставки изображения используется одиночный тэг с

Слайд 25Изображения
Текст кода:


Компьютер




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






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


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








ИзображенияТекст кода:      Компьютер    Все о компьютере  На этом

Слайд 26Изображения
Если файл находится в другом каталоге на данном локальном компьютере,

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

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

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




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

Слайд 27Изображения
Иллюстрации на Web-страницах стали неотъемлемым элементом дизайна. Однако пользователи иногда

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

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




ИзображенияИллюстрации на Web-страницах стали неотъемлемым элементом дизайна. Однако пользователи иногда в целях экономии времени отключают в браузере

Слайд 28Списки
Довольно часто при размещении текста на Web-страницах удобно использовать списки

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

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



Списки Довольно часто при размещении текста на Web-страницах удобно использовать списки в различных вариантах:Нумерованные списки, когда элементы

Слайд 29Списки
Нумерованный список создается тэгом , а каждый элемент списка

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

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




СпискиНумерованный список создается тэгом , а каждый элемент списка определяется тэгом .Например: Системные программы Прикладные программы Системы

Слайд 30Списки
Текст кода:


Компьютер



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


Системные

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




  • СпискиТекст кода:      Компьютер    Программное обеспечение  Системные программы Прикладные

    Слайд 31
    Ненумерованный список задается контейнером , а каждый элемент списка

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

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

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





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

    Слайд 32Списки
    Текст кода:


    Компьютер



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


    Системные

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

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

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





  • СпискиТекст кода:      Компьютер    Программное обеспечение  Системные программы Прикладные

    Слайд 33Списки
    Список терминов создается с помощью контейнера определений . Внутри

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

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

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





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

    Слайд 34Списки
    Текст кода:


    Словарь



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


    Процессор

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






    СпискиТекст кода:      Словарь    Компьютерные термины  Процессор Центральное устройство

    Слайд 35Гиперссылки
    Первая титульная страница должна предоставлять посетителю Web-сайта возможность начать путешествие

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

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



    Гиперссылки Первая титульная страница должна предоставлять посетителю Web-сайта возможность начать путешествие по сайту. Для этого на титульную

    Слайд 36Гиперссылки
    Панель навигации будет представлять собой абзац, выровненный по центру, в

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

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

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






    Гиперссылки Панель навигации будет представлять собой абзац, выровненный по центру, в котором указатели гиперссылок разделены пробелами ( ):	[Программы]

    Слайд 37Гиперссылки


    Компьютер




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



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


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



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







    Гиперссылки      Компьютер    Все о компьютере  На этом сайте

    Слайд 38Гиперссылки



    Гиперссылки

    Слайд 39Гиперссылки
    Теперь для каждой гиперссылки определим адрес перехода. Для этого используется

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

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


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





    ГиперссылкиТеперь для каждой гиперссылки определим адрес перехода. Для этого используется контейнер гиперссылки  с атрибутом HREF, значением

    Слайд 40Гиперссылки
    Панель навигации



    ГиперссылкиПанель навигации

    Слайд 41Гиперссылки
    Используя различные значения атрибута HREF, получают различные реакции браузера:
    Ссылка на

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

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




    ГиперссылкиИспользуя различные значения атрибута HREF, получают различные реакции браузера:Ссылка на Web-страницу локального компьютера: Куранты , где clock.htm

    Слайд 42Гиперссылки
    В качестве указателя ссылки можно использовать не только текст, но

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

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




    ГиперссылкиВ качестве указателя ссылки можно использовать не только текст, но и изображение. В этом случае указатель ссылки

    Слайд 43Мета-тэги
    В раздел заголовка Web-страницы могут быть добавлены информационные тэги ,

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

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

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







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

    Слайд 44Цветовые схемы
    Цвет на Web-странице задают либо его названием, либо числовым

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

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





    Цветовые схемыЦвет на Web-странице задают либо его названием, либо числовым шестиразрядным шестнадцатеричным кодом #RRGGBB, где две первые

    Слайд 45Цветовые схемы
    Основную цветовую схему Web-страницы можно задать в тэге

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

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




    Цветовые схемыОсновную цветовую схему Web-страницы можно задать в тэге  с помощью атрибутов:Цвет фона :			BGCOLOR=“#RRGGBB”Текстура фона :		BACKGROUND=“file_name”Цвет

    Слайд 46Цветовые схемы
    При использовании текстуры, закрывающей собой всю площадь страницы, применение

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

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




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

    Слайд 47Цветовые схемы
    Например: Для оформления страницы о программном обеспечении можно использовать

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




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

    Слайд 48Цветовые схемы



    Цветовые схемы

    Слайд 49Цветовые схемы



    В браузере страница будет выглядеть так:
    (в данном случае неудачно

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

    Цветовые схемыВ браузере страница будет выглядеть так:(в данном случае неудачно выбрана цветовая схема для оформления страницы)

    Слайд 50Таблицы
    Таблицу формируют несколько различных тэгов:
    Таблица задается контейнером , внутри

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

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



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

    Слайд 51Таблицы
    Чтобы получить в браузере следующий вид Web-страницы, нужно внести в

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



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

    Слайд 52Таблицы
    Код страницы:


    Компьютер



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



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

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







    ТаблицыКод страницы:      Компьютер    Комплектующие  наименование производитель характеристики цена

    Слайд 53Таблицы
    Для добавления второй строки в таблицу нужно добавить следующую группу

    тэгов:


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




    ТаблицыДля добавления второй строки в таблицу нужно добавить следующую группу тэгов: Винчестер Caviar Blue 640 Gb 4800

    Слайд 54Интерактивные формы
    Интерактивные формы предназначены для сбора информации от посетителей Web-страницы.

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

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

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

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




    Интерактивные формыТекстовая областьТекстовая область представляет собой текстовое поле с заданным количеством строк (значение атрибута ROWS) и столбцов

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


    Компьютер



    Анкета

    фамилия

    Name="regist" Value="">


    Имя









    Интерактивные формы      Компьютер    Анкета фамилия

    Слайд 66Интерактивные формы
    Кнопки
    На форме должны присутствовать кнопки, которые реализуют отправку

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

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


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


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




    Интерактивные формыКнопки На форме должны присутствовать кнопки, которые реализуют отправку данных из формы для обработки на сервер

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


    Компьютер



    Анкета

    фамилия

    Name="regist" Value="">


    Имя














    Интерактивные формы      Компьютер    Анкета фамилия

    Обратная связь

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

    Email: Нажмите что бы посмотреть 

    Что такое TheSlide.ru?

    Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


    Для правообладателей

    Яндекс.Метрика