Thiago Azevedo http://thiagoazevedo.com Sun, 25 Jul 2010 17:39:53 +0000 en hourly 1 http://wordpress.org/?v=3.1-alpha Pulo de Folha na Impressão com CSS http://thiagoazevedo.com/2010/07/pulo-de-folha-na-impressao-com-css/ http://thiagoazevedo.com/2010/07/pulo-de-folha-na-impressao-com-css/#comments Thu, 22 Jul 2010 18:13:55 +0000 Thiago Azevedo http://thiagoazevedo.com/?p=39 Read the Rest...
]]> Hoje um colega de trabalho veio me perguntar como fazer para que quando a impressão de uma página  chegasse em determinado elemento pulasse para uma próxima folha.

Acredito que algumas pessoas possam ter essa dúvida então vamos ver como podemos fazer isso.

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Teste de impressão</title>
  6. </head>
  7. <body>
  8.  
  9. Teste 1
  10. <div style="page-break-before: always"></div>
  11. Teste 2
  12. <div style="page-break-before: always"></div>
  13. Teste 3
  14.  
  15. </body>
  16. </html>

Como podemos ver nas linhas 10 e 12 inserimos uma propriedade dentro da div chamada “page-break-before” com o atributo “always”, com isso faremos que o próximo elemento se mude para uma nova página na hora de imprimir.

Neste exemplo teríamos 3 páginas uma com “Teste 1″ outra com “Teste 2″ e a última com “Teste 3″.

Testado nos navegadores IE6, IE7, IE8, Firefox, Chrome, Opera, Safari.

]]> http://thiagoazevedo.com/2010/07/pulo-de-folha-na-impressao-com-css/feed/ 1 Instalando Apache, MySQL e PHP localmente – WAMP http://thiagoazevedo.com/2010/07/instalando-apache-mysql-e-php-localmente-wamp/ http://thiagoazevedo.com/2010/07/instalando-apache-mysql-e-php-localmente-wamp/#comments Wed, 21 Jul 2010 14:47:24 +0000 Thiago Azevedo http://thiagoazevedo.com/?p=18 Read the Rest...
]]> Hoje em dia a maioria dos desenvolvedores web precisam utilizar esse ambiente de desenvolvimento. E muitos  se perdem na hora da instalação como: qual versão instalar? Como configurar? Onde baixar cada componente? Como instalar as extensões?

Há várias maneiras de se instalar o WAMP (que significa Windows, Apache, MySQL, PHP5) , mas hoje vou mostrar uma das maneiras que eu particularmente acho mais fácil, utilizando o WampServer.

Primeiramente você precisa baixar o programa que pode ser encontrado aqui, é apenas um arquivo e eu recomendo baixar a última versão.

Após baixar o arquivo execute-o e siga as telas abaixo:

Tela de Instalação do WampServer 2.0

A instalação é simples, nessa tela clique em Next.

Tela de instalação WampServer

Nessa tela clique em "I accept the agreement" depois em "Next".

Tela de instalação WampServer

Aqui é onde você escolhe o diretório da instalação, recomendo deixar o padrão, clique em Next.

Tela de instalação WampServer

Se desejar criar atalhos selecione os campos e depois clique em Next.

Tela de instalação WampServer

Confirme e clique em Install.

Tela de instalação WampServer

Durante a instalação o seu Firewall pode bloquear o acesso ao Apache, clique em Permitir Acesso.

Tela de instalação WampServer

Pronto você instalou o WAMP no seu computador. Para executa-lo selecione o check e clique em Finish.

Foi muito fácil, não foi? Agora vamos ver como  podemos configurar e usa-lo.

No seu navegador digite "http://localhost" (sem aspas)

Tela de instalação WampServer

Após digitar “http://localhost”, você irá acessar a página acima, ela nós mostra as exteções PHP ativas e as pastas que podemos acessar, no momento temos o phpMyAdmin, quando desejar  acessar o MySQL clique nesta pasta.

Para que você possa inserir seus arquivos vá na pasta de instalação do WAMP, que por padrão está em “C:\wamp”. Dentro dela há uma pasta chamada “www”, é  dentro dela que você poderá criar seus arquivos ou pastas.

Por exemplo, se você criar uma pasta dentro da pasta “www” chamada “projetos” você poderá acessa-la pelo endereço “http://localhost/projetos”.

Agora vamos ver como acessamos as configurações do WAMP.

Tela de instalação WampServer

Botão de status para as configurações do WAMP.

Para acessar as configurações do WAMP é só clicar com o botão esquerdo do mouse, ali você poderá ativar extensões do Apache, PHP e MySQL entre outras opções.

Agora quando você clicar com o botão direito do mouse irá aparecer outras configurações do WampServer como Idiomas, Refresh e Sair dentre outros.

Agora você já sabe como instalar e configurar o WAMP.

]]> http://thiagoazevedo.com/2010/07/instalando-apache-mysql-e-php-localmente-wamp/feed/ 0 Hello, World! http://thiagoazevedo.com/2010/07/hello-world/ http://thiagoazevedo.com/2010/07/hello-world/#comments Tue, 20 Jul 2010 19:06:52 +0000 Thiago Azevedo http://thiagoazevedo.com/?p=5 Read the Rest...
]]> Olá mundo! Ou melhor, olá aos poucos que vão ler isto, a tempos estou para lançar meu site pessoal, comecei a desenvolver ele 3 vezes, mas nunca consegui termina-lo seja por falta de tempo, preguiça ou qualquer outra desculpa que não consigo pensar agora.

Tendo esse dilema caí no ditado popular “Casa de ferreiro, espeto de pau”, e resolvi lançar o meu site usando um template do WordPress, mas prometo que logo vou terminar o meu (espero).

Afinal quem é você? Meu nome é Thiago Azevedo, sou formado em Tecnologia da Web trabalho na área  há 4 anos e no momento estou trabalhando como Webmaster.

Sobre o que você vai escrever? Sobre tudo o que eu quiser, principalmente assuntos relacionados a desenvolvimento web, como CMS, linguagens de programação, CSS e tecnologias em geral.

Espero que com isso eu possa ajudar à outros, compartilhando o que sei e junto crescer cada vez mais profissionalmente.

]]> http://thiagoazevedo.com/2010/07/hello-world/feed/ 1