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="JJLFWWK7MUFQY" class="LNPES LNPESZKSKNPF4X2U 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="JJLFWWK7MUFQQAQ" class="LNPES LNPESZKSKNPF4X2U 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="JJLFWWK7MUFQQDA" class="LNPES LNPESZKSKNPF4X2U 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="JJLFWWK7MUFQQ" class="LNPES LNPESZKSKNPF4X2U 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="JJLFWWK7MUFQS" class="LNPES LNPESZKSKNPF4X2U 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="JJLFWWK7MUEAWAY" class="LNPES LNPESZKSKNPF4X2U 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> <script> var moreSimilarSlides =[" <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/13\/4187824\/big_thumb.jpg\" title=\"MENU ARQUIVO Comando Imprimir Imprimi o documento atual # Impressora>\" alt=\"MENU ARQUIVO Comando Imprimir Imprimi o documento atual # Impressora\">\n <a href=\"\/slide\/4187824\/\" title=\"MENU ARQUIVO Comando Imprimir Imprimi o documento atual # Impressora>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>MENU ARQUIVO Comando Imprimir Imprimi o documento atual # Impressora<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/1\/67267\/big_thumb.jpg\" title=\"HTML - HiperText Markup Language Tecnologia para Web>\" alt=\"HTML - HiperText Markup Language Tecnologia para Web\">\n <a href=\"\/slide\/67267\/\" title=\"HTML - HiperText Markup Language Tecnologia para Web>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>HTML - HiperText Markup Language Tecnologia para Web<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/3\/1240048\/big_thumb.jpg\" title=\"Quadros Documento com a marca <frameset> divide a janela em quadros, proporcionais ou absolutos podem encaixar-se outros conjuntos de quadros n\u00e3o existe.>\" alt=\"Quadros Documento com a marca <frameset> divide a janela em quadros, proporcionais ou absolutos podem encaixar-se outros conjuntos de quadros n\u00e3o existe.\">\n <a href=\"\/slide\/1240048\/\" title=\"Quadros Documento com a marca <frameset> divide a janela em quadros, proporcionais ou absolutos podem encaixar-se outros conjuntos de quadros n\u00e3o existe.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Quadros Documento com a marca <frameset> divide a janela em quadros, proporcionais ou absolutos podem encaixar-se outros conjuntos de quadros n\u00e3o existe.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/9\/2646363\/big_thumb.jpg\" title=\"7 - Cria\u00e7\u00e3o de P\u00e1ginas Web>\" alt=\"7 - Cria\u00e7\u00e3o de P\u00e1ginas Web\">\n <a href=\"\/slide\/2646363\/\" title=\"7 - Cria\u00e7\u00e3o de P\u00e1ginas Web>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>7 - Cria\u00e7\u00e3o de P\u00e1ginas Web<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/3\/1266343\/big_thumb.jpg\" title=\"7 - Cria\u00e7\u00e3o de P\u00e1ginas Web DREAMWEAVER Pt.2>\" alt=\"7 - Cria\u00e7\u00e3o de P\u00e1ginas Web DREAMWEAVER Pt.2\">\n <a href=\"\/slide\/1266343\/\" title=\"7 - Cria\u00e7\u00e3o de P\u00e1ginas Web DREAMWEAVER Pt.2>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>7 - Cria\u00e7\u00e3o de P\u00e1ginas Web DREAMWEAVER Pt.2<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/7\/1840882\/big_thumb.jpg\" title=\"Estrutura HTML \u2013 Parte I>\" alt=\"Estrutura HTML \u2013 Parte I\">\n <a href=\"\/slide\/1840882\/\" title=\"Estrutura HTML \u2013 Parte I>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Estrutura HTML \u2013 Parte I<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/18\/5835300\/big_thumb.jpg\" title=\"Mestrado design de produto p\u00f3s ergonomia usabilidade p\u00f3s em comunica\u00e7\u00e3o gradua\u00e7\u00e3o em design gr\u00e1fico webdesigner nov\/2008 a ago 2009 gerente de projeto.>\" alt=\"Mestrado design de produto p\u00f3s ergonomia usabilidade p\u00f3s em comunica\u00e7\u00e3o gradua\u00e7\u00e3o em design gr\u00e1fico webdesigner nov\/2008 a ago 2009 gerente de projeto.\">\n <a href=\"\/slide\/5835300\/\" title=\"Mestrado design de produto p\u00f3s ergonomia usabilidade p\u00f3s em comunica\u00e7\u00e3o gradua\u00e7\u00e3o em design gr\u00e1fico webdesigner nov\/2008 a ago 2009 gerente de projeto.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Mestrado design de produto p\u00f3s ergonomia usabilidade p\u00f3s em comunica\u00e7\u00e3o gradua\u00e7\u00e3o em design gr\u00e1fico webdesigner nov\/2008 a ago 2009 gerente de projeto.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/5\/1625516\/big_thumb.jpg\" title=\"Tecnologias Web Prof. Msc. Juliano Gomes Weber Tecnologias Web Notas de Aula \u2013 Aula 04 1\u00ba Semestre - 2011 UNIJU\u00cd.>\" alt=\"Tecnologias Web Prof. Msc. Juliano Gomes Weber Tecnologias Web Notas de Aula \u2013 Aula 04 1\u00ba Semestre - 2011 UNIJU\u00cd.\">\n <a href=\"\/slide\/1625516\/\" title=\"Tecnologias Web Prof. Msc. Juliano Gomes Weber Tecnologias Web Notas de Aula \u2013 Aula 04 1\u00ba Semestre - 2011 UNIJU\u00cd.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Tecnologias Web Prof. Msc. Juliano Gomes Weber Tecnologias Web Notas de Aula \u2013 Aula 04 1\u00ba Semestre UNIJU\u00cd.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/24\/7356682\/big_thumb.jpg\" title=\"UCSal \u2013 Tecnologia em An\u00e1lise e Desenvolvimento de Sistemas Programa\u00e7\u00e3o para Aplica\u00e7\u00f5es WEB Profa. Sem\u00edramis Assis 2015.2.>\" alt=\"UCSal \u2013 Tecnologia em An\u00e1lise e Desenvolvimento de Sistemas Programa\u00e7\u00e3o para Aplica\u00e7\u00f5es WEB Profa. Sem\u00edramis Assis 2015.2.\">\n <a href=\"\/slide\/7356682\/\" title=\"UCSal \u2013 Tecnologia em An\u00e1lise e Desenvolvimento de Sistemas Programa\u00e7\u00e3o para Aplica\u00e7\u00f5es WEB Profa. Sem\u00edramis Assis 2015.2.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>UCSal \u2013 Tecnologia em An\u00e1lise e Desenvolvimento de Sistemas Programa\u00e7\u00e3o para Aplica\u00e7\u00f5es WEB Profa. Sem\u00edramis Assis<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/1\/330978\/big_thumb.jpg\" title=\"Internet - 1 Estilos de liga\u00e7\u00f5es m Listas de liga\u00e7\u00f5es m listas de descri\u00e7\u00f5es de itens contendo liga\u00e7\u00f5es m liga\u00e7\u00f5es dispersas auto-descritivas m evitar.>\" alt=\"Internet - 1 Estilos de liga\u00e7\u00f5es m Listas de liga\u00e7\u00f5es m listas de descri\u00e7\u00f5es de itens contendo liga\u00e7\u00f5es m liga\u00e7\u00f5es dispersas auto-descritivas m evitar.\">\n <a href=\"\/slide\/330978\/\" title=\"Internet - 1 Estilos de liga\u00e7\u00f5es m Listas de liga\u00e7\u00f5es m listas de descri\u00e7\u00f5es de itens contendo liga\u00e7\u00f5es m liga\u00e7\u00f5es dispersas auto-descritivas m evitar.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Internet - 1 Estilos de liga\u00e7\u00f5es m Listas de liga\u00e7\u00f5es m listas de descri\u00e7\u00f5es de itens contendo liga\u00e7\u00f5es m liga\u00e7\u00f5es dispersas auto-descritivas m evitar.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/11\/3632167\/big_thumb.jpg\" title=\"Academia de Ensino Superior Prof. Andr\u00e9 Morais Desenvolvimento de Aplica\u00e7\u00f5es Web na plataforma Microsoft Elaborando o design.>\" alt=\"Academia de Ensino Superior Prof. Andr\u00e9 Morais Desenvolvimento de Aplica\u00e7\u00f5es Web na plataforma Microsoft Elaborando o design.\">\n <a href=\"\/slide\/3632167\/\" title=\"Academia de Ensino Superior Prof. Andr\u00e9 Morais Desenvolvimento de Aplica\u00e7\u00f5es Web na plataforma Microsoft Elaborando o design.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Academia de Ensino Superior Prof. Andr\u00e9 Morais Desenvolvimento de Aplica\u00e7\u00f5es Web na plataforma Microsoft Elaborando o design.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/33\/10531241\/big_thumb.jpg\" title=\"Design para Web 3 XHTML(continua\u00e7\u00e3o) Ferramentas para Web I.>\" alt=\"Design para Web 3 XHTML(continua\u00e7\u00e3o) Ferramentas para Web I.\">\n <a href=\"\/slide\/10531241\/\" title=\"Design para Web 3 XHTML(continua\u00e7\u00e3o) Ferramentas para Web I.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Design para Web 3 XHTML(continua\u00e7\u00e3o) Ferramentas para Web I.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/10\/2762206\/big_thumb.jpg\" title=\"Escola de Engenharia de Piracicaba Sistemas de Apoio a Decis\u00e3o>\" alt=\"Escola de Engenharia de Piracicaba Sistemas de Apoio a Decis\u00e3o\">\n <a href=\"\/slide\/2762206\/\" title=\"Escola de Engenharia de Piracicaba Sistemas de Apoio a Decis\u00e3o>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Escola de Engenharia de Piracicaba Sistemas de Apoio a Decis\u00e3o<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/33\/10399639\/big_thumb.jpg\" title=\"WebSites Din\u00e2micos Professor: M\u00e1rcio Ferreira da Silva.>\" alt=\"WebSites Din\u00e2micos Professor: M\u00e1rcio Ferreira da Silva.\">\n <a href=\"\/slide\/10399639\/\" title=\"WebSites Din\u00e2micos Professor: M\u00e1rcio Ferreira da Silva.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>WebSites Din\u00e2micos Professor: M\u00e1rcio Ferreira da Silva.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/1\/41955\/big_thumb.jpg\" title=\"Faculdades Integradas Santa Cruz>\" alt=\"Faculdades Integradas Santa Cruz\">\n <a href=\"\/slide\/41955\/\" title=\"Faculdades Integradas Santa Cruz>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Faculdades Integradas Santa Cruz<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/19\/6028935\/big_thumb.jpg\" title=\"Karine Alessandra C\u00f3rdova>\" alt=\"Karine Alessandra C\u00f3rdova\">\n <a href=\"\/slide\/6028935\/\" title=\"Karine Alessandra C\u00f3rdova>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Karine Alessandra C\u00f3rdova<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/19\/6120244\/big_thumb.jpg\" title=\"Karine Alessandra C\u00f3rdova>\" alt=\"Karine Alessandra C\u00f3rdova\">\n <a href=\"\/slide\/6120244\/\" title=\"Karine Alessandra C\u00f3rdova>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Karine Alessandra C\u00f3rdova<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/1\/293534\/big_thumb.jpg\" title=\"Prof. Rudson apostilas.wikidot.com\/hipermidia>\" alt=\"Prof. Rudson apostilas.wikidot.com\/hipermidia\">\n <a href=\"\/slide\/293534\/\" title=\"Prof. Rudson apostilas.wikidot.com\/hipermidia>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Prof. Rudson apostilas.wikidot.com\/hipermidia<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/5\/1626420\/big_thumb.jpg\" title=\"Avalia\u00e7\u00e3o Microsoft Word>\" alt=\"Avalia\u00e7\u00e3o Microsoft Word\">\n <a href=\"\/slide\/1626420\/\" title=\"Avalia\u00e7\u00e3o Microsoft Word>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Avalia\u00e7\u00e3o Microsoft Word<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/1\/325777\/big_thumb.jpg\" title=\"Aula de hoje Ocultar e exibir Linhas ou colunas;>\" alt=\"Aula de hoje Ocultar e exibir Linhas ou colunas;\">\n <a href=\"\/slide\/325777\/\" title=\"Aula de hoje Ocultar e exibir Linhas ou colunas;>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Aula de hoje Ocultar e exibir Linhas ou colunas;<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/24\/7303280\/big_thumb.jpg\" title=\"No\u00e7\u00f5es B\u00e1sicas sobre o Word XP O que \u00e9 o Word>\" alt=\"No\u00e7\u00f5es B\u00e1sicas sobre o Word XP O que \u00e9 o Word\">\n <a href=\"\/slide\/7303280\/\" title=\"No\u00e7\u00f5es B\u00e1sicas sobre o Word XP O que \u00e9 o Word>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>No\u00e7\u00f5es B\u00e1sicas sobre o Word XP O que \u00e9 o Word<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/5\/1594103\/big_thumb.jpg\" title=\"Gr\u00e1ficos Tipos de gr\u00e1fico: Colunas Velocidades (canos) Barras Linhas>\" alt=\"Gr\u00e1ficos Tipos de gr\u00e1fico: Colunas Velocidades (canos) Barras Linhas\">\n <a href=\"\/slide\/1594103\/\" title=\"Gr\u00e1ficos Tipos de gr\u00e1fico: Colunas Velocidades (canos) Barras Linhas>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Gr\u00e1ficos Tipos de gr\u00e1fico: Colunas Velocidades (canos) Barras Linhas<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/3\/389860\/big_thumb.jpg\" title=\"Dreamweaver.>\" alt=\"Dreamweaver.\">\n <a href=\"\/slide\/389860\/\" title=\"Dreamweaver.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Dreamweaver.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/11\/3543005\/big_thumb.jpg\" title=\"Ferramentas para Sistema Web Sistemas de Informa\u00e7\u00e3o Aula 5 - 27\/03\/2013.>\" alt=\"Ferramentas para Sistema Web Sistemas de Informa\u00e7\u00e3o Aula 5 - 27\/03\/2013.\">\n <a href=\"\/slide\/3543005\/\" title=\"Ferramentas para Sistema Web Sistemas de Informa\u00e7\u00e3o Aula 5 - 27\/03\/2013.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Ferramentas para Sistema Web Sistemas de Informa\u00e7\u00e3o Aula \/03\/2013.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/24\/7797449\/big_thumb.jpg\" title=\"1 Timetoast.com Clique no link para efetuar a inscri\u00e7\u00e3o. Timetoast n\u00e3o permite v\u00e1rias contas a serem registadas com o mesmo endere\u00e7o de email. H\u00e1 formas.>\" alt=\"1 Timetoast.com Clique no link para efetuar a inscri\u00e7\u00e3o. Timetoast n\u00e3o permite v\u00e1rias contas a serem registadas com o mesmo endere\u00e7o de email. H\u00e1 formas.\">\n <a href=\"\/slide\/7797449\/\" title=\"1 Timetoast.com Clique no link para efetuar a inscri\u00e7\u00e3o. Timetoast n\u00e3o permite v\u00e1rias contas a serem registadas com o mesmo endere\u00e7o de email. H\u00e1 formas.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>1 Timetoast.com Clique no link para efetuar a inscri\u00e7\u00e3o. Timetoast n\u00e3o permite v\u00e1rias contas a serem registadas com o mesmo endere\u00e7o de . H\u00e1 formas.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/6\/1684262\/big_thumb.jpg\" title=\"Word Professor: Leandro Crescencio>\" alt=\"Word Professor: Leandro Crescencio\">\n <a href=\"\/slide\/1684262\/\" title=\"Word Professor: Leandro Crescencio>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Word Professor: Leandro Crescencio<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/12\/3641127\/big_thumb.jpg\" title=\"7 - Cria\u00e7\u00e3o de P\u00e1ginas Web>\" alt=\"7 - Cria\u00e7\u00e3o de P\u00e1ginas Web\">\n <a href=\"\/slide\/3641127\/\" title=\"7 - Cria\u00e7\u00e3o de P\u00e1ginas Web>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>7 - Cria\u00e7\u00e3o de P\u00e1ginas Web<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/16\/4912886\/big_thumb.jpg\" title=\"HTML HyperText Markup Language. 2 Origem O HTML foi criado, juntamente com o HTTP nos laborat\u00f3rios do CERN, na europa para permitir a consulta de documentos.>\" alt=\"HTML HyperText Markup Language. 2 Origem O HTML foi criado, juntamente com o HTTP nos laborat\u00f3rios do CERN, na europa para permitir a consulta de documentos.\">\n <a href=\"\/slide\/4912886\/\" title=\"HTML HyperText Markup Language. 2 Origem O HTML foi criado, juntamente com o HTTP nos laborat\u00f3rios do CERN, na europa para permitir a consulta de documentos.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>HTML HyperText Markup Language. 2 Origem O HTML foi criado, juntamente com o HTTP nos laborat\u00f3rios do CERN, na europa para permitir a consulta de documentos.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/3\/400089\/big_thumb.jpg\" title=\"CURSO DE LINUX EDUCACIONAL>\" alt=\"CURSO DE LINUX EDUCACIONAL\">\n <a href=\"\/slide\/400089\/\" title=\"CURSO DE LINUX EDUCACIONAL>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>CURSO DE LINUX EDUCACIONAL<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/3\/1266335\/big_thumb.jpg\" title=\"Formata\u00e7\u00e3o de par\u00e1grafo>\" alt=\"Formata\u00e7\u00e3o de par\u00e1grafo\">\n <a href=\"\/slide\/1266335\/\" title=\"Formata\u00e7\u00e3o de par\u00e1grafo>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Formata\u00e7\u00e3o de par\u00e1grafo<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/8\/2326403\/big_thumb.jpg\" title=\"Word Professor: Leandro Crescencio>\" alt=\"Word Professor: Leandro Crescencio\">\n <a href=\"\/slide\/2326403\/\" title=\"Word Professor: Leandro Crescencio>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Word Professor: Leandro Crescencio<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/10\/2866321\/big_thumb.jpg\" title=\"Professor: Michel Fabiano>\" alt=\"Professor: Michel Fabiano\">\n <a href=\"\/slide\/2866321\/\" title=\"Professor: Michel Fabiano>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Professor: Michel Fabiano<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/2\/345643\/big_thumb.jpg\" title=\"Programas Utilit\u00e1rios B\u00e1sicos>\" alt=\"Programas Utilit\u00e1rios B\u00e1sicos\">\n <a href=\"\/slide\/345643\/\" title=\"Programas Utilit\u00e1rios B\u00e1sicos>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Programas Utilit\u00e1rios B\u00e1sicos<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/6\/1692067\/big_thumb.jpg\" title=\"Treinamento do Microsoft\u00ae Word 2010>\" alt=\"Treinamento do Microsoft\u00ae Word 2010\">\n <a href=\"\/slide\/1692067\/\" title=\"Treinamento do Microsoft\u00ae Word 2010>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Treinamento do Microsoft\u00ae Word 2010<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/9\/2641821\/big_thumb.jpg\" title=\"TEC. DESENVOLVIMENTO WEB Prof.: Jean Carlo Mendes>\" alt=\"TEC. DESENVOLVIMENTO WEB Prof.: Jean Carlo Mendes\">\n <a href=\"\/slide\/2641821\/\" title=\"TEC. DESENVOLVIMENTO WEB Prof.: Jean Carlo Mendes>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>TEC. DESENVOLVIMENTO WEB Prof.: Jean Carlo Mendes<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/2\/350605\/big_thumb.jpg\" title=\"Introdu\u00e7\u00e3o ao JavaScript JavaScript 03>\" alt=\"Introdu\u00e7\u00e3o ao JavaScript JavaScript 03\">\n <a href=\"\/slide\/350605\/\" title=\"Introdu\u00e7\u00e3o ao JavaScript JavaScript 03>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Introdu\u00e7\u00e3o ao JavaScript JavaScript 03<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/5\/1626404\/big_thumb.jpg\" title=\"HTML Construindo p\u00e1ginas.>\" alt=\"HTML Construindo p\u00e1ginas.\">\n <a href=\"\/slide\/1626404\/\" title=\"HTML Construindo p\u00e1ginas.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>HTML Construindo p\u00e1ginas.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/9\/1366567\/big_thumb.jpg\" title=\"Linguagem de Programa\u00e7\u00e3o para WEB>\" alt=\"Linguagem de Programa\u00e7\u00e3o para WEB\">\n <a href=\"\/slide\/1366567\/\" title=\"Linguagem de Programa\u00e7\u00e3o para WEB>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Linguagem de Programa\u00e7\u00e3o para WEB<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/1\/292522\/big_thumb.jpg\" title=\"MOODLE PARA TODOS Projeto EAD-CPD MOODLE UFBA Centro de Processamento de Dados - UFBA.>\" alt=\"MOODLE PARA TODOS Projeto EAD-CPD MOODLE UFBA Centro de Processamento de Dados - UFBA.\">\n <a href=\"\/slide\/292522\/\" title=\"MOODLE PARA TODOS Projeto EAD-CPD MOODLE UFBA Centro de Processamento de Dados - UFBA.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>MOODLE PARA TODOS Projeto EAD-CPD MOODLE UFBA Centro de Processamento de Dados - UFBA.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/12\/4003312\/big_thumb.jpg\" title=\"Tutorial Wikispaces Edi\u00e7\u00e3o de p\u00e1ginas Modificado por Ricardo Pimentel a partir de um original de Jennifer TIC \u2013 Ano lectivo 2008\/2009.>\" alt=\"Tutorial Wikispaces Edi\u00e7\u00e3o de p\u00e1ginas Modificado por Ricardo Pimentel a partir de um original de Jennifer TIC \u2013 Ano lectivo 2008\/2009.\">\n <a href=\"\/slide\/4003312\/\" title=\"Tutorial Wikispaces Edi\u00e7\u00e3o de p\u00e1ginas Modificado por Ricardo Pimentel a partir de um original de Jennifer TIC \u2013 Ano lectivo 2008\/2009.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Tutorial Wikispaces Edi\u00e7\u00e3o de p\u00e1ginas Modificado por Ricardo Pimentel a partir de um original de Jennifer TIC \u2013 Ano lectivo 2008\/2009.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/10\/2843241\/big_thumb.jpg\" title=\"\u00c1REA DE TRABALHO DO WINDOWS>\" alt=\"\u00c1REA DE TRABALHO DO WINDOWS\">\n <a href=\"\/slide\/2843241\/\" title=\"\u00c1REA DE TRABALHO DO WINDOWS>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>\u00c1REA DE TRABALHO DO WINDOWS<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/1\/334693\/big_thumb.jpg\" title=\"Inform\u00e1tica Aplicada.>\" alt=\"Inform\u00e1tica Aplicada.\">\n <a href=\"\/slide\/334693\/\" title=\"Inform\u00e1tica Aplicada.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Inform\u00e1tica Aplicada.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/3\/394453\/big_thumb.jpg\" title=\"Internet e Informa\u00e7\u00e3o Electr\u00f3nica INTERNET EXPLORER>\" alt=\"Internet e Informa\u00e7\u00e3o Electr\u00f3nica INTERNET EXPLORER\">\n <a href=\"\/slide\/394453\/\" title=\"Internet e Informa\u00e7\u00e3o Electr\u00f3nica INTERNET EXPLORER>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Internet e Informa\u00e7\u00e3o Electr\u00f3nica INTERNET EXPLORER<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/8\/2262784\/big_thumb.jpg\" title=\"Curso de JavaWeb M\u00f3dulo 1 e 2 Instrutores: Rodrigo Cardoso>\" alt=\"Curso de JavaWeb M\u00f3dulo 1 e 2 Instrutores: Rodrigo Cardoso\">\n <a href=\"\/slide\/2262784\/\" title=\"Curso de JavaWeb M\u00f3dulo 1 e 2 Instrutores: Rodrigo Cardoso>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Curso de JavaWeb M\u00f3dulo 1 e 2 Instrutores: Rodrigo Cardoso<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/3\/390577\/big_thumb.jpg\" title=\"Layers Possuem a inten\u00e7\u00e3o de substituir as tabelas na fun\u00e7\u00e3o de diagrama\u00e7\u00e3o das p\u00e1ginas para a internet. Eles possuem uma id\u00e9ia \u00f3tima e s\u00e3o totalmente.>\" alt=\"Layers Possuem a inten\u00e7\u00e3o de substituir as tabelas na fun\u00e7\u00e3o de diagrama\u00e7\u00e3o das p\u00e1ginas para a internet. Eles possuem uma id\u00e9ia \u00f3tima e s\u00e3o totalmente.\">\n <a href=\"\/slide\/390577\/\" title=\"Layers Possuem a inten\u00e7\u00e3o de substituir as tabelas na fun\u00e7\u00e3o de diagrama\u00e7\u00e3o das p\u00e1ginas para a internet. Eles possuem uma id\u00e9ia \u00f3tima e s\u00e3o totalmente.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Layers Possuem a inten\u00e7\u00e3o de substituir as tabelas na fun\u00e7\u00e3o de diagrama\u00e7\u00e3o das p\u00e1ginas para a internet. Eles possuem uma id\u00e9ia \u00f3tima e s\u00e3o totalmente.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/2\/5628858\/big_thumb.jpg\" title=\"Adicionando som\/video ao HTML COL\u00c9GIO DA IMACULADA CURSO T\u00c9CNICO EM INFORM\u00c1TICA Prof. Tales Kunz Cabral 3\u00ba M\u00f3dulo.>\" alt=\"Adicionando som\/video ao HTML COL\u00c9GIO DA IMACULADA CURSO T\u00c9CNICO EM INFORM\u00c1TICA Prof. Tales Kunz Cabral 3\u00ba M\u00f3dulo.\">\n <a href=\"\/slide\/5628858\/\" title=\"Adicionando som\/video ao HTML COL\u00c9GIO DA IMACULADA CURSO T\u00c9CNICO EM INFORM\u00c1TICA Prof. Tales Kunz Cabral 3\u00ba M\u00f3dulo.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Adicionando som\/video ao HTML COL\u00c9GIO DA IMACULADA CURSO T\u00c9CNICO EM INFORM\u00c1TICA Prof. Tales Kunz Cabral 3\u00ba M\u00f3dulo.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/2\/350674\/big_thumb.jpg\" title=\"Seis perguntas sobre o Wiki>\" alt=\"Seis perguntas sobre o Wiki\">\n <a href=\"\/slide\/350674\/\" title=\"Seis perguntas sobre o Wiki>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Seis perguntas sobre o Wiki<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/12\/3960975\/big_thumb.jpg\" title=\"Prof\u00aa Angela Tissi Tracierra. \u00c9 uma arquitetura de rede, onde existem dois m\u00f3dulos b\u00e1sicos na rede: o Servidor e os Clientes.>\" alt=\"Prof\u00aa Angela Tissi Tracierra. \u00c9 uma arquitetura de rede, onde existem dois m\u00f3dulos b\u00e1sicos na rede: o Servidor e os Clientes.\">\n <a href=\"\/slide\/3960975\/\" title=\"Prof\u00aa Angela Tissi Tracierra. \u00c9 uma arquitetura de rede, onde existem dois m\u00f3dulos b\u00e1sicos na rede: o Servidor e os Clientes.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Prof\u00aa Angela Tissi Tracierra. \u00c9 uma arquitetura de rede, onde existem dois m\u00f3dulos b\u00e1sicos na rede: o Servidor e os Clientes.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/24\/7298609\/big_thumb.jpg\" title=\"Como usar HTML em seus an\u00fancios no MercadoLivre>\" alt=\"Como usar HTML em seus an\u00fancios no MercadoLivre\">\n <a href=\"\/slide\/7298609\/\" title=\"Como usar HTML em seus an\u00fancios no MercadoLivre>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Como usar HTML em seus an\u00fancios no MercadoLivre<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"]; </script> </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> Karine Alessandra Córdova </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":"2f5e","window_load":0,"host":"slideplayer.com.br","mapper_key":"6691f3526c995"}; 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/2f5e/total_blue.js', '/static/js/total_blue.js']); } }; js_loader.init(); </script> <script> var nextSlideUrl="\/slide\/6120244\/", 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>