A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Desenvolvimento WEB Profª Fernanda Regebe Castro CEFET-BA – Unidade Porto Seguro.

Apresentações semelhantes


Apresentação em tema: "Desenvolvimento WEB Profª Fernanda Regebe Castro CEFET-BA – Unidade Porto Seguro."— Transcrição da apresentação:

1 Desenvolvimento WEB Profª Fernanda Regebe Castro CEFET-BA – Unidade Porto Seguro

2 Frames Recurso que permite dividir uma página Internet em outras, na mesma página A quantidade de Frames utilizados é definido por Cada Frame chama uma página internet diferente São utilizados normalmente em páginas de abertura (index.htm)

3

4

5 FRAMESET> É a TAG de inserção para a elaboração de um conjunto de frames e seus elementos Aceita atributos COLS e ROWS, referente à divisão das janelas, que pode ser horizontal ou vertical Internamente só podem ser utilizadas as marcações FRAMESET, FRAME e NOFRAMES

6 Atributos Utilizados COLS – Define o número de colunas a ser utilizado. O valor pode ser em pixels ou porcentagem. ROWS – Tem a mesma função de COLS, só que este é para linhas de um frame FRAMEBORDER – divisa dos frames, 0 sem borda e 1 com borda

7 Define o FRAME a ser criado. Não é utilizada a TAG de encerramento pois não necessita Define cada janela contida em uma área

8 Atributos Utilizados SRC=URL – Endereço do arquivo e extensão que será exibido no frame NAME – nome da janela. É utilizado para associar um nome a uma janela. Utilizado para criar alvos de um frame para outro

9 Atributos Utilizados MARGINWIDTH=valor – Coloca as margens de cada frame à direita ou à esquerda. Distância entre os conteúdos de cada página e as margens da janela MARGINHEIGHT=valor – Tem a mesma função de MARGINWIDTH, só que controla as margens superior e inferior SCROLLING=yes, no ou auto – É um atributo opcional. Define se a janela deve ou não possuir barra de rolagem. NORESIZE – Este atributo não possui complementos. Quando não adicionado á TAG, o usuário poderá alterar o tamanho das janelas, movendo as bordas das janelas do cursor. Por padrão todas as janelas podem ter seu tamanho alterado, mas é bom colocar esse atributo para não modificar o layout de sua página

