Презентация, доклад по 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-u-uroku-informatsionnye-protsessy"> <img src="/img/thumbs/5e8b55acdf636413d4d96280d3a07004-800x.jpg" alt="Презентация у уроку Информационные процессы"> <span class="desc"> <span>Презентация у уроку Информационные процессы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 169</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-bezopasnost-v-internete-3"> <img src="/img/thumbs/35da701f644a1ee5a694006d1c237696-800x.jpg" alt="Презентация Безопасность в Интернете"> <span class="desc"> <span>Презентация Безопасность в Интернете</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 185</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/podgotovka-kompyutera-k-rabote2-klass"> <img src="/img/tmb/5/489208/584e5e294285bf92835998d48def0bdd-800x.jpg" alt="Подготовка компьютера к работе.(2 класс)"> <span class="desc"> <span>Подготовка компьютера к работе.(2 класс)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 265</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-po-informatike-na-temu-vnutrennie"> <img src="/img/tmb/1/3310/481ac7b12716503a1d6f4931a47b18c0-800x.jpg" alt="Презентация по информатике на тему Внутренние устройства ПК"> <span class="desc"> <span>Презентация по информатике на тему Внутренние устройства ПК</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 249</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/mini-viktorina-po-teme-programmirovanie-tsiklicheskih"> <img src="/img/thumbs/b3479f064a83b28b9765751e2e66ccf0-800x.jpg" alt="Мини-викторина по теме: Программирование циклических алгоритмов"> <span class="desc"> <span>Мини-викторина по теме: Программирование циклических алгоритмов</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 405</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-po-distsipline-informatsionnye-tehnologii-v-8"> <img src="/img/thumbs/29ef587f0fcbc6bb3b2ebb6c66b9c21d-800x.jpg" alt="Презентация по дисциплине Информационные технологии в профессиональной деятельности на тему Графика"> <span class="desc"> <span>Презентация по дисциплине Информационные технологии в профессиональной деятельности на тему Графика</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 153</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>