Основы HTML и CSS. Фреймы и формы презентация

Фреймы и формы: Разбиение окна браузера на фреймы. Описание фрейма на языке HTML. Задание логики взаимодействия фреймов Типичные проблемы сайта с фреймами Зачем нужны формы. Форма и ее элементы

Слайд 1Основы HTML и CSS Фреймы и формы


Слайд 2Фреймы и формы:
Разбиение окна браузера на фреймы. Описание фрейма на

языке HTML. Задание логики взаимодействия фреймов
Типичные проблемы сайта с фреймами
Зачем нужны формы.
Форма и ее элементы
Методы отправки информации из полей формы
Использование табличных функций при создании формы на примере анкеты

Слайд 3Страница с фреймами


Слайд 4Задание фреймовой структуры


Пример фреймов





Вы просматриваете эту страницу с помощью браузера, не поддерживающего фреймы. <br>



Слайд 5Атрибуты элемента FRAMESET


cols="1*, 250, 3*">



Элемент FRAME







Слайд 6Ссылка на другой фрейм
Файл index.html

...

src="/menu.html" name="menu" noresize> Файл menu.html
... Текст
Файл Тест

Слайд 7
Лабораторная работа
Создание страницы с фреймами


Слайд 8Вложенные фреймы


Слайд 9Задание структуры вложенных фреймов






src="/bottom.html">




Вариант:






Слайд 10Задание атрибута target





_top
_parent
Имя
фрейма
_parent
_parent
_top
_top
Имя
фрейма
target = _self|_blank|_parent|_top|имя фрейма


Слайд 11Встроенный фрейм

Атрибуты: name, width, height, src, frameborder,

scrolling, hspace, vspace, marginwidth, marginheight

Слайд 12Форма





Слайд 13Атрибуты элемента FORM
 


Слайд 14Элементы формы
 


value="Пароль">



name или(и) id?

Логин

Логин



Слайд 15Элементы формы
 

ASP

JavaScript

value="yes">PHP

HTML

ASP

JavaScript

PHP

HTML



Слайд 16Элементы формы
 


ASP
JavaScript

value="php">PHP

...

size="5"

size="8"

закрыт

открыт



Слайд 17Элементы формы
 



ASP

...



...


?



Слайд 18Элементы формы
 


сделать ">






Слайд 19Элементы формы
 



ASP


...

type="radio" name="book" value="php" checked disabled>PHP







Слайд 20Элементы формы
 


Книги
ASP

JavaScript

PHP

HTML



accesskey="q">

Слайд 21Использование CSS (опционально)




Формы




Логин

Пароль







Слайд 22Лабораторная работа



Слайд 23


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

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


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

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

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

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

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


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

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