tag:blogger.com,1999:blog-6537296525557877352024-10-07T00:57:49.559-03:00Gustavobit [Java, Clean Code, Android, Startup, Empreendedorismo e desenvolvimento em geral]Gustavo Bitencourthttp://www.blogger.com/profile/08878152212003794978noreply@blogger.comBlogger2125tag:blogger.com,1999:blog-653729652555787735.post-38349114862206283682014-04-07T23:02:00.000-03:002014-04-07T23:15:41.961-03:00Introdução à Programação Web<div style="color: #333333; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">Esse post é um resumo dos meus estudos sobre Desenvolvimento Web.</span></span></div>
<div style="color: #333333; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">Irei abordar conceitos básicos pois tenho o intuito de ter esse post como um acesso rápido<span class="Apple-converted-space"> </span>a estes conceitos resumidos[ShortcutsBook - Termo que inventei agora =) ].</span></span></div>
<div style="color: #333333; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></span></div>
<div style="color: #333333; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;"><b>1 - HTML(HyperText Markut Language)</b></span></span></div>
<div style="color: #333333; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;"><b>1.1 - Definição </b></span></span></div>
<div style="color: #333333; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">Segundo definições da W3Schools:</span></span></div>
<blockquote class="tr_bq">
<div style="color: #333333; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;"><i><span class="" id="result_box" lang="pt"><span class="hps">"HTML</span> <span class="hps">é</span> <span class="hps">uma linguagem para descrever</span> <span class="hps">páginas web.</span> <br /> <span class="hps">HTML significa</span> <span class="hps">Hyper Text</span> <span class="hps">Markup Language;</span> <br /> <span class="hps">HTML</span> <span class="hps">é</span> <span class="hps">uma linguagem de marcação;</span> <br /> <span class="hps">Uma linguagem de marcação</span> <span class="hps">é constituída de tags de marcação;</span> <br /> <span class="hps">As tags </span><span class="hps">descrevem</span> <span class="hps">o conteúdo do documento;</span> <br /> <span class="hps">Documentos HTML</span> <span class="hps">contém tags HTML</span> <span class="hps">e texto simples;</span> <br /> <span class="hps">Documentos HTML</span> <span class="hps">são também chamados de</span> <span class="hps">páginas web."</span></span></i></span></span></div>
</blockquote>
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;"><b>1.2 - Tags</b></span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">São usadas para marcar elementos HTML;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">Devem ser envolvidas pelos caracteres < e >;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">São abertas <p> e fechadas </p>;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">O texto entre as tags de abertura e fechamento são o conteúdo do elemento;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">As tags não são Case Sensitive,o que significa que <b> e <B> são a mesma tag.</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></span>
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;"><b>1.3 - Como o navegador interpreta e exibe arquivos HTML</b></span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">Para definições deste tópico, recomendo a leitura desse <a href="http://www.html5rocks.com/pt/tutorials/internals/howbrowserswork/" target="_blank">post na HTML5ROCKS</a>.</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></span>
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;"><b>1.4 - Principais Tags HTML</b></span></span><br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://universidadedosite.com.br/wp-content/uploads/2014/03/Principais-tags-HTML.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="http://universidadedosite.com.br/wp-content/uploads/2014/03/Principais-tags-HTML.png" height="640" width="281" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br />
<span style="font-size: xx-small;">Fonte: Universidade do Site(US) </span></td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td></tr>
</tbody></table>
<br />
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b><br /></b></div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<br data-mce-bogus="1" /></div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<br /></div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<br /></div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;"> <b>2 - CSS(Cascading Style Sheets)</b></span><br />
É uma linguagem de estilos usada para definir como um documento deve ser apresentado. Ou seja, com CSS é possível gerenciar o layout e estilo de várias páginas Web de uma só vez.<br />
Para mais definições sobre CSS, segue uma excelente imagem:<br />
<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://coolhomepages.com/images/blog/cheat-sheets/css-cheat-sheet-v2.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="http://coolhomepages.com/images/blog/cheat-sheets/css-cheat-sheet-v2.png" height="400" width="293" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: xx-small;">Fonte: coolhomepages</span></td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;"> Como citado no início do texto este post tende a ser apenas uma referência para detalhes de fácil compreensão que podemos esquecer no cotidiano mas que são essenciais.</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">Até breve. </span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">Fontes:</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">- <a href="http://www.maujor.com/" target="_blank">Maujor</a> </span></div>
<div style="color: #333333; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="font-family: Arial,Helvetica,sans-serif;">- Material de estudo do curso de Sistemas da Informação(Unisul) - Programação para web(Prof. Vinicius Ramos)</span></div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<span style="font-family: Arial,Helvetica,sans-serif;">- <a href="http://www.w3schools.com/" target="_blank">W3Schools</a></span></div>
Gustavo Bitencourthttp://www.blogger.com/profile/08878152212003794978noreply@blogger.com0tag:blogger.com,1999:blog-653729652555787735.post-9307367308794665742011-11-03T01:29:00.000-02:002014-04-07T23:16:10.284-03:00Hello World no Blogger!Estou migrando para o blogger pelo fato de eu ter uma certa aptidão pelo Google e seus mecanismos.<br />
Realizei alguns posts relacionados a Inteligência Artificial, Android e Java no meu outro blog,você pode acessar <a href="http://gustavobit.wordpress.com/" target="_blank">aqui</a>.<br />
<br />
Até breveGustavo Bitencourthttp://www.blogger.com/profile/08878152212003794978noreply@blogger.com0