tag:blogger.com,1999:blog-78990778405050021092024-03-05T10:54:22.723-08:00Blogue da TI - 2014/15Nelza Jaquelinehttp://www.blogger.com/profile/00336984908081876126noreply@blogger.comBlogger14125tag:blogger.com,1999:blog-7899077840505002109.post-7834719283019364642015-09-15T15:48:00.000-07:002015-09-15T15:48:42.891-07:00Tarefa de Banco de Dados II<iframe allowfullscreen="true" frameborder="0" height="569" mozallowfullscreen="true" src="https://docs.google.com/presentation/d/1r99840DWhBUQlhmIw9fg_GRkI9F-VQYuuaEWcapuIT0/embed?start=true&loop=false&delayms=15000" webkitallowfullscreen="true" width="700"></iframe>Nelza Jaquelinehttp://www.blogger.com/profile/00336984908081876126noreply@blogger.com0tag:blogger.com,1999:blog-7899077840505002109.post-76332500364521856322014-12-15T16:03:00.000-08:002014-12-15T16:03:15.892-08:00Atividade de recuperação - Linguagem de Programação 2Acessar o site do <a href="http://www.maujor.com/index.php" target="_blank">Maujor - http://www.maujor.com/index.php</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4K6o9ln1w16m7jRB0-riv3b4ECcCK1lNaN336REkN3rnEkNQAfjTk1jOJqw5j1sGl7TJvhni4Sy_RqxL3-NNcGy96jAD5URSm_kSoEFpmSq4whSUxUzMWwbfYG8PNElJyaO5HHnM6ABU/s1600/maujor.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4K6o9ln1w16m7jRB0-riv3b4ECcCK1lNaN336REkN3rnEkNQAfjTk1jOJqw5j1sGl7TJvhni4Sy_RqxL3-NNcGy96jAD5URSm_kSoEFpmSq4whSUxUzMWwbfYG8PNElJyaO5HHnM6ABU/s1600/maujor.PNG" height="207" width="320" /></a></div>
<br />
<div style="text-align: justify;">
</div>
<ul>
<li>Transpor o conteúdo da página inicial para o seu arquivo html e adequar a um site em html 5 com formatação em CSS3 (como visto em aula). </li>
<li>Colocar imagens relacionadas e adicionar um vídeo relacionado ao conteúdo. </li>
<li>Inserir um link externo para um site deste mesmo assunto.</li>
<li>Observar na formatação o que estudamos sobre cores e a harmonia das mesmas num site web.</li>
<li>Citar a fonte de onde foi retirado o conteúdo</li>
<li>Enviar para mim, por e-mail, até sexta-feira, 19/12/2014.</li>
</ul>
Nelza Jaquelinehttp://www.blogger.com/profile/00336984908081876126noreply@blogger.com0tag:blogger.com,1999:blog-7899077840505002109.post-90156918074669154102014-11-26T14:25:00.001-08:002014-11-26T23:03:41.855-08:00CORESCompartilho com vocês o material do meu professor de Construção de Páginas Web do IFRS, Evandro M. Miletto e mais abaixo, o vídeo do prof. Gustavo Guanabara do Curso em Vídeo HTML 5.<br />
<iframe allowfullscreen="" frameborder="0" height="355" marginheight="0" marginwidth="0" scrolling="no" src="//www.slideshare.net/slideshow/embed_code/13911798" style="border-width: 1px; border: 1px solid #CCC; margin-bottom: 5px; max-width: 100%;" width="425"> </iframe> <br />
<div style="margin-bottom: 5px;">
<b> <a href="https://pt.slideshare.net/uomo/cores-na-web" target="_blank" title="Cores na Web">Cores na Web</a> </b> from <b><a href="https://www.slideshare.net/uomo" target="_blank">Evandro Manara Miletto</a></b> </div>
<br><br><iframe width="560" height="315" src="//www.youtube.com/embed/KX3GLDvKJzI" frameborder="0" allowfullscreen></iframe>Nelza Jaquelinehttp://www.blogger.com/profile/00336984908081876126noreply@blogger.com0tag:blogger.com,1999:blog-7899077840505002109.post-20546805767613997372014-11-04T14:44:00.001-08:002014-11-04T14:44:54.481-08:00Formatação de Texto com HTML5 e CSS3 - by Gustavo ...(Curso em Video)<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/oQExPqFT7ec" width="480"></iframe>Nelza Jaquelinehttp://www.blogger.com/profile/00336984908081876126noreply@blogger.com0tag:blogger.com,1999:blog-7899077840505002109.post-61451280677308856822014-11-03T11:34:00.003-08:002014-11-03T11:35:36.004-08:00Web Acessível<iframe width="420" height="315" src="//www.youtube.com/embed/hFI4CuxQjSA" frameborder="0" allowfullscreen></iframe>Nelza Jaquelinehttp://www.blogger.com/profile/00336984908081876126noreply@blogger.com0tag:blogger.com,1999:blog-7899077840505002109.post-49104555470440918182014-10-30T03:24:00.001-07:002014-10-30T03:24:04.113-07:00The Blog Teacher: Imagens livres de utilização - Uma lista com 18 si...<a href="http://theblogteacher.blogspot.com/2014/10/imagens-livres-de-utilizacao-uma-lista.html?spref=bl">The Blog Teacher: Imagens livres de utilização - Uma lista com 18 si...</a>: Esta thinglink contém 18 sites onde podemos retirar fotos livres de utilização. É uma das minhas temáticas preferidas a divulgação d...Nelza Jaquelinehttp://www.blogger.com/profile/00336984908081876126noreply@blogger.com0tag:blogger.com,1999:blog-7899077840505002109.post-47457881774664550622014-10-12T07:11:00.001-07:002014-10-12T07:11:39.048-07:00Acessibilidade na Web dá vida à escultura da Mão do Memorial da América ...<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/MWuZFDnor2c" width="480"></iframe>Nelza Jaquelinehttp://www.blogger.com/profile/00336984908081876126noreply@blogger.com0tag:blogger.com,1999:blog-7899077840505002109.post-83994577216626042222014-09-30T14:22:00.002-07:002014-10-07T03:49:43.880-07:00HTML 5<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/yCSSsBNBzso" width="460"></iframe><br />Nelza Jaquelinehttp://www.blogger.com/profile/00336984908081876126noreply@blogger.com0tag:blogger.com,1999:blog-7899077840505002109.post-63785479485463120722014-09-25T05:59:00.000-07:002014-09-25T05:59:13.868-07:00Pesquisa, wireframe e protótipo - Desenvolvimento Web<br />
<br />
<br />
<iframe frameborder="0" height="400" marginheight="0" marginwidth="0" scrolling="no" src="//www.slideshare.net/slideshow/embed_code/39519204" width="476"></iframe>Nelza Jaquelinehttp://www.blogger.com/profile/00336984908081876126noreply@blogger.com0tag:blogger.com,1999:blog-7899077840505002109.post-39709742080417700102014-09-25T05:58:00.002-07:002014-09-25T07:07:31.739-07:00Dar Forma ao WebsiteClique - <a href="https://www.youtube.com/watch?v=xcSc01Y0iwE" target="_blank">Dar Forma ao Website</a>Nelza Jaquelinehttp://www.blogger.com/profile/00336984908081876126noreply@blogger.com0tag:blogger.com,1999:blog-7899077840505002109.post-48053674147424747172014-09-18T06:43:00.000-07:002014-09-18T06:46:12.204-07:00Página ImportanteGalerinha esta página é muito importante para quem desenvolve páginas: a <a href="http://www.w3c.br/Home/WebHome" target="_blank">W3C Brasil </a>- http://www.w3c.br/Home/WebHome<br />
<br />
<div style="text-align: justify;">
Trata da versão brasileira do consórcio que regulamenta o padrão do desenvolvimento de webpages a <a href="http://www.w3.org/" target="_blank">W3C</a>. Definição da Wikipedia: <a href="http://pt.wikipedia.org/wiki/W3C" target="_blank">O <b>World Wide Web Consortium</b> (<b>W3C</b>) é a principal organização de </a><a href="https://www.blogger.com/null" title="Padronização">padronização</a> da <a href="https://www.blogger.com/null" title="World Wide Web">World Wide Web</a>."<br />
<br />
Portanto, ACESSEM!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.w3c.br/Home/WebHome" target="_blank"><img alt="http://www.w3c.br/Home/WebHome" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ9IH1TLfLSSTuiFjCBNz8Gud25qMk0_6lFIn2IKwG27t2XSW8_L2lMWMN20zb57JZ6yb1p4-3WUYA3_2EnxIzbDu-Pi_60KZReP2JWUZ1_XphbubEZ8KPjCR1zO7vgEZXTrai6d9T9KM/s1600/W3C+BRASIL.PNG" height="240" width="320" /></a></div>
<br /></div>
Nelza Jaquelinehttp://www.blogger.com/profile/00336984908081876126noreply@blogger.com0tag:blogger.com,1999:blog-7899077840505002109.post-20874053605954268232014-09-18T04:00:00.001-07:002014-09-18T04:02:11.262-07:00O DoctypeSobre a necessidade da declaração do Doctype nas páginas em HTML:<br />
<br />
<div style="text-align: justify;">
Através da declaração dizemos para qualquer navegador como ele deve agir ao ler o código HTML da página. <a href="http://www.leandrogarcia.com/blog/o-que-e-e-para-que-serve-um-doctype/" target="_blank">Garcia,</a> em sua página na web, nos conta que: </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
"Os DOCTYPES devem ser a primeira coisa que um browser lê em seu código HTML, ou seja, na primeira linha". Há três tipos: Strict, Transitional e Frameset.</div>
<hr />
<div style="text-align: justify;">
<blockquote>
<b>XHTML STRICT</b><br />
<b><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”></b><br />
<b>Ao declarar o Strict o desenvolvedor está dizendo que seguirá rigorosamente os padrões.</b></blockquote>
<b>
</b>
<br />
<blockquote>
<b>XHTML Transitional</b><br />
<b><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”></b><br />
<b>O Transitional transmite ao Browser que seu código está em transição, não
necessariamente seguirá os padrões, mas não fará um “ninho
de ratos”</b></blockquote>
<b>
</b>
<br />
<blockquote>
<b>XHTML FRAMESET</b><br />
<b><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”></b><br />
<b>Já o Frameset, serve para renderizar os enfadonhos e arcaicos Frames (frames estão em desuso).</b></blockquote>
</div>
<hr />
Veja mais na página de Leandro Garcia, <a href="http://www.leandrogarcia.com/blog/o-que-e-e-para-que-serve-um-doctype/" target="_blank">O que é e para que serve um DOCTYPE</a>?<br />
<br />
Mas atenção, toda essa declaração é feita em outras versões do HTML, conforme Garcia, HTML 4.0, HTML 4,1, XHTML.<br />
<br />
<div style="text-align: justify;">
No HTML 5.0 as coisas mudam, basta declarar <! Doctype HTML> "O Doctype indica para o navegador e para outros meios qual a
especificação de código utilizar. Em versões anteriores, era necessário
referenciar o DTD diretamente no código do Doctype. Com o HTML5, a
referência por qual DTD utilizar é responsabilidade do Browser". </div>
<div style="text-align: justify;">
Acesse <a href="http://www.w3c.br/cursos/html5/conteudo/capitulo3.html" target="_blank">3. Estrutura básica, DOCTYPE e charsets </a><br />
<br />
E para não ficar dúvidas, assista o vídeo:</div>
<div style="text-align: justify;">
</div>
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/kKEkGheiv6I" width="480"></iframe>
Nelza Jaquelinehttp://www.blogger.com/profile/00336984908081876126noreply@blogger.com0tag:blogger.com,1999:blog-7899077840505002109.post-49038901062063189332014-09-16T16:56:00.002-07:002014-09-18T04:05:38.653-07:00Inserindo vídeos do Youtube no bloguePara inserir vídeo do Youtube no seu blogue,<br />
<br />
<ol>
<li>Acesse a URL do vídeo</li>
<li>Clique em Compartilhar</li>
<li>Clique em Incorporar</li>
<li>Copie o código apresentado</li>
<li>Vá para uma nova postagem em seu blogue</li>
<li>Cole o código na aba HTML da postagem e publique. </li>
</ol>
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/HNQD0qJ0TC4" width="480"></iframe>Nelza Jaquelinehttp://www.blogger.com/profile/00336984908081876126noreply@blogger.com2tag:blogger.com,1999:blog-7899077840505002109.post-83091787017468421762014-08-26T17:40:00.003-07:002014-09-16T11:21:29.574-07:00Início dos trabalhos<div style="text-align: justify;">
Olá pessoal da TI. Este é o nosso blogue de trabalho. Espero que tenhamos grandes aprendizagens neste semestre e ao longo de todo o curso.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr8Gq_geyP8GArO6pNF_lx4oy5LJfihX1Os6g0eaOobshqOUQk5HUZC6dqoyr2oZLh1feZYjTdSjDWBbaATTZnqQbAKZE4Uqb1RikyxwSH-zv9OZaolsEE1gKuCjUC2H7TMlgdXvNfZ3s/s1600/web-desenvolvimento-de-sites.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr8Gq_geyP8GArO6pNF_lx4oy5LJfihX1Os6g0eaOobshqOUQk5HUZC6dqoyr2oZLh1feZYjTdSjDWBbaATTZnqQbAKZE4Uqb1RikyxwSH-zv9OZaolsEE1gKuCjUC2H7TMlgdXvNfZ3s/s1600/web-desenvolvimento-de-sites.jpg" height="140" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
Nelza Jaquelinehttp://www.blogger.com/profile/00336984908081876126noreply@blogger.com0