<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-8141740395235870922</id><updated>2024-08-31T22:39:32.925-07:00</updated><title type='text'>Marcelo Junior</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://juniormarcelo.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://juniormarcelo.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Marcelo Junior</name><uri>http://www.blogger.com/profile/04447435436047232189</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='22' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-YG5sb8YxxzWP2EWL4leV6DgXnlRcJppkWWviuvh9DluE2rQ3FEG9ip7SDA5i0rdNzPWqSYCKe_deTPtpZh_vxU8MvGWRrFNB9vVHohcovp2sU_9IzndQCu7-aFWAcA/s220/421606_266073663472588_100002098700865_613629_706773510_n.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>9</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-8141740395235870922.post-5515450333871656427</id><published>2012-07-05T19:30:00.000-07:00</published><updated>2012-07-05T19:30:22.842-07:00</updated><title type='text'>Computação na Nuvem</title><content type='html'>&lt;div style=&quot;text-align: center;&quot;&gt;Computação nas Nuvens&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Poucos anos atrás, a computação nas nuvens era uma tendência. Ninguem precisaria instalar programas em seu computador para realizar tarefas básicas, pois isso tudo seria feito pela internet.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Quando você esta conectado ao serviço online, você pode desfrutar as ferramentas e salvar todo otrabalho que for feito, por isso que seu computador estara nas nuvens, pois você podera acessar seus documentos a partir de qualquer computador que tenha internet.&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;Caracteristicas&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Uma das vantagens da Computação nas nuvens é a possibilidade de utilizar aplicações diretamente da internet, sem que estas estejam instaladas no computador do usuário. Mas, há outras &amp;nbsp;vantagens:&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;- na maioria dos casos, o usuário pode acessar determinadas aplicações independente do seu sistema operacional ou de hardware;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;- o usuário não precisa se preocupar com a estrutura para executar a aplicação: hardware, procedimentos de backup, controle de segurança, manutenção, entre outros, ficam a cargo do fornecedor do serviço;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;- compartilhamento de dados e trabalho colaborativo se tornam mais fáceis, uma vez que todos os usuários acessam as aplicações e os dados do mesmo lugar: a &quot;nuvem&quot;. Muitas aplicações do tipo já são elaboradas considerando estas possibilidades;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;- dependendo do fornecedor, o usuário pode contar com alta disponibilidade, já que se um servidor parar de funcionar, por exemplo, os demais que fazem parte da estrutura continuam a oferecer o serviço;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;- o usuário pode contar com melhor controle de gastos. Muitas aplicações em Cloud Computing são gratuitas e, quando é necessário pagar, o usuário só o fará em relação aos recursos que usar ou ao tempo de utilização. Não é, portanto, necessário pagar por uma licença integral de uso, tal como acontece no modelo tradicional de fornecimento de software;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;- dependendo da aplicação, o usuário pode precisar instalar um programa cliente em seu computador. Mas, neste caso, todo ou a maior parte do processamento (e até mesmo do armazenamento de dados) fica por conta das &quot;nuvens&quot;.&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;Serviços&lt;/div&gt;&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Baseado em serviço – Na computação em nuvem os serviços podem ser considerados sob medida, uma vez que são designados para atender a necessidades específicas de um grupo de clientes. As tecnologias, por sua vez, são escolhidas para suprir a solução ou o serviço em vez do contrário – o serviço ser desenvolvido de acordo com a infraestrutura tecnológica disponível.&lt;/li&gt;
&lt;li&gt;Escalável e elástico – O serviço pode ter capacidade de escalar de acordo com as demandas do cliente. Já a elasticidade é um pressuposto para o caso dos ambientes em que existem recursos compartilhados de TI. No caso da escala, ela é um requisito ligado à infraestrutura e a software. Enquanto a elasticidade está associada não só à escala, mas também com modelos econômicos.&lt;/li&gt;
&lt;li&gt;Compartilhado – A criação de grupos que compartilham serviços facilita a economia de escala. E os recursos de TI são usados com o máximo de eficiência. A infraestrutura, software ou plataformas passam a ser divididos entre vários usuários do serviços. Isso permite fornecer um número infinito de recursos para atender as necessidades de múltiplos clientes, ao mesmo tempo.&lt;/li&gt;
&lt;li&gt;Medido por uso – Esse modelo de serviços possibilita criar métricas que permitam diferentes modelos de pagamento. O provedor pode cobrar pelo uso, por número de usuários, criar planos limitados, entre outros. Mas, em todos os casos, o pagamento vai ser feito pelo uso do serviço e não de acordo com o custo do equipamento.&lt;/li&gt;
&lt;li&gt;Baseado no uso da internet – Os serviços são oferecidos por meio de protocolos e formatos web.&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;Dropbox&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Um exemplo de computação em nuvens são os serviços de sincronização de arquivos, como o Dropbox, que é um dos serviços mais eficientes nesse sentido. Com ele, tudo o que você precisa fazer é reservar um espaço do disco rígido, o qual será destinado para a sincronia nas nuvens. Quando você copiar ou mover um arquivo nesse espaço, ele será duplicado no servidor do aplicativo e também em outros computadores que tenham o programa instalado e nos quais você acesse a sua conta.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;O Dropbox é apenas um exemplo entre vários outros. Grandes empresas têm cada vez mais interesse na computação em nuvens.&lt;/div&gt;&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Google Drive&lt;/li&gt;
&lt;li&gt;Cubby&lt;/li&gt;
&lt;li&gt;SkyDrive&lt;/li&gt;
&lt;li&gt;Ubuntu One&lt;/li&gt;
&lt;li&gt;Icloud&lt;/li&gt;
&lt;li&gt;Box&lt;/li&gt;
&lt;li&gt;Sugar Sync&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://juniormarcelo.blogspot.com/feeds/5515450333871656427/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://juniormarcelo.blogspot.com/2012/07/computacao-na-nuvem.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/5515450333871656427'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/5515450333871656427'/><link rel='alternate' type='text/html' href='http://juniormarcelo.blogspot.com/2012/07/computacao-na-nuvem.html' title='Computação na Nuvem'/><author><name>Marcelo Junior</name><uri>http://www.blogger.com/profile/04447435436047232189</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='22' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-YG5sb8YxxzWP2EWL4leV6DgXnlRcJppkWWviuvh9DluE2rQ3FEG9ip7SDA5i0rdNzPWqSYCKe_deTPtpZh_vxU8MvGWRrFNB9vVHohcovp2sU_9IzndQCu7-aFWAcA/s220/421606_266073663472588_100002098700865_613629_706773510_n.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8141740395235870922.post-8386584171604630141</id><published>2012-05-31T18:21:00.000-07:00</published><updated>2012-05-31T18:21:08.975-07:00</updated><title type='text'>Spam</title><content type='html'>Spam é o termo usado para se referir a mensagens eletrônicas que são enviadas para a pessoa sem seu consentimento. E essas mensagens são geralmente despachadas pela maioria das pessoas.&lt;br /&gt;
Esse tipo de mensagem contem muitas propagandas, conteúdos agressivos (vírus).&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;&lt;i&gt;Dicas de Segurança&lt;/i&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;Nunca responda a&amp;nbsp;spans&lt;/li&gt;
&lt;li&gt;Se é acostumado a se cadastrar em serviços online, evite cadastrar seu e-mail pessoal.&lt;/li&gt;
&lt;li&gt;Não clique em nenhum link enviado pelos spammers&lt;/li&gt;
&lt;li&gt;Preservar seu e-mail&lt;/li&gt;
&lt;li&gt;Utilize um programa anti&amp;nbsp;spam&lt;/li&gt;
&lt;/ul&gt;</content><link rel='replies' type='application/atom+xml' href='http://juniormarcelo.blogspot.com/feeds/8386584171604630141/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://juniormarcelo.blogspot.com/2012/05/spam.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/8386584171604630141'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/8386584171604630141'/><link rel='alternate' type='text/html' href='http://juniormarcelo.blogspot.com/2012/05/spam.html' title='Spam'/><author><name>Marcelo Junior</name><uri>http://www.blogger.com/profile/04447435436047232189</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='22' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-YG5sb8YxxzWP2EWL4leV6DgXnlRcJppkWWviuvh9DluE2rQ3FEG9ip7SDA5i0rdNzPWqSYCKe_deTPtpZh_vxU8MvGWRrFNB9vVHohcovp2sU_9IzndQCu7-aFWAcA/s220/421606_266073663472588_100002098700865_613629_706773510_n.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8141740395235870922.post-7289827018202835766</id><published>2012-05-10T16:58:00.000-07:00</published><updated>2012-05-10T16:58:25.084-07:00</updated><title type='text'>O que é e-mail</title><content type='html'>E-mail é um serviço&amp;nbsp;disponível&amp;nbsp;na internet que possibilita o envio e recebimento de mensagens. Para utiliza-lo é&amp;nbsp;preciso ter um endereço de e-mail.&lt;br /&gt;
&lt;br /&gt;
Exemplo: seunome@nomedoseuprovedor.com.br&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;As mensagens podem conter arquivos anexados a ela, esses arquivos podem ter qualquer formato: texto, imagens, sons, vídeos e etc. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;O e-mail possui comunicação rápida e troca de arquivos , assim qualquer tipo de informação pode ser enviada ou recebida&lt;/span&gt;&amp;nbsp;</content><link rel='replies' type='application/atom+xml' href='http://juniormarcelo.blogspot.com/feeds/7289827018202835766/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://juniormarcelo.blogspot.com/2012/05/o-que-e-e-mail.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/7289827018202835766'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/7289827018202835766'/><link rel='alternate' type='text/html' href='http://juniormarcelo.blogspot.com/2012/05/o-que-e-e-mail.html' title='O que é e-mail'/><author><name>Marcelo Junior</name><uri>http://www.blogger.com/profile/04447435436047232189</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='22' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-YG5sb8YxxzWP2EWL4leV6DgXnlRcJppkWWviuvh9DluE2rQ3FEG9ip7SDA5i0rdNzPWqSYCKe_deTPtpZh_vxU8MvGWRrFNB9vVHohcovp2sU_9IzndQCu7-aFWAcA/s220/421606_266073663472588_100002098700865_613629_706773510_n.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8141740395235870922.post-1163270742707200476</id><published>2012-05-10T16:29:00.001-07:00</published><updated>2012-05-10T16:30:06.309-07:00</updated><title type='text'>Teoria do Design</title><content type='html'>&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;Design não é criar coisas bonitas, um designer deve primar pela usabilidade com uma interface agradável.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&amp;nbsp;Princípios do designer:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: Algerian; font-size: 16pt; line-height: 115%;&quot;&gt;Contraste&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;Temos&amp;nbsp; a tendência de procurar algo que contraste com o ambiente, por isso nossos olhos repousam sobre o deslocado do padrão.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;Você pode alterar o tamanho, adicionar textura, mudar forma, colorir e etc.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTYG1GOTT3u4_xDAZXDA4EKyFDVIcDEGUvswbIw6Hin5LOTul6BIKUsl-y2X5ekGel9d6mma9hFFh5lW8_-ckrg52AVWjnj8y3f6_1Y6PmApg92fjgCcHCDwf9BJbXMYe2RmhtCBKkCds/s1600/contraste.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;238&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTYG1GOTT3u4_xDAZXDA4EKyFDVIcDEGUvswbIw6Hin5LOTul6BIKUsl-y2X5ekGel9d6mma9hFFh5lW8_-ckrg52AVWjnj8y3f6_1Y6PmApg92fjgCcHCDwf9BJbXMYe2RmhtCBKkCds/s320/contraste.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;O contraste é importante para criar uma hierarquia na página. Veja a página deste artigo. O que chama primeiro a atenção é o título geral pelo tamanho, depois os subtítulos, um pouco menores e em seguida as imagens e palavras em negrito.&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;background-color: white; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;span style=&quot;font-family: Algerian; font-size: 16pt; line-height: 115%;&quot;&gt;Repetição&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;background-color: white; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;span style=&quot;font-family: Algerian; font-size: 16pt; line-height: 115%;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;background-color: white; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial;&quot;&gt;A repetição cria unidade para que você tenha uma ancora visual. Cria ordem para que você consiga se mover entre os elementos com facilidade e cria associação para que você saiba que pertencem ao mesmo grupo.&lt;/span&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; font-family: &#39;Times New Roman&#39;, serif; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGss92odb5Z0jukWnFblrODcsiBbYn8ikLNfvurtu3uR1rx4Th9jrkoRBkxJm-dDP5L2B0MoFdgY0MaqkEaVtSsXLbratWPWUxZxPunazmODDRcRzQvwuWxzj_Prvgp361NcVTB0_ktU0/s1600/repeticao.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGss92odb5Z0jukWnFblrODcsiBbYn8ikLNfvurtu3uR1rx4Th9jrkoRBkxJm-dDP5L2B0MoFdgY0MaqkEaVtSsXLbratWPWUxZxPunazmODDRcRzQvwuWxzj_Prvgp361NcVTB0_ktU0/s320/repeticao.jpg&quot; width=&quot;266&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: &#39;Times New Roman&#39;, serif; text-align: left;&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial;&quot;&gt;Os blocos com título do texto e resumo, imagem na direita e links na base são um exemplo bem aplicado da repetição. Você vai saber onde olhar quando quiser saber o título do texto.&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: &#39;Times New Roman&#39;, serif; text-align: left;&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;background-color: white; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;span style=&quot;font-family: Algerian; font-size: 16pt; line-height: 115%;&quot;&gt;Alinhamento&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;background-color: white; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;span style=&quot;font-family: Algerian; font-size: 16pt; line-height: 115%;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial;&quot;&gt;Os gráficos e textos não podem ser postos na página. Devem ser alinhados, seguir uma ordem, conhecida como grade.&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;span style=&quot;background-color: white;&quot;&gt;Uma página com elementos alinhados e que não demonstrem explicitamente isso, será percebida como mais agradável aos olhos.&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; font-family: &#39;Times New Roman&#39;, serif; text-align: center;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; font-family: &#39;Times New Roman&#39;, serif; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUgVkjugvfNNUyCvePOiIN8jk_HTZB-DcgzgWKcZkl5MlxChkPhmzI8sC0ETMa6EtMBN-ZSAj2MZy_GS-AC8Bkb9R4oTKa2Bcbg04RkzsuVSPW-Ma1fai1Y-xEGBqh0MrPkGjj6d6LuFk/s1600/posicionamento.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;281&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUgVkjugvfNNUyCvePOiIN8jk_HTZB-DcgzgWKcZkl5MlxChkPhmzI8sC0ETMa6EtMBN-ZSAj2MZy_GS-AC8Bkb9R4oTKa2Bcbg04RkzsuVSPW-Ma1fai1Y-xEGBqh0MrPkGjj6d6LuFk/s320/posicionamento.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; font-family: &#39;Times New Roman&#39;, serif; text-align: center;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: &#39;Times New Roman&#39;, serif; text-align: left;&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial;&quot;&gt;O design em grade é facilmente percebido em websites de e-commerce na disposição dos produtos para venda. Com este padrão, você sabe onde olhar para saber o preço, o nome e a imagem.&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: &#39;Times New Roman&#39;, serif; text-align: left;&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; font-family: Algerian; font-size: 16pt; line-height: 115%;&quot;&gt;Proximidade&lt;/span&gt;&lt;span style=&quot;font-family: Algerian; font-size: 16pt; line-height: 115%;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; font-family: Algerian; font-size: 16pt; line-height: 115%;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; line-height: 18pt; margin-bottom: 0.0001pt; margin-left: 0cm; margin-right: 0cm; margin-top: 15pt; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;background-color: white; font-size: 11pt;&quot;&gt;Em um evento, quando você vê pessoas próximas umas das outras, em grupos, você entende que eles compartilham uma afinidade. Em um layout o mesmo princípio se aplica aos elementos.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; line-height: 18pt; margin-bottom: 0.0001pt; margin-left: 0cm; margin-right: 0cm; margin-top: 15pt; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;background-color: white; font-size: 11pt; line-height: 18pt;&quot;&gt;Veja como os elementos estão agrupados nas diferentes seções da página. Do lado esquerdo a imagem, o título e logo abaixo o texto. Na direita as imagens dos projetos com poucos pixels de distância.&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background-color: white; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; font-family: Algerian; font-size: 16pt; line-height: 115%;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; line-height: 115%;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial;&quot;&gt;&lt;span style=&quot;font-family: Times, &#39;Times New Roman&#39;, serif;&quot;&gt;Este é mais um princípio que ajuda a manter a unidade e ordem na página. Facilitando com isso a navegação.&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: #eeeeee; font-family: &#39;Times New Roman&#39;, serif; font-size: 16pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial;&quot;&gt;&lt;span style=&quot;font-family: Times, &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: right;&quot;&gt;Fonte:&amp;nbsp;&lt;a href=&quot;http://www.webmaster.pt/crap-principios-web-design-1912.html&quot;&gt;http://www.webmaster.pt/crap-principios-web-design-1912.html&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;background-color: white; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;div style=&quot;text-align: right;&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; font-family: Algerian; font-size: 16pt; line-height: 115%;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: &#39;Times New Roman&#39;, serif; text-align: left;&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; font-family: &#39;Times New Roman&#39;, serif; text-align: center;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://juniormarcelo.blogspot.com/feeds/1163270742707200476/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://juniormarcelo.blogspot.com/2012/05/teoria-do-design.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/1163270742707200476'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/1163270742707200476'/><link rel='alternate' type='text/html' href='http://juniormarcelo.blogspot.com/2012/05/teoria-do-design.html' title='Teoria do Design'/><author><name>Marcelo Junior</name><uri>http://www.blogger.com/profile/04447435436047232189</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='22' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-YG5sb8YxxzWP2EWL4leV6DgXnlRcJppkWWviuvh9DluE2rQ3FEG9ip7SDA5i0rdNzPWqSYCKe_deTPtpZh_vxU8MvGWRrFNB9vVHohcovp2sU_9IzndQCu7-aFWAcA/s220/421606_266073663472588_100002098700865_613629_706773510_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTYG1GOTT3u4_xDAZXDA4EKyFDVIcDEGUvswbIw6Hin5LOTul6BIKUsl-y2X5ekGel9d6mma9hFFh5lW8_-ckrg52AVWjnj8y3f6_1Y6PmApg92fjgCcHCDwf9BJbXMYe2RmhtCBKkCds/s72-c/contraste.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8141740395235870922.post-1700671446235822547</id><published>2012-05-10T15:59:00.003-07:00</published><updated>2012-05-10T16:04:54.499-07:00</updated><title type='text'>Disco de Newton</title><content type='html'>&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;A luz visível é uma radiação eletromagnética que as faixas de luz variam entre o vermelho e violeta, o olho humano só percebe as cores básicas que são:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;&lt;/div&gt;&lt;ul&gt;&lt;li&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;span style=&quot;color: red; text-indent: -18pt;&quot;&gt;Ø&lt;span style=&quot;font-size: 7pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: red; text-indent: -18pt;&quot;&gt;Vermelho&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #e69138; font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Ø&lt;span style=&quot;font-size: 7pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Laranja&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #ffd966; font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Ø&lt;span style=&quot;font-size: 7pt;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Amarelo&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: lime; font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Ø&lt;span style=&quot;font-size: 7pt;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Verde&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: blue; font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Ø&lt;span style=&quot;font-size: 7pt;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Azul&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;background-color: white; color: #a64d79; font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Ø&lt;span style=&quot;font-size: 7pt;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Violeta&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #073763; font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Ø&lt;span style=&quot;font-size: 7pt;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Índigo&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Isaac Newton descobriu o espectro visível. Ele utilizou um prisma triangular e atravessou sobre ele um feixe de luz branca, e teve como resultado essas sete cores. Newton também concluiu que a luz do sol, quando atravessa gotículas de água resulta em um fenômeno chamado “arco-íris” &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Isaac Newton comprovou que a luz branca é proveniente da soma de todas as cores e assim ele criou o “Disco de Newton”.&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjufse2_tH97d3Xugi4_HXLFCeghFyA7WVtEbjaUjCRQgmb4XWfBG6X_l8DN5ghkhlY4Tngakjv-NwWp0rMben-8uhUsEU53Pro9UIzRYhh_kHBqBymQf0oGdQk9PpupmPI3EadDGQBudU/s1600/discodenewton.destaque.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjufse2_tH97d3Xugi4_HXLFCeghFyA7WVtEbjaUjCRQgmb4XWfBG6X_l8DN5ghkhlY4Tngakjv-NwWp0rMben-8uhUsEU53Pro9UIzRYhh_kHBqBymQf0oGdQk9PpupmPI3EadDGQBudU/s1600/discodenewton.destaque.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://juniormarcelo.blogspot.com/feeds/1700671446235822547/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://juniormarcelo.blogspot.com/2012/05/disco-de-newton.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/1700671446235822547'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/1700671446235822547'/><link rel='alternate' type='text/html' href='http://juniormarcelo.blogspot.com/2012/05/disco-de-newton.html' title='Disco de Newton'/><author><name>Marcelo Junior</name><uri>http://www.blogger.com/profile/04447435436047232189</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='22' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-YG5sb8YxxzWP2EWL4leV6DgXnlRcJppkWWviuvh9DluE2rQ3FEG9ip7SDA5i0rdNzPWqSYCKe_deTPtpZh_vxU8MvGWRrFNB9vVHohcovp2sU_9IzndQCu7-aFWAcA/s220/421606_266073663472588_100002098700865_613629_706773510_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjufse2_tH97d3Xugi4_HXLFCeghFyA7WVtEbjaUjCRQgmb4XWfBG6X_l8DN5ghkhlY4Tngakjv-NwWp0rMben-8uhUsEU53Pro9UIzRYhh_kHBqBymQf0oGdQk9PpupmPI3EadDGQBudU/s72-c/discodenewton.destaque.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8141740395235870922.post-9166687851757578705</id><published>2012-03-29T13:32:00.000-07:00</published><updated>2012-03-29T13:32:52.236-07:00</updated><title type='text'>Cores Primárias e Cores Harmônicas</title><content type='html'>&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;O &lt;span style=&quot;color: #f1c232;&quot;&gt;Amarelo, &lt;/span&gt;o &lt;span style=&quot;color: blue;&quot;&gt;azul&lt;/span&gt;&amp;nbsp;e o &lt;span style=&quot;color: red;&quot;&gt;vermelho &lt;/span&gt;são conhecidas como as cores primárias. E assim se designam por serem cores puras, independentes e que não podem se decompor.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Através&amp;nbsp;da misturas dessas cores e que torna possível criar novas cores. Mas a mistura das três cores primarias em&amp;nbsp;simultâneo&amp;nbsp;resulta no preto&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4B69bGGtBviK4E4LkAVBxKDRJLFys7faeUTk38N3aV68RPXF-IYaLTy-ma3Ap-2LIt9mywCuiEUDZJd-aolri6OptIA9gfSjAGDtfnR01FJ1NWG1Ee1QBLOm2TxJCT72JUy80gJEuAFg/s1600/subtractiva.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4B69bGGtBviK4E4LkAVBxKDRJLFys7faeUTk38N3aV68RPXF-IYaLTy-ma3Ap-2LIt9mywCuiEUDZJd-aolri6OptIA9gfSjAGDtfnR01FJ1NWG1Ee1QBLOm2TxJCT72JUy80gJEuAFg/s1600/subtractiva.gif&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style=&quot;background-color: white; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;o esquema de cores Harmônico pode ser acromático, neutro, monocromático e o que muitos consideram o harmônico mesmo, aquele que usa diversas cores que são vizinhas no CÍRCULO CROMÁTICO. Ficam do ladinho uma da outra:&lt;/span&gt;&lt;/span&gt; &lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoyhQWf8UDQXkitu4cbN3326mFKxKq30OcIIqC6DlBhpxLoG51tSwFD349eZcK6Y2bTcYTQ4fQYG3dG4qLYQE-nttBTG8xGyB6LDrv6lFhlEcYk-R8bILyw8jdoCjBPVHoskCJxzd-vfs/s1600/circulo-cromatico.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoyhQWf8UDQXkitu4cbN3326mFKxKq30OcIIqC6DlBhpxLoG51tSwFD349eZcK6Y2bTcYTQ4fQYG3dG4qLYQE-nttBTG8xGyB6LDrv6lFhlEcYk-R8bILyw8jdoCjBPVHoskCJxzd-vfs/s320/circulo-cromatico.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Exemplo: o amarelo, amarelo alaranjado e o laranja são harmônicos.&amp;nbsp;&lt;span style=&quot;background-color: white; font-size: 16px;&quot;&gt;No esquema harmônico você pode usar 2, 3 ,&amp;nbsp; 4 cores “vizinhas”.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;background-color: white; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://juniormarcelo.blogspot.com/feeds/9166687851757578705/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://juniormarcelo.blogspot.com/2012/03/cores-primarias-e-cores-harmonicas.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/9166687851757578705'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/9166687851757578705'/><link rel='alternate' type='text/html' href='http://juniormarcelo.blogspot.com/2012/03/cores-primarias-e-cores-harmonicas.html' title='Cores Primárias e Cores Harmônicas'/><author><name>Marcelo Junior</name><uri>http://www.blogger.com/profile/04447435436047232189</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='22' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-YG5sb8YxxzWP2EWL4leV6DgXnlRcJppkWWviuvh9DluE2rQ3FEG9ip7SDA5i0rdNzPWqSYCKe_deTPtpZh_vxU8MvGWRrFNB9vVHohcovp2sU_9IzndQCu7-aFWAcA/s220/421606_266073663472588_100002098700865_613629_706773510_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4B69bGGtBviK4E4LkAVBxKDRJLFys7faeUTk38N3aV68RPXF-IYaLTy-ma3Ap-2LIt9mywCuiEUDZJd-aolri6OptIA9gfSjAGDtfnR01FJ1NWG1Ee1QBLOm2TxJCT72JUy80gJEuAFg/s72-c/subtractiva.gif" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8141740395235870922.post-3021021565725227737</id><published>2012-03-22T15:16:00.015-07:00</published><updated>2012-03-29T13:16:03.072-07:00</updated><title type='text'>Site</title><content type='html'>&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;O que é site?&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Site é um conjunto de páginas da web, hipertextos utilizados pelo protocolo HTTP. Todos os sites públicos existentes compõem a Word Wide Web. As páginas de um site são organizadas de um URL, onde fica a página principal, essas páginas são organizadas por uma hierarquia.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;“Word Wide Web” em português significa ( “Rede de alcance mundial”)&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Para a pessoa visualizar as informações, tem que usar um programa de computador que é &lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;acessadas por uma URL simples chamada homepage.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;chamado “navegador” para poder descarregar as informações.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Alguns sites requerem uma assinatura para acessar todos os seus conteúdos.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Exemplos de Sites:&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;&lt;a href=&quot;http://www.globo.com/&quot; style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;http://www.globo.com/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.amazon.com/&quot;&gt;&lt;span style=&quot;color: black; font-family: Arial, Helvetica, sans-serif;&quot;&gt;http://www.amazon.com/&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.itau.com.br/index.htm&quot;&gt;&lt;span style=&quot;color: black; font-family: Arial, Helvetica, sans-serif;&quot;&gt;http://www.itau.com.br/index.htm&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www5.fgv.br/fgvonline/default.aspx&quot;&gt;&lt;span style=&quot;color: black; font-family: Arial, Helvetica, sans-serif;&quot;&gt;http://www5.fgv.br/fgvonline/default.aspx&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.youtube.com/&quot;&gt;&lt;span style=&quot;color: black; font-family: Arial, Helvetica, sans-serif;&quot;&gt;http://www.youtube.com/&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.milliondollarhomepage.com/&quot;&gt;&lt;span style=&quot;color: black; font-family: Arial, Helvetica, sans-serif;&quot;&gt;http://www.milliondollarhomepage.com/&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.netshoes.com.br/&quot;&gt;&lt;span style=&quot;color: black; font-family: Arial, Helvetica, sans-serif;&quot;&gt;http://www.netshoes.com.br/&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.aol.com/&quot;&gt;&lt;span style=&quot;color: black; font-family: Arial, Helvetica, sans-serif;&quot;&gt;http://www.aol.com/&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://application.nokia.com.br/2007/br/musicrooms/&quot;&gt;&lt;span style=&quot;color: black; font-family: Arial, Helvetica, sans-serif;&quot;&gt;http://application.nokia.com.br/2007/br/musicrooms/&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.samambaia.com.br/&quot;&gt;&lt;span style=&quot;color: black; font-family: Arial, Helvetica, sans-serif;&quot;&gt;http://www.samambaia.com.br/&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Homepage&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Página principal ou homepage&amp;nbsp; é a página inicial de um site, como se fosse uma capa de revista.&lt;span style=&quot;background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; line-height: 115%;&quot;&gt; A maioria das homepages começa com uma recepção e um pouco de informação sobre o seu site. No entanto, maiores websites projetados para navegação, tais como lojas, coleções de entretenimento livre, e sites informativos&lt;/span&gt;.&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Hiperlink&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Hiperlink é um sinônimo de link e significa qualquer coisa que se coloca na página da web e quando clicada com o botão esquerdo do mouse abre uma página diferente. Esse lugar diferente pode ser na própria página e pode ser também um formulário ou página de e-mail.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Sendo assim link é um endereço que o computador segue para chegar a algum lugar.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Os links aparecem ao usuário como uma palavra ou expressão, esta palavra aparece sublinhado e em cor azul e também podem aparecer com outras cores. A forma mais comum de apresentação do link é com o endereço do site, por exemplo: &lt;a href=&quot;http://www.otimizacao-sites-busca.com/&quot;&gt;http://www.otimizacao-sites-busca.com/&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://juniormarcelo.blogspot.com/feeds/3021021565725227737/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://juniormarcelo.blogspot.com/2012/03/o-que-e-site.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/3021021565725227737'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/3021021565725227737'/><link rel='alternate' type='text/html' href='http://juniormarcelo.blogspot.com/2012/03/o-que-e-site.html' title='Site'/><author><name>Marcelo Junior</name><uri>http://www.blogger.com/profile/04447435436047232189</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='22' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-YG5sb8YxxzWP2EWL4leV6DgXnlRcJppkWWviuvh9DluE2rQ3FEG9ip7SDA5i0rdNzPWqSYCKe_deTPtpZh_vxU8MvGWRrFNB9vVHohcovp2sU_9IzndQCu7-aFWAcA/s220/421606_266073663472588_100002098700865_613629_706773510_n.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8141740395235870922.post-2693753592635083202</id><published>2012-03-15T19:00:00.000-07:00</published><updated>2012-03-15T19:00:25.006-07:00</updated><title type='text'>Linguagens de Marcação</title><content type='html'>Linguagem de marcação é representada por um conjunto de códigos, que tem a finalidade de adicionar informações sobre esse dado ou texto. A linguagem de marcação é utilizada em indústria editorial que faz a marcação e formatação usando esse recurso.&lt;br /&gt;
Linguagens de marcação são linguagens que combinam texto com informações sobre ele. Assim, as marcações são divididas, basicamente, em três classes: as marcações apresentacionais, procedimentais e descritivas.&lt;br /&gt;
SGM é a linguagem de marcação padrão, que oferece várias sintaxes de marcação, que podem ser utilizadas em diversas aplicações. &lt;br /&gt;
HTML é uma linguagem de marcação de texto. Mais especificamente, uma linguagem de marcação de hipertexto.&lt;br /&gt;
KML é uma gramática especializada da linguagem de marcação XML  utilizada para codificar representações de dados geográficos para exibição em navegadores de mapas.</content><link rel='replies' type='application/atom+xml' href='http://juniormarcelo.blogspot.com/feeds/2693753592635083202/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://juniormarcelo.blogspot.com/2012/03/linguagens-de-marcacao_15.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/2693753592635083202'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/2693753592635083202'/><link rel='alternate' type='text/html' href='http://juniormarcelo.blogspot.com/2012/03/linguagens-de-marcacao_15.html' title='Linguagens de Marcação'/><author><name>Marcelo Junior</name><uri>http://www.blogger.com/profile/04447435436047232189</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='22' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-YG5sb8YxxzWP2EWL4leV6DgXnlRcJppkWWviuvh9DluE2rQ3FEG9ip7SDA5i0rdNzPWqSYCKe_deTPtpZh_vxU8MvGWRrFNB9vVHohcovp2sU_9IzndQCu7-aFWAcA/s220/421606_266073663472588_100002098700865_613629_706773510_n.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8141740395235870922.post-1514245255638938985</id><published>2012-03-15T18:36:00.000-07:00</published><updated>2012-03-15T18:36:34.775-07:00</updated><title type='text'>Internet e sua Origem</title><content type='html'>&lt;div style=&quot;text-align: justify;&quot;&gt;A internet foi originada da Arpanet. Esta rede privada era destinada a interligar computadores dos centros de pesquisas, e ele permitia o compartilhamento de recursos entre os pesquisadores que trabalhavam com projetos. Em 1972 o governo mostrou o projeto pioneiro à sociedade e essa idéia se expandiu. Em 1980 a Internet teve o protocolo IP que serve para conectar sistemas.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Em 1983 o nome Internet surgiu definitivamente, e três anos depois a National Science Foundation criou uma ligação de alta velocidade. Então o governo decidiu financiar a formação de redes e todo país. Com o crescimento da Internet  e o uso do IP, outras redes perderam sua força .&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Em 1990 a Internet alcançou a população em geral, neste ano, o engenheiro inglês Tim Bernes-Lee desenvolveu a World Wide Web, que possibilitava uma interface gráfica e sites mais dinâmicos, e nesse momento cresceu muito.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Para facilitar a navegação pela Internet, surgiram vários navegadores, como a Internet Explorer. A Internet passou a ser utilizada por vários segmentos sociais, As empresas descobriram na Internet um excelente caminho para melhorar seus lucros e as vendas on line dispararam, transformando a Internet em verdadeiros shoppings centers virtuais.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://juniormarcelo.blogspot.com/feeds/1514245255638938985/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://juniormarcelo.blogspot.com/2012/03/internet-e-sua-origem.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/1514245255638938985'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8141740395235870922/posts/default/1514245255638938985'/><link rel='alternate' type='text/html' href='http://juniormarcelo.blogspot.com/2012/03/internet-e-sua-origem.html' title='Internet e sua Origem'/><author><name>Marcelo Junior</name><uri>http://www.blogger.com/profile/04447435436047232189</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='22' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-YG5sb8YxxzWP2EWL4leV6DgXnlRcJppkWWviuvh9DluE2rQ3FEG9ip7SDA5i0rdNzPWqSYCKe_deTPtpZh_vxU8MvGWRrFNB9vVHohcovp2sU_9IzndQCu7-aFWAcA/s220/421606_266073663472588_100002098700865_613629_706773510_n.jpg'/></author><thr:total>0</thr:total></entry></feed>