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


Основы HTML и CSS Фреймы и формы

Содержание

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

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

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

Основы HTML и CSS Фреймы и формы

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

на языке HTML. Задание логики взаимодействия фреймов
Типичные проблемы сайта с

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

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

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

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


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


75%">


Вы просматриваете эту страницу с помощью

браузера, не поддерживающего фреймы.



Задание фреймовой структуры 	 		Пример фреймов 	 	 					 Вы просматриваете эту 		страницу с помощью браузера, не

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





cols="200,*" bordercolor="red" border="1">

Элемент FRAME






Атрибуты элемента FRAMESET   Элемент FRAME

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

...

Файл menu.html

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

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

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

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

Вложенные фреймы

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





src="top.html">





Вариант:

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

Слайд 10Задание атрибута target
_top
_parent
Имя
фрейма
_parent
_parent
_top
_top
Имя
фрейма
target = _self|_blank|_parent|_top|имя фрейма

Задание атрибута target_top_parentИмя фрейма_parent_parent_top_topИмяфреймаtarget = _self|_blank|_parent|_top|имя фрейма

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

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

frameborder, scrolling, hspace, vspace, marginwidth, marginheight

Встроенный фрейм Атрибуты: name, width, height, src, frameborder, scrolling, hspace, vspace, marginwidth, marginheight

Слайд 12Форма




Форма

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

Атрибуты элемента FORM 

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


maxlength="25" value="Пароль">

форму ">

name или(и) id?

Логин

Логин

Элементы формы name или(и) id?Логин Логин

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

ASP

JavaScript

name="php" value="yes">PHP

HTML

ASP

name="subject" value="js">JavaScript

PHP

HTML

Элементы формы ASPJavaScriptPHPHTMLASPJavaScriptPHPHTML

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


ASP
JavaScript

PHP
HTML
...

size="5"
size="8"
закрыт
открыт

Элементы формы  ASP   JavaScript PHP HTML  ...size=

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



value="asp">ASP
...



...


?


Элементы формы      ASP   ...       ASP

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


Что-то сделать ">


type="hidden" name="uid" value="15263">
Элементы формы 

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



disabled>ASP


...

PHP

меня " disabled>




Элементы формы ASP...PHPКакой-то текст

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


Книги
ASP

JavaScript

PHP

HTML


tabindex="1">

Элементы формы КнигиASPJavaScriptPHPHTML

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




Формы





Логин

Пароль






Использование CSS (опционально)     Формы        form {

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

Лабораторная работа

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

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

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

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

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

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

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

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

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


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

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