10 TAG utilizada para informar a alguns usuários que seu navegador não suporta frames Hoje em dia a maioria dos navegadores não tem esse problema Deve ser encerrada com a TAG –Ex: Informações a serem dispostas sobre a possibilidade de se navegar em uma página <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.com.br/7/1749539/slides/slide_10.jpg", "name": "<NOFRAMES> TAG utilizada para informar a alguns usuários que seu navegador não suporta frames Hoje em dia a maioria dos navegadores não tem esse problema Deve ser encerrada com a TAG –Ex: Informações a serem dispostas sobre a possibilidade de se navegar em uma página", "description": "<NOFRAMES> TAG utilizada para informar a alguns usuários que seu navegador não suporta frames Hoje em dia a maioria dos navegadores não tem esse problema Deve ser encerrada com a TAG –Ex: Informações a serem dispostas sobre a possibilidade de se navegar em uma página", "width": "800" } </script> <noscript> <img src="http://images.slideplayer.com.br/7/1749539/slides/slide_10.jpg" width="800" align="left" alt="<NOFRAMES> TAG utilizada para informar a alguns usuários que seu navegador não suporta frames Hoje em dia a maioria dos navegadores não tem esse problema Deve ser encerrada com a TAG –Ex: Informações a serem dispostas sobre a possibilidade de se navegar em uma página" title="<NOFRAMES> TAG utilizada para informar a alguns usuários que seu navegador não suporta frames Hoje em dia a maioria dos navegadores não tem esse problema Deve ser encerrada com a TAG –Ex: Informações a serem dispostas sobre a possibilidade de se navegar em uma página"> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin uk-hidden"> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.com.br/7/1749539/slides/slide_11.jpg" target="_blank" title="" class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">11</a> </span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.com.br/7/1749539/slides/slide_11.jpg", "name": "", "description": "", "width": "800" } </script> <noscript> <img src="http://images.slideplayer.com.br/7/1749539/slides/slide_11.jpg" width="800" align="left" alt="" title=""> </noscript> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.com.br/7/1749539/slides/slide_12.jpg" target="_blank" title="Interligando Documentos entre Frames TARGET=complementos –Utilizada na TAG de Links, permite controlar o alvo que uma determinada pagina irá abrir, ou seja, em que frame específico deverá aparecer Complementos do atributo TARGET –Nome do Frame: Indica em qual frame deverá ser aberta a nova janela." class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">12</a> </span> Interligando Documentos entre Frames TARGET=complementos –Utilizada na TAG de Links, permite controlar o alvo que uma determinada pagina irá abrir, ou seja, em que frame específico deverá aparecer Complementos do atributo TARGET –Nome do Frame: Indica em qual frame deverá ser aberta a nova janela. Não é necessário indicar caso a janela a ser aberta deverá ser localizada no mesmo frame. –_blank: Convenciona ao navegador que ele deverá abrir uma janela em branco para visualizar a página indicada pelo link <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.com.br/7/1749539/slides/slide_12.jpg", "name": "Interligando Documentos entre Frames TARGET=complementos –Utilizada na TAG de Links, permite controlar o alvo que uma determinada pagina irá abrir, ou seja, em que frame específico deverá aparecer Complementos do atributo TARGET –Nome do Frame: Indica em qual frame deverá ser aberta a nova janela.", "description": "Não é necessário indicar caso a janela a ser aberta deverá ser localizada no mesmo frame. –_blank: Convenciona ao navegador que ele deverá abrir uma janela em branco para visualizar a página indicada pelo link.", "width": "800" } </script> <noscript> <img src="http://images.slideplayer.com.br/7/1749539/slides/slide_12.jpg" width="800" align="left" alt="Interligando Documentos entre Frames TARGET=complementos –Utilizada na TAG de Links, permite controlar o alvo que uma determinada pagina irá abrir, ou seja, em que frame específico deverá aparecer Complementos do atributo TARGET –Nome do Frame: Indica em qual frame deverá ser aberta a nova janela." title="Não é necessário indicar caso a janela a ser aberta deverá ser localizada no mesmo frame. –_blank: Convenciona ao navegador que ele deverá abrir uma janela em branco para visualizar a página indicada pelo link."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin uk-hidden"> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.com.br/7/1749539/slides/slide_13.jpg" target="_blank" title="" class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">13</a> </span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.com.br/7/1749539/slides/slide_13.jpg", "name": "", "description": "", "width": "800" } </script> <noscript> <img src="http://images.slideplayer.com.br/7/1749539/slides/slide_13.jpg" width="800" align="left" alt="" title=""> </noscript> </p> <p class="uk-text-justify uk-nbfc uk-margin uk-hidden"> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.com.br/7/1749539/slides/slide_14.jpg" target="_blank" title="" class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">14</a> </span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.com.br/7/1749539/slides/slide_14.jpg", "name": "", "description": "", "width": "800" } </script> <noscript> <img src="http://images.slideplayer.com.br/7/1749539/slides/slide_14.jpg" width="800" align="left" alt="" title=""> </noscript> </p> <p class="uk-text-justify uk-nbfc uk-margin uk-hidden"> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.com.br/7/1749539/slides/slide_15.jpg" target="_blank" title="" class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">15</a> </span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.com.br/7/1749539/slides/slide_15.jpg", "name": "", "description": "", "width": "800" } </script> <noscript> <img src="http://images.slideplayer.com.br/7/1749539/slides/slide_15.jpg" width="800" align="left" alt="" title=""> </noscript> </p> </div> <hr class="uk-article-divider"> <div class="uk-article"> <div id="DQAA2DYJGNOVU" class="BUEB6 BUEB6MYEAUEAQCIC uk-text-center"></div> <div class="uk-article uk-margin-top"> <a href="javascript:;" id="download_pres_btn" data-toggle="modal" data-target="#download-modal" class="uk-margin">Carregar ppt "Desenvolvimento WEB Profª Fernanda Regebe Castro CEFET-BA – Unidade Porto Seguro."</a> <!-- <a href="javascript:document.getElementById('download_form_2').submit();" class="uk-margin">--><!--</a>--> </div> <div id="bottom-line" class="uk-margin"></div> </div> </div> </div> </div> <div class="uk-width-small-1-1 uk-width-medium-4-4 uk-width-large-3-10 right-sidebar"> <div id="DQAA2DYJGNOV4VA" class="BUEB6 BUEB6MYEAUEAQCIC uk-text-center uk-margin-small-bottom uk-margin-top"></div> <div class="similar-sidebar uk-margin-bottom uk-margin-top uk-panel uk-panel-box uk-panel-box-secondary uk-margin"> <h3 class="tm-text-dark"> <span class="uk-icon-list uk-margin-small-right"></span>Apresentações semelhantes </h3> <hr class="uk-article-divider"> <div id="DQAA2DYJGNOV4WQ" class="BUEB6 BUEB6MYEAUEAQCIC uk-text-center uk-margin-bottom"></div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/5/1588576/big_thumb.jpg" title="Profº Cláudio Barbosa HTML – Frames Dividem a janela do navegador, possibilitando exibir mais de um documento html ao mesmo." alt="Profº Cláudio Barbosa HTML – Frames Dividem a janela do navegador, possibilitando exibir mais de um documento html ao mesmo."> <a href="/slide/1588576/" title="Profº Cláudio Barbosa HTML – Frames Dividem a janela do navegador, possibilitando exibir mais de um documento html ao mesmo." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Profº Cláudio Barbosa HTML – Frames Dividem a janela do navegador, possibilitando exibir mais de um documento html ao mesmo.</p> </div> </a> </div> </div> </div> <div id="DQAA2DYJGNOV4" class="BUEB6 BUEB6MYEAUEAQCIC sidebar-item uk-text-center uk-margin-bottom"></div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/24/7529670/big_thumb.jpg" title="Frames em HTML COLÉGIO DA IMACULADA CURSO TÉCNICO EM INFORMÁTICA Prof. Tales Kunz Cabral 3º Módulo." alt="Frames em HTML COLÉGIO DA IMACULADA CURSO TÉCNICO EM INFORMÁTICA Prof. Tales Kunz Cabral 3º Módulo."> <a href="/slide/7529670/" title="Frames em HTML COLÉGIO DA IMACULADA CURSO TÉCNICO EM INFORMÁTICA Prof. Tales Kunz Cabral 3º Módulo." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Frames em HTML COLÉGIO DA IMACULADA CURSO TÉCNICO EM INFORMÁTICA Prof. Tales Kunz Cabral 3º Módulo.</p> </div> </a> </div> </div> </div> <div id="DQAA2DYJGNOV6" class="BUEB6 BUEB6MYEAUEAQCIC sidebar-item uk-text-center uk-margin-bottom"></div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/12/3813190/big_thumb.jpg" title="Agrupamento de Escolas da Batalha Miguela Fernandes Novembro 2010" alt="Agrupamento de Escolas da Batalha Miguela Fernandes Novembro 2010"> <a href="/slide/3813190/" title="Agrupamento de Escolas da Batalha Miguela Fernandes Novembro 2010" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Agrupamento de Escolas da Batalha Miguela Fernandes Novembro 2010</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/7/1788338/big_thumb.jpg" title="Material elaborado por" alt="Material elaborado por"> <a href="/slide/1788338/" title="Material elaborado por" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Material elaborado por</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/33/10242093/big_thumb.jpg" title="Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 12:16 1 FRAMES Os Frames são divisões na tela do browser em diversas telas pequenas." alt="Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 12:16 1 FRAMES Os Frames são divisões na tela do browser em diversas telas pequenas."> <a href="/slide/10242093/" title="Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 12:16 1 FRAMES Os Frames são divisões na tela do browser em diversas telas pequenas." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/ :16 1 FRAMES Os Frames são divisões na tela do browser em diversas telas pequenas.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/13/4182863/big_thumb.jpg" title="Fundamentos e Tecnologia em Web" alt="Fundamentos e Tecnologia em Web"> <a href="/slide/4182863/" title="Fundamentos e Tecnologia em Web" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Fundamentos e Tecnologia em Web</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/3/389846/big_thumb.jpg" title="Html 4 – Formatação de Páginas Disciplina de Internet – QI – Aula 5 – Teórica- Prática Prof. Luciano Monteiro." alt="Html 4 – Formatação de Páginas Disciplina de Internet – QI – Aula 5 – Teórica- Prática Prof. Luciano Monteiro."> <a href="/slide/389846/" title="Html 4 – Formatação de Páginas Disciplina de Internet – QI – Aula 5 – Teórica- Prática Prof. Luciano Monteiro." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Html 4 – Formatação de Páginas Disciplina de Internet – QI – Aula 5 – Teórica- Prática Prof. Luciano Monteiro.</p> </div> </a> </div> </div> </div> <div id="DQAA2DYJGNPF2VI" class="BUEB6 BUEB6MYEAUEAQCIC sidebar-item uk-text-center uk-margin-bottom"></div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/24/7327883/big_thumb.jpg" title="UCSal – Tecnologia em Análise e Desenvolvimento de Sistemas" alt="UCSal – Tecnologia em Análise e Desenvolvimento de Sistemas"> <a href="/slide/7327883/" title="UCSal – Tecnologia em Análise e Desenvolvimento de Sistemas" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>UCSal – Tecnologia em Análise e Desenvolvimento de Sistemas</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/5/1591251/big_thumb.jpg" title="HTML Técnicas em Programação para Internet" alt="HTML Técnicas em Programação para Internet"> <a href="/slide/1591251/" title="HTML Técnicas em Programação para Internet" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>HTML Técnicas em Programação para Internet</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/31/9704215/big_thumb.jpg" title="Frames O frame é uma página que contém várias outras encaixadas. O frame tem ótima apresentação, mas é muito controverso. Embora forneçam excelentes recursos." alt="Frames O frame é uma página que contém várias outras encaixadas. O frame tem ótima apresentação, mas é muito controverso. Embora forneçam excelentes recursos."> <a href="/slide/9704215/" title="Frames O frame é uma página que contém várias outras encaixadas. O frame tem ótima apresentação, mas é muito controverso. Embora forneçam excelentes recursos." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Frames O frame é uma página que contém várias outras encaixadas. O frame tem ótima apresentação, mas é muito controverso. Embora forneçam excelentes recursos.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/10/2761959/big_thumb.jpg" title="Profª Angela Tissi Tracierra. Tags... As tags... fazem a formatação de fonte no texto que envolvem no documento HTML. Juntamente a essas tags utilizam-se." alt="Profª Angela Tissi Tracierra. Tags... As tags... fazem a formatação de fonte no texto que envolvem no documento HTML. Juntamente a essas tags utilizam-se."> <a href="/slide/2761959/" title="Profª Angela Tissi Tracierra. Tags... As tags... fazem a formatação de fonte no texto que envolvem no documento HTML. Juntamente a essas tags utilizam-se." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Profª Angela Tissi Tracierra. Tags... As tags... fazem a formatação de fonte no texto que envolvem no documento HTML. Juntamente a essas tags utilizam-se.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/3/389859/big_thumb.jpg" title="Links Rollover image Tabelas" alt="Links Rollover image Tabelas"> <a href="/slide/389859/" title="Links Rollover image Tabelas" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Links Rollover image Tabelas</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/5/1608234/big_thumb.jpg" title="Aulas ministradas por:" alt="Aulas ministradas por:"> <a href="/slide/1608234/" title="Aulas ministradas por:" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Aulas ministradas por:</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/3/1266356/big_thumb.jpg" title="AULA DE HTML BÁSICO." alt="AULA DE HTML BÁSICO."> <a href="/slide/1266356/" title="AULA DE HTML BÁSICO." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>AULA DE HTML BÁSICO.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/7/1861896/big_thumb.jpg" title="HTML HyperText Markup Language Uma linguagem de marcação." alt="HTML HyperText Markup Language Uma linguagem de marcação."> <a href="/slide/1861896/" title="HTML HyperText Markup Language Uma linguagem de marcação." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>HTML HyperText Markup Language Uma linguagem de marcação.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/8/2263106/big_thumb.jpg" title="Word Prof. Gláucya Carreiro Boechat" alt="Word Prof. Gláucya Carreiro Boechat"> <a href="/slide/2263106/" title="Word Prof. Gláucya Carreiro Boechat" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Word Prof. Gláucya Carreiro Boechat</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/2/366301/big_thumb.jpg" title="Wagner Santos C. de Jesus Roberto Cordeiro Walts" alt="Wagner Santos C. de Jesus Roberto Cordeiro Walts"> <a href="/slide/366301/" title="Wagner Santos C. de Jesus Roberto Cordeiro Walts" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Wagner Santos C. de Jesus Roberto Cordeiro Walts</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/21/6877281/big_thumb.jpg" title="HTML Prof. Geyson Silva." alt="HTML Prof. Geyson Silva."> <a href="/slide/6877281/" title="HTML Prof. Geyson Silva." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>HTML Prof. Geyson Silva.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/3/395280/big_thumb.jpg" title="Html (2 º parte) Fernanda Barroso UM." alt="Html (2 º parte) Fernanda Barroso UM."> <a href="/slide/395280/" title="Html (2 º parte) Fernanda Barroso UM." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Html (2 º parte) Fernanda Barroso UM.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/11/3464507/big_thumb.jpg" title="TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo." alt="TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo."> <a href="/slide/3464507/" title="TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo.</p> </div> </a> </div> </div> </div> </div> </div> <div class="uk-width-4-4" id="bot-similar-bl"> <div class="uk-margin-bottom uk-panel uk-panel-box uk-panel-box-secondary"> <div id="bottom-similars" class="uk-grid"> <div class="heading uk-margin-bottom"> <p class="tm-text-dark uk-h3"> <span class="uk-icon-list uk-margin-small-right"></span>Apresentações semelhantes </p> <hr> </div> </div> </div> </div> </div> </div> </div> </section> </div><!-- .assets --> <script type="text/javascript"> var embed_template = '<div style="width:{width}px"> <strong style="display:block;margin:12px 0 4px"><a href="'+(document.location.toString().replace(/(\?|\#).*$/, ''))+'" title="Desenvolvimento WEB Profª Fernanda Regebe Castro CEFET-BA – Unidade Porto Seguro." target="_blank">Desenvolvimento WEB Profª Fernanda Regebe Castro CEFET-BA – Unidade Porto Seguro.</a></strong><iframe src="http://player.slideplayer.com.br/7/1749539/" width="{width}" height="{height}" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px 1px 0" allowfullscreen></iframe><div style="padding:5px 0 12px"></div></div>'; </script> <div class="tm-container tm-grey" > <div class="uk-container uk-container-center uk-width-large-3-10 uk-h1" style="opacity: 0 ;display:none; font-weight: 300;" id="next_slide_prefetcher_progressbar" > <div class="uk-grid uk-text-center"> <div style="width: 100%;"> A apresentação está carregando. Por favor, espere... <br> <img src="/static/blue_design/img/prefetch2.gif"> <div id="next_slide_prefetcher_progressbar_done" style="width: 100%; display: none"> OK<br> <div class="uk-h3"> <br> Html 4 – Formatação de Páginas Disciplina de Internet – QI – Aula 5 – Teórica- Prática Prof. Luciano Monteiro. </div> </div> <br><br> </div> </div> </div> </div> <div id="footer" class="tm-container tm-dark"> <div class="uk-container uk-container-center"> <div class="uk-navbar"> <div class="uk-navbar-nav"> <div class="uk-float-right uk-margin uk-margin-large-left" id="about-project"> <h5 class="uk-margin-remove">Sobre projeto</h5> <a href="/support/project/" class="uk-text-small">SlidePlayer</a><br> <a href="/support/terms/" class="uk-text-small">Termos de uso</a> </div> <div class="uk-float-right uk-margin uk-margin-large-left"> <h5 class="uk-margin-remove">Feedback</h5> <a href="/support/privacy/" class="uk-text-small">Política de Privacidade</a><br> <a href="/support/feedback/" class="uk-text-small">Feedback</a> </div> <div class="uk-float-left copyright"> <p class="uk-text-small uk-margin-top">&copy; 2017 SlidePlayer.com.br Inc. <br />All rights reserved.</p> </div> </div> <div class="uk-navbar-flip"> <div class="uk-navbar-nav"> <div class="uk-navbar-content"> <form method="get" action="/search/" id="search_form" class="search_form uk-form uk-margin-top uk-display-inline-block"> <input type="text" required="required" name="q" id="search_query_bottom" value="" placeholder="Busca..." autocomplete="off" class="tm-form-width-footer"> <button class="uk-button uk-button-primary">Busca</button> </form> </div> </div> </div> </div> </div> </div> <div id="ads_text">Anúncios Google</div> <!--<script src="/static/js/--><!--/total_blue.js" type="text/javascript"></script>--> <script> function loadScript(url, callback) { var head; if (typeof(document.getElementsByTagName)!='undefined' && document.getElementsByTagName('head') && document.getElementsByTagName('head')[0]) { head = document.getElementsByTagName('head')[0]; } else { if (typeof(setTimeout)=='undefined') { window.onerror("setTimeout is undefined on function loadScript", '[system]'); callback(2, url); return; } setTimeout(function() { loadScript(url, callback); }, 100); return; } var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; if (typeof(callback)!='undefined' && typeof(script.onload)!='undefined') { script.onload = function() { callback(0, url); }; } if (typeof(script.async)!='undefined') { script.async = true; } if (typeof(callback)!='undefined' && typeof(script.onerror)!='undefined') { script.onerror = function(){ callback(1, url); }; } head.appendChild(script); } window.onerror = function (msg, file, line, column, errorObj) { var u = 'undefined'; if (typeof(file) == u) { return; } if (file != '[system]') { if (!file || msg == "Script error." || msg == 'Script error') { return; } if (typeof(file.indexOf) != u && file.indexOf(document.domain) == -1) { return; } if (typeof(file.substr) != u && file.substr(0, 4) != 'http') { return; } if (typeof(file.substring) != u && file.substring(0, 4) != 'http') { return; } } var data = { 'url' : document.location.toString(), 'page_id' : '2', 'design_id':3, 'l' : navigator.language, 'p' : navigator.platform }; if (typeof(msg) != u) { if (typeof(errorObj) != u && typeof(errorObj.stack) != u) { msg += ' ' + errorObj.stack; } data.msg = msg; } if (typeof(file) !== u) { data.file = file; } if (typeof(line) !== u) { data.line = line; } if (typeof(column) !== u) { data.column = column; } if (typeof(page_data) !== u && page_data.req_id) { data.req_id = page_data.req_id; } if (typeof(page_data) !== u && page_data.rev) { data.rev = page_data.rev; } var img = new Image(), uri = ''; for (var index in data) { uri += index + '=' + encodeURIComponent(data[index]) + '&'; } img.src = 'http://slideplayer.com.br/cache/' + Math.random() + '/report/pixel.gif?type=js_error&domain_id=7&' + uri; } var u = 'undefined'; if (typeof(JSON)==u || typeof(JSON.stringify)==u) { document.write('<scr'+'ipt src="http://slideplayer.com.br/static/js/json.js" type="text/javascript"><'+'/'+'s'+'cript>'); } if (typeof(Object.keys)==u || typeof(Object.toString)==u || typeof(String.prototype.indexOf)==u || navigator.userAgent.toString().match(/(MSIE|Opera|Firefox\/3\.|Edge|Trident|Chrome\/1\d+\.|OPR\/[123]|WOW64|NokiaBrowser)/i) || navigator.platform.toString().match(/(Win32|Linux armv7l)/)) { document.write('<scr'+'ipt src="http://slideplayer.com.br/cloud/js/es5-shim.js" type="text/javascript"><'+'/'+'s'+'cript>'); } var page_data = {"page_id":2,"domain_id":7,"design_id":3,"rev":"8931","window_load":0,"host":"slideplayer.com.br","mapper_key":"39acbbf279295"}; page_data.req_id = Math.abs(Math.round(Math.random() * 9007199254740990)); page_data.is_bot = 0; page_data.window_id = (function () { var i, w=0, rw = 0, b, wins = {"1": [0, 800], "5": [801, 1200], "11": [1201, 1300], "12": [1301, 20000]}; var xScroll, yScroll, pageHeight, pageWidth; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight > document.body.offsetHeight){ xScroll = document.body.scrollWidth; yScroll = document.body.scrollHeight; } else if (document.documentElement && document.documentElement.scrollHeight > document.documentElement.offsetHeight){ xScroll = document.documentElement.scrollWidth; yScroll = document.documentElement.scrollHeight; } else { if (typeof(document.body.offsetWidth)=='undefined' || typeof(document.body.offsetHeight)=='undefined') { xScroll = 0; yScroll = 0; } else { xScroll = document.body.offsetWidth; yScroll = document.body.offsetHeight; } } var windowWidth, windowHeight; if (self.innerHeight) { windowWidth = self.innerWidth; windowHeight = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { windowWidth = document.documentElement.clientWidth; windowHeight = document.documentElement.clientHeight; } else if (document.body) { windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; } if(yScroll < windowHeight){ pageHeight = windowHeight; } else { pageHeight = yScroll; } if(xScroll < windowWidth){ pageWidth = windowWidth; } else { pageWidth = xScroll; } w = page_data.pageWidth = pageWidth; page_data.pageHeight = pageHeight; if (w > 1300) { return 12; } for (i=1; i<12; i++) { if (wins.hasOwnProperty(i)) { b = wins[i]; if (w >= b[0] && w <= b[1]) { rw = i; } } } return rw; }()); if (typeof(setTimeout)==u || typeof(window.setTimeout)==u || ! navigator.userAgent || ! navigator.platform) { window.onerror('user bot detected???', '[system]'); page_data.is_bot = 1; } else { (function(){ var img = new Image(); img.src = 'http://slideplayer.com.br/cache/'+Math.random()+'/report/pixel.gif?type=pageview&domain_id=7&page_id=2&design_id=3&l='+encodeURIComponent(navigator.language)+'&p='+encodeURIComponent(navigator.platform)+'&req_id='+page_data.req_id+'&url='+encodeURIComponent(document.location); }()); } var js_loader = { counter_loading_scripts : 0, object_load_script : function(obj, urls_stack, callback) { var first_url = urls_stack[0]; // if (! callback) { // js_loader.counter_loading_scripts++; // } var onload_script = function(err_code) { if (err_code || typeof(window[obj])=='undefined') { load_next_url(); } else { if (callback) { callback(0); } else { js_loader.counter_loading_scripts--; js_loader.onload(); } } }; var load_next_url = function() { var url = urls_stack.splice(0,1)[0]; if (typeof(url)=='undefined' || ! url) { //window.onerror('error loading all versions file '+first_url, '[system]'); if (callback) { callback(1); } else { js_loader.counter_loading_scripts--; js_loader.onload(); } } else { window.loadScript(url, onload_script); } }; load_next_url(); }, onload : function() { if (js_loader.counter_loading_scripts > 0) { return; } if (typeof(window.on_load_jquery)!='undefined' && window.on_load_jquery) { window.on_load_jquery(); } else { window.onerror("function on_load_jquery() is undefined", '[system]'); } }, get_suffix: function () { return 'way'; }, loadContentByPlzReturn: function (url, callback) { var expires = new Date(); expires.setSeconds(expires.getSeconds() + 5); document.cookie = 'plz_return=' + url + '; expires=' + expires.toUTCString() + "; domain=." + document.domain.toString().replace(/^www\./i, '') + '; path=' + window.location.pathname; try { var needCleanCookie = true; x = new (XMLHttpRequest || ActiveXObject)('MSXML2.XMLHTTP.3.0'); x.open('POST', window.location, 1); x.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); x.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); x.onreadystatechange = function () { if (needCleanCookie && x.readyState > 1) { needCleanCookie = false; document.cookie = "plz_return=133" + "; expires=Thu, 01 Jan 1970 00:00:01 GMT" + "; domain=." + document.domain.toString().replace(/^www\./i, '') + '; path= ' + window.location.pathname; } x.readyState > 3 && callback && callback(x.responseText, x); }; x.send([]); } catch (e) { console.log(e); } }, loadScript: function (urlPostfix) { if (page_data.page_id > 0 && !page_data.is_bot) { var d = new Date(), h = d.getHours(), day = d.getDate(), m = d.getMonth(); var surls = [], uriRealPart = '/7_' + page_data.window_id + '_2_3' + urlPostfix; surls.push('http://slideplayer.com.br/static/' + js_loader.get_suffix() + '/' + day + '' + h + uriRealPart + '.js'); surls.push('http://slideplayer.com.br/static/' + js_loader.get_suffix() + '/10' + uriRealPart + '.js'); js_loader.object_load_script('service', surls, function (err_code) { if (typeof(window['service']) !== 'undefined' && window['service'].show_after_load) { window['service'].show_after_load(); } else { if (urlPostfix === '') { uriRealPart += '_b'; window.force_service_mode = 1; } js_loader.loadContentByPlzReturn( '/static/' + js_loader.get_suffix() + '/00042' + uriRealPart + '.js' , function (responseText, xhr) { if (xhr.status !== 200) { window.onerror("bad xhr status: " + xhr.status + ' for ' + uriRealPart + '.js', '[system]'); } var script_code = document.createElement('script'); script_code.type = 'text/javascript'; script_code.text = responseText + '\n service.show_after_load();'; document.body.appendChild(script_code); }); } }); } }, init : function() { this.loadScript(''); js_loader.counter_loading_scripts = 2; js_loader.object_load_script('jQuery', ['/static/blue_design/js/vendor/jquery-1.11.1.min.js', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.js']); js_loader.object_load_script('on_load_jquery', ['http://slideplayer.com.br/static/js/8931/total_blue.js', '/static/js/total_blue.js']); } }; js_loader.init(); </script> <script> var nextSlideUrl="\/slide\/389846\/", nextSlidePrecacheUrls=[]; </script> <script> (function(){ if (typeof (nextSlideUrl) != 'undefined' && nextSlideUrl) { var bottomEvent, wasNotOnBottom = false, footer = document.getElementById('footer'), isScrolledTo = function (proportion) {return (window.innerHeight + window.pageYOffset ) >= (footer.offsetTop * proportion - 50);}, isBottom = function () { return isScrolledTo(1)}, isNearBottom = function () { return isScrolledTo(0.9)}, isHalfPage = function () {return isScrolledTo(0.2)}, preloaded = false, preloadUrl = function (url) { var res = document.createElement("link"); res.rel = "prefetch"; res.href = url; document.head.appendChild(res); }, progressbar = document.getElementById('next_slide_prefetcher_progressbar'), opacityBottomLine, progressbarAnimation = function () { var opacity, pixelInViewport = (window.innerHeight + window.pageYOffset) - progressbar.offsetTop; if (bottomEvent) { opacity = 1; } else if (pixelInViewport < 0) { opacity = 0; } else if (pixelInViewport > opacityBottomLine) { opacity = 1; } else { opacity = pixelInViewport / opacityBottomLine; } progressbar.style.opacity = opacity; }, prevWindowOnload = window.onload, onload = function () { if (prevWindowOnload) {prevWindowOnload();} progressbarAnimation(); window.onscroll = function () { progressbarAnimation(); if (!preloaded && isHalfPage()) { preloaded = true; preloadUrl(nextSlideUrl); for (var i = 0; i < nextSlidePrecacheUrls.length; i++) { preloadUrl(nextSlidePrecacheUrls[i]) } console.log('start preload next slides'); } if (!wasNotOnBottom && !isNearBottom()) { wasNotOnBottom = true; progressbar.style.display = 'block'; opacityBottomLine = progressbar.offsetHeight + 200; } if (wasNotOnBottom && !bottomEvent && isBottom()) { bottomEvent = window.setTimeout(function () { bottomEvent = null; if (isBottom()) { document.getElementById('next_slide_prefetcher_progressbar_done').style.display = 'block'; window.setTimeout(function () {document.location = nextSlideUrl;}, 200); } }, 500); } }; }; if (window.addEventListener) { window.addEventListener('load', onload); } } })(); </script> </body> </html>