quinta-feira, 26 de novembro de 2015

Como deixar imagens Responsivas (Tutorial)

Como deixar imagens Responsivas (Tutorial)

Link to Montar um Blog - Dicas, Ferramentas e Tutoriais

Como deixar imagens Responsivas (Tutorial)

Posted: 26 Nov 2015 02:41 AM PST

Criar páginas “responsivas” é essencial para garantir maior compatibilidade do seu Website com todos os dispositivos (smartphones, tablets, computadores e até TVs). Criar um site responsivo é bastante simples, especialmente se você usar WordPress.org. No entanto, vários usuários levantaram a questão: “Como deixar imagens responsivas?”. Para responder a essa questão (e...

Aceda ao nosso site para continuar a ler, clique no título.

terça-feira, 24 de novembro de 2015

Visual Dicas

Visual Dicas

Link to Visual Dicas

A Evolução do Windows (Windows 1.0 ao Windows 10)

Posted: 23 Nov 2015 11:11 AM PST

10251170

Microsoft Windows - 30 anos de história

Escrito originalmente em 20/10/2012 | Atualizado em 23/11/2015

Foi em 20 de novembro de 1985 que a Microsoft lançou a primeira versão do sistema operacional gráffico para desktop conhecido como Windows, criando uma nova era na informática. Nestes 30 anos o mundo conheceu 19 versões distintas que vai da versão Windows 1.0 até a versão do novíssimo Windows 10.

image

A seguir vamos descrever um pouquinho sobre as principais versões do Windows para PC, segundo a Wikipédia e sites de informática…

Windows – Linha do Tempo

Veja abaixo as principais versões Windows para relembrar a história da plataforma de computação mais utilizada no mundo:

1985 – Windows 1.0

Windows 1.0 foi o primeiro da família Windows. Inicialmente, o Windows não era um sistema operacional próprio, mas sim uma interface bidimensional entre o MS-DOS e o usuário. Suas funcionalidades eram relativamente limitadas. (fonte: Wikipedia)

windows-11

1987 – Windows 2.x

O Windows 2.x foi uma interface gráfica do utilizador baseada em ambiente de funcionamento da Microsoft distribuído com o software para scanners da Hewlett-Packard. Foi lançado em 9 de dezembro de 1987 e substituído, posteriormente, pelo Windows 3.0 em 1990. Ele era apresentado em 8 disquetes de alta densidade de 5,25" de 360 KB cada um.

O Windows 2.0 praticamente tem a mesma interface do Windows 1.0, com a diferença de ter mais recursos, ferramentas e cores. Os computadores daquela época eram ainda muito lentos quando estes utilizavam uma interface gráfica de boa qualidade. Permite a sobreposição de janelas e estas podem maximizar e minimizar. O Painel de Controle aparece pela primeira vez…

Existem duas versões especiais do Windows 2.1:

  • Windows 2.1/286 foi lançada para aproveitar todos os recursos dos microprocessadores 286;
  • Windows 2.1/386 foi lançada para aproveitar todo o potencial dos microprocessadores 386. (fonte Wikipedia)

Windows2

1990 – Windows 3.x

Os ambientes operacionais Windows 3.x da família Microsoft Windows foram lançados entre 1990 e 1994. A versão 3.0 foi o primeiro sucesso amplo do Windows, permitindo que a Microsoft pudesse competir com a Apple Computer e seu sistema, com o Macintosh da Apple Inc., e com o Commodore Amiga, que utilizava o GUI. Não eram

propriamente sistemas operacionais, pois tinham como pré-requisito a existência de uma versão do DOS - Disk Operating System, devidamente instalada no computador.

Nesta versão a interface ganha um Gerenciador de Programas e Ícones (atalhos para aplicativos organizados em grupos) e suporte às fontes True Type. (fonte wikipedia).

win30

1995 – Windows 95

O Microsoft Windows 95 (codinome Chicago) é um sistema operacional de 16/32 bits criado pela Microsoft. Lançado em 24 de agosto de 1995, o Windows 95 revolucionou o mercado de sistemas operacionais e passou a vir instalado por padrão com o MS-DOS 7.0 (e não mais separado, como era antes), sendo o principal lançamento da empresa na década de 1990. Entre outras coisas, efetivava o sistema de arquivos FAT-16 (ou VFAT). Os ficheiros (arquivos) puderam a partir de então ter 256 caracteres e não apenas 8 como sucedia nas versões anteriores. O salto do Windows 3.1 para o Windows 95 foi enorme e fez com que a Microsoft pulasse para ser a mais popular distribuidora de sistemas operacionais.

Um dos grandes problemas do Windows 95 era a instabilidade ao rodar aplicativos escritos para o Windows 3.x, pois o Windows 95 passava a executar a multitarefa cooperativa (exatamente como o Windows 3.x) entregando ao aplicativo o gerenciamento do processador e da memória, podendo resultar em travamentos e reinicializações do computador, caso o aplicativo executasse alguma tarefa indevida.

Nesta versão houve a primeira aparição do menu iniciar e da barra de tarefas.

win95

1998 – Windows 98 

O Microsoft Windows 98 (nome de código Memphis) era um sistema operacional produzido pela Microsoft que foi lançado em 25 de Junho de 1998, sendo o sucessor do Windows 95. A maior novidade desta versão era a completa integração do sistema operacional com a internet utilizando o Internet Explorer 4. Introduziu o sistema de arquivos FAT-32 e começou a introduzir o teletrabalho (só foi possível devido à integração do Web). Melhorou bastante a interface gráfica e incluiu o suporte a muitos monitores e ao USB. Mas, por ser maior do que o Windows 95 e possuir mais funções, era também mais lento e mais instável. A versão 98 foi a última baseado no sistema operacional MS-DOS (fonte: wikipedia)

windows-98

2000 - Windows ME

O Microsoft Windows Millennium Edition (ME de Millennium Edition) é uma versão da popular linha de sistemas operacionais Windows para computadores pessoais, lançado pela Microsoft em 14 de Setembro de 2000 sendo o sucessor do Windows 98. Essa versão do Windows trouxe algumas inovações, como a capacidade de lidar com várias mídias digitais, vindo pronto para o MP3, um programa de edição de vídeo (Windows Movie Maker), um assistente de criação de redes digitais domésticas e versões de programas atualizados. Além disso, também foi incluída uma versão limitada da função hoje presente no Windows XP, que é a de "Restauração do Sistema", que permite restaurar arquivos de sistema importantes, caso alguma modificação do sistema ou instalação de software tenha dado errado.

Como o Windows ME pertencia a família 9x, a Microsoft voltou a investir na bem sucedida família NT que ganhou uma versão Home com o lançamento do Windows XP, para receber os usuários vindos do Windows 98 / Me. Com todo sucesso dos NT (2000,XP,Vista,7) a família 9X foi finalmente abandonada como a Microsoft já planejava fazer. O suporte ao cliente do Windows ME foi de apenas 6 anos, terminando em 11 de julho de 2006. (fonte wikipedia);

megames

2001 – Windows XP 

O Windows XP é uma família de sistemas operacionais de 32 e 64-bits produzido pela Microsoft, para uso em computadores pessoais, incluindo computadores residenciais e de escritórios, notebooks e media centers. O nome "XP" deriva de eXPerience,[2]. O Windows XP é o sucessor de ambos os Windows 2000 e Windows Me e é o primeiro sistema operacional para consumidores produzido pela Microsoft construído em nova arquitetura e núcleo (Windows NT 5.1). O Windows XP foi lançado no dia 25 de Outubro de 2001, e mais de 400 milhões de cópias estavam em uso em Janeiro de 2006, de acordo com estimativas feitas naquele mês pela empresa de estatísticas IDC.[3]

As duas principais edições do sistema operacional são o Windows XP Home Edition, que é destinada a usuários domésticos, e o Windows XP Professional Edition, que oferece recursos adicionais, tais como o Domínio de Servidor do Windows, dois processadores físicos e é direcionada a usuários avançados e a empresas. O Windows XP Media Center Edition tem mais recursos de multimídia possuindo a capacidade de gravar e sintonizar programas de televisão, ver filmes de DVD, e ouvir música.

O Windows XP é conhecido pela sua estabilidade e eficiência que melhoraram ao longo das versões 9x do Microsoft Windows. Ele apresenta uma nova interface gráfica, uma mudança que o tornou mais amigável do que versões anteriores do Windows. É também a primeira versão do Windows a usar um programa de ativação na luta contra a pirataria de software, uma restrição que não foi muito bem aceita por muitos usuários que defendiam a privacidade. O Windows XP também foi criticado por alguns usuários devido suas vulnerabilidades de segurança, sua fraca integração entre aplicativos, como o Internet Explorer 6 e Windows Media Player, e para funções de contas de usuário. Suas últimas versões com o Service Pack 2, o 3 e o Internet Explorer 7 resolveram alguns desses problemas (fonte: Wikipedia).

windows_xp_iniciar

2007 – Windows Vista

O Windows Vista é um sistema operacional desenvolvido pela Microsoft para uso em computadores pessoais, incluindo computadores residenciais e de escritórios, laptops, Tablet PCs e computadores Media Centers. Antes do seu anúncio em 22 de Julho de 2005, o Windows Vista era conhecido pelo nome de código Longhorn.[1]O lançamento do Windows Vista veio mais de cinco anos depois da introdução do seu predecessor, o Windows XP, sendo o período mais longo entre lançamentos consecutivos de versões do Microsoft Windows.

O Windows Vista possui novos recursos e funções dos que os apresentados por sua versão anterior o Windows XP, como uma nova interface gráfica do usuário, apelidada de Windows Aero antes conhecido pelo codinome Avalon, funções de busca modificadas (passando à atuar como as ferramentas Pesquisa, Executar e como o Windows Explorer), novas ferramentas de criação multimídia como o Windows DVD Maker, e completamente renovadas aplicações para redes de comunicação, áudio, impressão e subsistema de exibição; o que gerou uma grande dificuldade na aceitação do sistema pelos usuários finais devido à sua grande alteração e à sua grande exigência do computador (para operá-lo corretamente é necessário um mínimo de 1 GB de Memória RAM, e para uma utilização padrão o ideal é 2 GB) - (fonte wikipedia).

Problemas de desempenho e compatibilidade afastam usuários que preferem utilizar o Windows XP.

windows-vista-browser

2009 – Windows 7

O Windows 7 é uma versão do Microsoft Windows, uma série de sistemas operativos produzidos pela Microsoft para uso em computadores pessoais, incluindo computadores domésticos e empresariais, laptops e PC's de centros de mídia, entre outros.[1] Windows 7 foi lançado para empresas no dia 22 de julho de 2009, e começou a ser vendido livremente para usuários comuns às 00:00 horas do dia 22 de outubro de 2009, menos de 3 anos depois do lançamento de seu predecessor, Windows Vista.

Diferente do Windows Vista, que introduziu um grande número de novas características, Windows 7 foi uma atualização mais modesta e focalizada para a linha Windows, com a intenção de torná-lo totalmente compatível com aplicações e hardwares com os quais o Windows Vista já era compatível. Apresentações dadas pela companhia no começo de 2008 mostraram um "Shell" novo, com uma barra de tarefas diferente, um sistema de "network" chamada de "HomeGroup", e aumento na performance. Algumas aplicações que foram incluídas em lançamentos anteriores do Windows, como o Calendário do Windows, Windows Mail, Windows Movie Maker e Windows Photo Gallery não serão incluidos no Windows 7 - estes são oferecidos separadamente como parte gratuito do Windows Live Essentials, para download gratuito. Em 2012, o Windows 7 alcançou 46,7% dos usuários mundiais, continuando como o sistema operacional mais usado do mundo, ultrapassando até o Windows XP (fonte: wikipedia).

windows-7-64-bits-imagem-2

2012 – Windows 8

Windows 8 é um sistema operacional da Microsoft para computadores pessoais, portáteis, netbooks e tablets[5]. É o sucessor do Windows 7. Foi anunciado oficialmente por Steve Ballmer, diretor executivo da Microsoft, durante a conferência de pré-lançamento do sistema operacional. Segundo a empresa, este sistema operacional será um sistema para qualquer dispositivo, com uma interface totalmente nova, [6] adaptada para dispositivos sensíveis ao toque.

A Microsoft lançou o Windows Developer Preview, primeiro a beta para o público, no dia 13 de setembro de 2011, sendo seguida pela versão Consumer Preview no dia 29 de fevereiro de 2012.[9] No dia 31 de maio de 2012, foi liberada para download a versão Windows 8 Release Preview. A versão final tem lançamento previsto a 26 de outubro de 2012. (fonte: wikipedia)

windows-8-metro1

2014 - Windows 8.1

Apesar de não ter sido um lançamento totalmente novo, esse update gratuito suavizou as piores coisas do Windows 8. Os usuários podiam escolher inicializar para o desktop em vez da tela Iniciar, e o botão Iniciar voltou (mas não o verdadeiro menu Iniciar, que voltou apenas no Windows 10).

image

2015 - Windows 10

A Microsoft lançou o Windows 10 Technical Preview (nome de código Threshold) no dia 30 de setembro de 2014 e em seu lançamento foi enfatizado o retorno do Menu Iniciar de que tanto os utilizadores sentiam falta.

Quanto ao design, houve muitas alterações quando se compara com a versão anterior (Windows 8.1). A promessa do novo Windows é de unir o melhor de dois mundos que se tornaram distantes (Windows 7 e Windows 8.1).

Outro recurso apresentado foram as novas Live Tiles, que podem ser inseridas agora, ao lado do Menu Iniciar, e dimensionadas, tal como no Windows 8.1. Além disso, o Windows 10 traz diversos novos recursos e inovações que superam, em quantidade, as apresentadas no Windows Vista. Diversos recursos e funcionalidades foram substituídas/remodeladas ou, simplesmente, deletadas, tornando o sistema mais limpo e fluído. Funcionalidades comuns, como calculadora e o Internet Explorer, por exemplo, foram substituídas pelos Aplicativos Universais.

No dia 29 de julho de 2015, a versão final do Windows 10 foi lançada pela Microsoft.

Conheça o Windows 10:

Para saber mais sobre o Windows 10  e atualizar o seu computador acesse o link: Windows 10 - Faça coisas incríveis.

image

sábado, 21 de novembro de 2015

Visual Dicas

Visual Dicas

Link to Visual Dicas

Como centralizar um widget no seu blog

Posted: 20 Nov 2015 11:25 AM PST

 Como centralizar um widget no seu blog - Visual Dicas 

Centralize widgets no seu blog – é muito simples

Escrito originalmente em 10/10/2009 |  Atualizado em 20/11/2015

Por experiência própria, todos nós iniciantes na arte de blogar, temos uma certa dificuldade com códigos HTML e CSS, principalmente quando inserimos widgets em nossos blogs…

Muitas vezes, quando adicionamos um widget no blog (veja: Como instalar um Widget no seu Blog), dependendo do template utilizado, ele fica à esquerda no layout, fugindo da estética que queremos…

Vejamos o exemplo abaixo, onde eu adiciono o código HTML:

E ele aparecerá á esquerda, conforme figura abaixo,

Como centralizar um widget no seu blog - Visual Dicas

Para centralizar, basta acrescentar "<center>" no início do código e "</center>" no final, ficando assim:

<center> <a href="http://www.blogolista.com"><img alt="Melhores links e blogs" src="http://blogolista.com/images/banners/blogolista_240.png"/> <a> <center>

Entretanto, a utilização da tag <center> </center> está sendo descontinuada para o HTML. O mesmo acontece para o atributo align="center" que também já não é mais suportado pelo HTML5.

Sendo assim, recomendamos que utilize a CSS text-align:center, que poderá ser colocada diretamente na tags <div> </div> através do atributo style=, ficando desta forma:

<div style="text-align:center;"> <a href="http://www.blogolista.com"> <img alt="Melhores links e blogs" src="http://blogolista.com/images/banners/blogolista_240.png"/> <a> </div>

No blogger, utilize Configurar HTML/JavaScript, altere o código conforme descrito acima:

Como centralizar um widget no seu blog - Visual Dicas

Agora veja o resultado abaixo,

Como centralizar um widget no seu blog - Visual Dicas

Para posicionar á esquerda, utilize "text-align:left", ficando assim:

<div style="text-align:left;"> <a href="http://www.blogolista.com"> <img alt="Melhores links e blogs" src="http://blogolista.com/images/banners/blogolista_240.png"/> <a> </div>

Como centralizar um widget no seu blog - Visual Dicas

E para posicionar à direita, utilize "text-align:right", ficando assim:

<div style="text-align:right;"> <a href="http://www.blogolista.com"> <img alt="Melhores links e blogs" src="http://blogolista.com/images/banners/blogolista_240.png"/> <a> </div>

Como centralizar um widget no seu blog - Visual Dicas

Como pode ver, conhecer um pouco de HTML e CSS ajuda muito a aproveitar mais dos recursos da web tanto na estética como no conteúdo do seu blog. É altamente recomendável aprendermos um pouco desta linguagem através de cursos ou observando blogs e sites de terceiros…

Por que a tag <center> </center> foi descontinuada?

Observações sobre a descontinuidade das tags <center> </center> e o atributo align="center"

1. Conforme as linguagens HTML, CSS e JavaScript foram evoluindo, os padrões da web, sob controle da W3C - World Wide Web, foram revistos e passaram a ser separados por responsabilidades:

HTML: dar estrutura ao conteúdo de acordo com o seu sentido.

CSS: definir a aparência do HTML renderizado.

JavaScript: definir o comportamento do documento na interação com os usuários.

A tag <center> tinha um fim puramente visual, e não estrutural ou semântico. Portanto era uma parte do HTML que deveria estar sendo tratada pelo CSS, e por isso foi descontinuada. Isso ocorreu também com diversos outros elementos e atributos, como o <div align="center"> que também era utilizado para este fim.

2. Muitos navegadores, como o Mozilla Firefox, Chrome e outros ainda fornecem suporte aos elementos depreciados citados acima. Mas isso pode não acontecer para sempre. Portanto, recomendamos que na medida do possível, atualizem os códigos utilizados, evitando-se problemas futuros.

3. Como vimos anteriormente a centralização de um widget deve ser tratada pelo CSS (Cascading Style Sheets é uma "folha de estilo" composta por "camadas"). Se você já tem algum conhecimento sobre esta linguaem, poderá criar classes para centralizar, alinhar à esquerda ou à direita, como mostramos no exemplo abaixo:

<style>

div.center {text-align:center;}

div.lef {text-align:left;}

div.right {text-align:right}

</style>

Depois é só colocar a classe desejada nas tags <div> </div>, ficando desta forma caso queira centralizar o widget:

<div class="center"> <a href="http://www.blogolista.com"> <img alt="Melhores links e blogs" src="http://blogolista.com/images/banners/blogolista_240.png"/> <a> </div>

Para saber mais sobre CSS, leia: O que é CSS? e Simulador CSS e HTML – Ótimo para iniciantes…, Como usar CSS no Wordpress e Como inserir códigos CSS no Blogger.

até mais… ( byALF)

 

Veja também:

  Como instalar um Widget no seu Blog -(Blogger)

Como inserir Widgets no Wordpress sem a instalação de plugins

domingo, 15 de novembro de 2015

Visual Dicas

Visual Dicas

Link to Visual Dicas

Como usar o recurso “links relacionados” do Google Adsense e promover os artigos do seu blog

Posted: 14 Nov 2015 01:38 PM PST

Conteúdo correspondente – Google Adsense.

Definição de acordo com o Google Adesense:

"Conteúdo correspondente é uma ferramenta de recomendação gratuita que oferece a você uma forma simples de promover seus artigos aos visitantes do seu site. Ao tornar mais fácil a localização do conteúdo de interesse pelos seus leitores, é possível aumentar as exibições de página, o tempo gasto no seu site, a lealdade dos leitores, o número de impressões de anúncios e, por fim, a receita dos anúncios".

Com os blocos de Conteúdo Correspondente do AdSense, você escolhe em que posição do blog deseja inserir esse recurso, de acordo com a relevância de cada área de exposição, da mesma forma como fazemos com widget's de links relacionados no Blogger ou no WordPress. (Leia também: Como inserir uma lista de links relacionados no seu Blogger e Como inserir uma lista de links relacionados no seu Wordpress)

Alguns pontos importantes sobre os blocos de Conteúdo Correspondente do Google Adsense:

  • Os blocos de conteúdo correspondente chamam a atenção dos seus visitantes para um conteúdo relevante, o que irá ajudar a aumentar as exibições de página e o tempo de permanência no blog ou site;
  • Você poderá inserir os blocos de conteúdo correspondente em qualquer página dos seus sites e blogs que forem qualificados pelo Google;
  • Os blocos de conteúdo correspondente do AdSense não são contabilizados no limite por página de anúncios do Google, ou seja, você não terá que abrir mão de nenhum bloco de anúncio para utilizá-los;
  • As indicações de conteúdo são feitas somente para o próprio site, não sendo possível fazer o direcionamento para sites externos;
  • Os blocos de conteúdo correspondente funcionam normalmente em qualquer tipo de equipamento, seja ele um desktop, celulares e tablets;
  • Você não poderá usar os blocos de conteúdo com a ferramenta Experiências do AdSense para realização de testes A/B em anúncios.

ATENÇÃO: O recurso de conteúdo correspondente não está disponível para todos os editores. Para se qualificar, você precisa ter um site que atenda aos nossos requisitos mínimos de volume de tráfego e número de páginas únicas.

Verificando se seu site está qualificado

Você pode verificar se seu site foi aprovado para conteúdo correspondente na seção "Gerenciamento do site" da sua conta do Google AdSense. Para consultar o status de aprovação do seu site:

1- Entre em sua conta do Google AdSense.

Acesse o site: www.google.com/adsense

Caso não esteja conectado clique em [Faça login]. Se você não tem uma conta ainda, clique em [Começar agora mesmo].

2- Após o login, clique no ícone da engrenagem  e selecione a opção [Configurações].

3- Na barra lateral esquerda, em Conta, clique no item [Gerenciamento do Site]

4- Clique na aba [Propriedades] e verifique a coluna Conteúdo correspondente.Se for indicado como Pronto, seu site foi aprovado para inserir blocos de conteúdo correspondente, caso contrário, você não poderá utilizar os blocos de conteúdo correspondente no site indicado.

No nosso exemplo observamos que o site blogolista.com está qualificado, portanto aprovado para utilizar o recurso conteúdo correspondente do Google Adsense.

Colocando o Conteúdo Correspondente no site

1- Vá para a página [Meus anúncios] do Google Adsense.

2- Clique no botão [+Novo blog de anúncios].

3- Monte o seu anúncio como de costume. Identifique como um Nome, escolha um tamanho de anúncio que se ajuste ao seu layout. Recomendamos que utilize o tamanho Responsivo, que se ajusta automaticamente ao seu site.

Selecione [Conteúdo correspondente] na lista suspensa Tipo de anúncio durante o processo.

Depois de definido o seu bloco de Conteúdo Correspondente, clique em [Salvar e obter código].

4- Copie o código do anúncio.

5- Agora é só copiar o código no seu blog ou site.

Procure colocar o wideget do conteúdo correspondente abaixo da postagem. Se você não sabe como inserir o código no blog, leia os artigos abaixo:

Como instalar um Widget no seu Blog -(Blogger)

Como inserir Widgets no Wordpress sem a instalação de plugins

Veja a seguir como fica a nossa lista de posts relacionados do www.blogolista.com. O legal é que você pode rolar os links através dos botões Próximo e Anterior.

Testar widget antes de colocar no blog – #dica

Antes de você adicionar o widget no blog, você poderá fazer um teste no Squids Editor.

Cole o código HTML no campo Código Fonte. Clique no botão [Enviar Código] para ver o Resultado. Teste o widget, se funcionar corretamente adicione-o no seu blog.

Para saber mais…

Na Página Inicial do Google Adsense, em  Impulsione o engajamento do público-alvo, clique no botão [Comece agora mesmo].

byALF

Afilia-se na NetAffiliation

Ganhe dinheiro com os Programas de Afiliados