Скачать презентацию Фреймове 1 Същност Представете си че Скачать презентацию Фреймове 1 Същност Представете си че

ae12e7f2268d658e16e871bd3fdaa3b8.ppt

  • Количество слайдов: 9

Фреймове Фреймове

1. Същност • Представете си, че ви се наложи да създадете сайт, в който 1. Същност • Представете си, че ви се наложи да създадете сайт, в който всяка страница има едно и също меню в горната част на страницата. • Разбира се нищо не пречи да сложите менюто във всяка една страница от сайта, но в този случай, то няма да е достъпно винаги, а само когато потребителя е в горната част на страницата. • Ето тук идват на помощ фреймовете. Фреймовете представляват два или повече HTML документа обединени в една страница. Обединяващия документ се нарича фреймсет, а съставящите го - фреймове.

2. Пример: създайте файл f 1. html <HTML> <HEAD> <TITLE>Програмиране в Интернетфреймсет </TITLE> <META 2. Пример: създайте файл f 1. html Програмиране в Интернетфреймсет Това е страница 1

3. Пример: създайте файл f 2. html <HTML> <HEAD> <TITLE>Програмиране в Интернетфреймсет </TITLE> <META 3. Пример: създайте файл f 2. html Програмиране в Интернетфреймсет Това е страница 2

" src="https://present5.com/presentation/ae12e7f2268d658e16e871bd3fdaa3b8/image-5.jpg" alt="4. Създаване на frameset Програмиране в Интернет-фреймсет " /> 4. Създаване на frameset Програмиране в Интернет-фреймсет

5. Атрибути на тага <FRAMESET> frameborder= 5. Атрибути на тага frameborder=". . . " Ако е стойноста му е "yes" , то браузъра визуализира отделните фреймове разделени с граница. При стойност "no" - граница не се визуализира. border=". . . " Установавя дебелина на границата между фраймовете в пиксели. bordercolor=". . . " Дефинира цвят на границата между фреймовете. cols=". . . " Дефинира размера на колоните във фреймсета. Стойноста може да е в пиксели или в проценти. Ако се използва знака * , то останалото място се използва за останалите фреймове. Позволени са и смесването на стойности в пиксели и проценти. rows=". . . " Дефинира размера на редовете във фреймсета. Във всичко останало е подобен на атрибута COLS=". . . ". style=". . . " Дефинира един или повече каскадни стилове за изображението.

6. Атрибути на тага <FRAME> bordercolor= 6. Атрибути на тага bordercolor=". . . " Дефинира цвят на границата на фрейма. Той е с по-висок приоритет от този в тага . frameborder=". . . " Дефинира дали да има или не граница около фрейма. Той е с по-висок приоритет от този в тага . marginheight=". . . " Дефинира разстоянието между вътрешните ръбове (отгоре и отдолу) на фрейма и неговото съдържание в пиксели. marginwidth=". . . " Дефинира разстоянието между вътрешните ръбове (отляво и отдясно) на фрейма и неговото съдържание в пиксели. name=". . . " Дефинира име на фрейма служещо за достъп до него от Java. Script например. noresize Ако е дефиниран този атрибут, то дедения фрейм не може да бъде преоразмеряван от потребителя. scrolling=". . . " Устоновява как да се показва лентата за превъртане. Възможните стойносто са : auto (по подразбиране - браузърът се грижи за лентата за превъртане ), yes (винаги има лента за превъртане), no (няма лента за превъртане). src=". . . " Най-важният атрибут. Чрез него се задава пътя към HTML документа, който ще служи за фрейм.

" src="https://present5.com/presentation/ae12e7f2268d658e16e871bd3fdaa3b8/image-8.jpg" alt="7. Вложени фреймове Програмиране в Интернет-фреймсет " /> 7. Вложени фреймове Програмиране в Интернет-фреймсет <BODY> Моля осъвременете вашият браузър. </BODY>

8. Защита от стари браузъри • Тагът <NOFRAMES>. . . </NOFRAMES> служи за осигуряване 8. Защита от стари браузъри • Тагът . . . служи за осигуряване на съвместимост с по-старите браузъри, които не поддържат фреймове. • Това става по-следния начин: когато такъв браузър отвори страница с фреймове, то той не разбира таговете , и . • Поради тази причина той не ги обработва. Но когато достигне до тага <BODY>, който му е познат, браузъра започва да визуализира тялото на документа като нормална страница. Това което всъщност прави тага <NOFRAMES> е да указва на новите браузъри да не обработват информацията, която е заградена от него. </p> </div> <div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="" src="" alt="" /> </p> </div> </div> <div id="inputform"> <script>$("#inputform").load("https://present5.com/wp-content/plugins/report-content/inc/report-form-aj.php"); </script> </div> </p> <!--end entry-content--> </div> </article><!-- .post --> </section><!-- #content --> <div class="three columns"> <div class="widget-entry"> </div> </div> </div> </div> <!-- #content-wrapper --> <footer id="footer" style="padding: 5px 0 5px;"> <div class="container"> <div class="columns twelve"> <!--noindex--> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<img src='//counter.yadro.ru/hit?t26.10;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='"+" ' "+ "border='0' width='1' height='1'><\/a>") //--></script><!--/LiveInternet--> <a href="https://slidetodoc.com/" alt="Наш международный проект SlideToDoc.com!" target="_blank"><img src="https://present5.com/SlideToDoc.png"></a> <script> $(window).load(function() { var owl = document.getElementsByClassName('owl-carousel owl-theme owl-loaded owl-drag')[0]; document.getElementById("owlheader").insertBefore(owl, null); $('#owlheader').css('display', 'inline-block'); }); </script> <script type="text/javascript"> var yaParams = {'typepage': '1000_top_300k', 'author': '1000_top_300k' }; </script> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(32395810, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/32395810" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <!--/noindex--> <nav id="top-nav"> <ul id="menu-top" class="top-menu clearfix"> </ul> </nav> </div> </div><!--.container--> </footer> <script type='text/javascript'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/present5.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type='text/javascript' src='https://present5.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.4'></script> <script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/jquery.shuffle.js?ver=4.9.26'></script> <script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/scripts.js?ver=1.13'></script> <script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/shuffle.js?ver=4.9.26'></script> <!--[if lt IE 9]> <script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/selectivizr.js?ver=1.0.2'></script> <![endif]--> <script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/notify.js?ver=1770489110'></script> <script type='text/javascript'> /* <![CDATA[ */ var my_ajax_object = {"ajax_url":"https:\/\/present5.com\/wp-admin\/admin-ajax.php","nonce":"33a1179831"}; /* ]]> */ </script> <script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/filer.js?ver=1770489110'></script> </body> </html>