Презентация, доклад по Web программированию на тему Фреймы

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

отображать фреймы

HTML-код, создающий документ с фреймами средней сложности:

страниц, содержащих фреймы, вместо раздела BODY обычного документа.
Web-страницы, составленные из фреймов, не могут содержать раздел BODY в своем HTML-коде. В свою очередь, страницы с разделом BODY не могут использовать фреймы.

Тэг

Внутри контейнера могут содержаться только тэги и вложенные теги .
Тэг имеет два параметра: ROWS (строки) и COLS (столбцы) и записывается в следующем виде:
.
Контейнер может быть вложен внутрь другого такого же контейнера, как это было показано в начальном примере.

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

определяет набор трех фреймов. Эти значения представляют собой абсолютные значения в пикселах. Другими словами, первый фрейм (первая строка) имеет высоту 100 пикселов, второй — 240 и последний — 140 пикселов.

например:
.
В этом примере создаются три фрейма, размещаемые как строки во всю ширину экрана. Верхняя строка займет 25 процентов от доступной высоты экрана, средняя строка — 50 процентов и нижняя — 25 процентов.

фреймов определено при задании тега .
Тэг имеет шесть параметров: SRC, NAME, MARGINWIDTH, MARGINHEIGHT, SCROLLING и NORESIZE.

Запись тега со всеми параметрами:
MARGINWIDTH="value" MARGINHEIGHT="value" NORESIZE>

ПРИМЕЧАНИЕ. На практике в тэге редко используются одновременно все параметры.

Тэг

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

для ссылки к данному фрейму. Обычно ссылка задается из другого фрейма, располагающегося на той же самой странице. Например:
.
Такая запись создает фрейм с именем "Frame_1", на который может быть выполнена ссылка. Например:
Щелкните здесь для загрузки
документа other.htm во фрейм с именем Frame_1.

name

фрейма. Записывается это следующим образом:
MARGINWIDTH="value",
где "value" — абсолютное значение в пикселах. Например:
.
Данный фрейм имеет поля сверху и снизу по 5 пикселов, а слева и справа — по 7 пикселов. 

Параметры MARGINWIDTH и MARGINHEIGHT

фрейма не помещается полностью в отведенном пространстве. Иногда это нарушает дизайн страницы, поэтому было бы удобно иметь возможность управлять отображением полос прокрутки. Для этих целей используется параметр SCROLLING. Формат записи:
.
Параметр SCROLLING может принимать три значения: YES, NO или AUTO. Значение AUTO действует так же, как и в случае отсутствия параметра SCROLLING. Значение YES вызывает появление полос прокрутки вне зависимости от необходимости этого, a NO — запрещает их появление. Например:
.

параметр SCROLLING

воспользоваться параметром NORESIZE:
.
Этот параметр не требует никаких значений. 

NORESIZE

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

Тэг <br> </div> <div class="image"> <a href="/img/thumbs/43d92a7ad12110d105129c9408c56ef7-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="весь HTML-документ Все, что размещено между тэгами и , будет отображаться браузерами, не имеющими возможностей поддержки фреймов. Браузеры с поддержкой фреймов проигнорируют всю информацию между этими тэгами.Тэг "><img src="/img/thumbs/43d92a7ad12110d105129c9408c56ef7-800x.jpg" title="Презентация по Web программированию на тему Фреймы весь HTML-документ Все, что размещено между тэгами и , будет отображаться" alt="весь HTML-документ Все, что размещено между тэгами и , будет отображаться браузерами, не имеющими возможностей поддержки"></a> </div> <hr> </div> <div class="descrip" id="slide15"> <h2><a href="/img/thumbs/903693586eeb9c9224316540d5ec222f-800x.jpg" target="_blank">Слайд 15</a>В теге применяются точно такие же параметры, как и в тэге описания обычных фреймов .</h2> <div class="text"> <br>Исключение параметр NORESIZE, применение которого бессмысленно, так как размер плавающих фреймов в любом случае не может быть изменен пользователем при просмотре документа.<br><p>Плавающие фреймы <IFRAME><br> </div> <div class="image"> <a href="/img/thumbs/903693586eeb9c9224316540d5ec222f-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="В теге применяются точно такие же параметры, как и в тэге описания обычных фреймов . Исключение параметр NORESIZE, применение которого бессмысленно, так как размер плавающих фреймов в любом случае не может быть изменен пользователем при просмотре документа.Плавающие фреймы "><img src="/img/thumbs/903693586eeb9c9224316540d5ec222f-800x.jpg" title="Презентация по Web программированию на тему Фреймы В теге применяются точно такие же параметры, как и в тэге описания обычных фреймов ." alt="В теге применяются точно такие же параметры, как и в тэге описания обычных фреймов . Исключение параметр NORESIZE, применение которого бессмысленно,"></a> </div> <hr> </div> <div class="descrip" id="slide16"> <h2><a href="/img/thumbs/0e6a809d4494225bd3ed797365285eba-800x.jpg" target="_blank">Слайд 16</a> Для задания расположения и размеров плавающего фрейма в документе</h2> <div class="text"> можно использовать следующие дополнительные параметры: WIDTH, HEIGHT, HSPACE, VSPACE, ALIGN.<br> <IFRAME SRC=float.htm NAME="A" HEIGHT=300 WIDTH=40% HSPACE=10 SCROLLING=YES ALIGN=RIGHT><br> Ваш браузер не позволяет отображать плавающие фреймы<br> </IFRAME><br><br> </div> <div class="image"> <a href="/img/thumbs/0e6a809d4494225bd3ed797365285eba-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption=" Для задания расположения и размеров плавающего фрейма в документе можно использовать следующие дополнительные параметры: WIDTH, HEIGHT, HSPACE, VSPACE, ALIGN. Ваш браузер не позволяет отображать плавающие фреймы "><img src="/img/thumbs/0e6a809d4494225bd3ed797365285eba-800x.jpg" title="Презентация по Web программированию на тему Фреймы Для задания расположения и размеров плавающего фрейма в документе можно" alt="Для задания расположения и размеров плавающего фрейма в документе можно использовать следующие дополнительные параметры: WIDTH,"></a> </div> <hr> </div> </div> <div class="custom" > <!-- Yandex.RTB R-A-637067-9 --> <div id="yandex_rtb_R-A-637067-9"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-637067-9', blockId: 'R-A-637067-9' }) })</script></div> <div class="url"><a href="/informatika/prezentatsiya-po-web-programmirovaniyu-na-temu-1/download">Скачать презентацию</a></div> </div> <div class="right"> <div class="banners"> <div class="custom" > <!-- Yandex.RTB R-A-637067-8 --> <div id="yandex_rtb_R-A-637067-8"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-637067-8', blockId: 'R-A-637067-8' }) })</script></div> </div> <div class="list related"> <h2>Похожие презентации</h2> <div class="wrapper"> <a href="/informatika/prezentatsiya-i-fayl-s-zadaniyami-po"> <img src="/img/thumbs/609ba9c9be4781a04d96977e32596644-800x.jpg" alt="Презентация и файл с заданиями по информатике Форматирование абзацев(9 класс) Стили заголовок 1 выровнять по середине (Ctrl+E), абзац интервал перед 20, после 24, размер шрифта 18Задание№2. Напечатать текст, а затем отформатировать, его так как указано в "> <span class="desc"> <span>Презентация и файл с заданиями по информатике Форматирование абзацев(9 класс) Стили заголовок 1 выровнять по середине (Ctrl+E), абзац интервал перед 20, после 24, размер шрифта 18Задание№2. Напечатать текст, а затем отформатировать, его так как указано в </span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 165</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-multimediyaly-prezentatsiyany-konstruktory"> <img src="/img/thumbs/f7a466ce4cac73a92122a5920a45c558-800x.jpg" alt="Презентация Мультимедиялық презентацияның конструкторы"> <span class="desc"> <span>Презентация Мультимедиялық презентацияның конструкторы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 134</span> </span> </a> </div> <div class="custom" > <!-- Yandex.RTB R-A-637067-10 --> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ type: 'fullscreen', blockId: 'R-A-637067-10' }) })</script></div> <div class="wrapper"> <a href="/informatika/iskusstvo-illyuzii"> <img src="/img/thumbs/63c83247b9746bb1b283cbadf7ab3c42-800x.jpg" alt="Искусство иллюзии"> <span class="desc"> <span>Искусство иллюзии</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 214</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-po-robototehnike-robototehnika-kak-instrument"> <img src="/img/thumbs/da45e9499f0cf03b2e54ea07590582eb-800x.jpg" alt="Презентация по робототехнике Робототехника как инструмент формирования инженерной компетенции обучающихся в рамках реализации ФГОС"> <span class="desc"> <span>Презентация по робототехнике Робототехника как инструмент формирования инженерной компетенции обучающихся в рамках реализации ФГОС</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 235</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/urok-po-teme-informatsiya-edinitsy-izmereniya"> <img src="/img/thumbs/db568eae3c2d3cfca7b4076b441afd0b-800x.jpg" alt="Урок по теме: Информация. Единицы измерения информации"> <span class="desc"> <span>Урок по теме: Информация. Единицы измерения информации</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 143</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/interaktivnyy-test-po-programmirovaniyu-8-klass"> <img src="/img/thumbs/8cb867960f435e81ef97ae1fe48fd97d-800x.jpg" alt="Интерактивный тест по программированию 8 класс"> <span class="desc"> <span>Интерактивный тест по программированию 8 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 232</span> </span> </a> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="container bottom"> <div> <div class="whatis"> <h4><i class="fa fa-info text-red"></i>Что такое shareslide.ru?</h4> <p> Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.</p> <hr /> <p><a href="/privacy">Для правообладателей</a></p> <!-- Yandex.Metrika informer --> <a href="https://metrika.yandex.ru/stat/?id=62259274&amp;from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/62259274/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="62259274" data-lang="ru" /></a> <!-- /Yandex.Metrika informer --> <!--LiveInternet counter--> <script type="text/javascript"> document.write('<a href="//www.liveinternet.ru/click" '+ 'target="_blank"><img src="//counter.yadro.ru/hit?t15.3;r'+ escape(document.referrer)+((typeof(screen)=='undefined')?'': ';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+ ';h'+escape(document.title.substring(0,150))+';'+Math.random()+ '" alt="" title="LiveInternet: показано число просмотров за 24'+ ' часа, посетителей за 24 часа и за сегодня" '+ 'border="0" width="88" height="31"><\/a>') </script> <!--/LiveInternet--> </div> <div class="links"> </div> <div class="call_back"> <h4><i class="fas fa-bullhorn"></i>Обратная связь</h4> <p>Email: <a href="#" class="js_hidden_email" data-address="shareslide" data-domain="ya.ru">Нажмите что бы посмотреть</a>&nbsp;</p> </div> <div class="clear"></div> </div> </div> <script src="/templates/presentation/js/script.js?2447e50ae9548e2940ba7a21ee06d344"></script> </body> </html>