Posted by diego@ds2web.com.br | Under Javascript
Friday Apr 2, 2010
Neste artigo vou mostrar como usar um recurso muito utilizado na web que são as janelas pop-up. Com as janela pop-up você pode exibir outros conteúdos ou até mesmo propagandas no seu site, sem que o visitante saia da sua página, é claro que tem muita gente que exagera no uso de pop-up`s, o que deixa a navegação muito chata, mas sabendo usar pode ser muito útil.
O código javascript é bem simples, trata-se de uma função que chama o window.open e você pode chamar essa função a qualquer momento na sua página usando os eventos onClick, onLoad e etc…
A função Javascript deve ficar dentro da tag <head></head> do seu site:
<script>
function abrir(pagina){
window.open( pagina , “nome” , “status , scrollbars=no ,width=300, height=200 , top=50 , left=50″);
}
</script>
O código acima nada mais é do que uma função que recebe um parâmetro pagina, esse parâmetro é usado no window.open para indicar qual página ele vai abrir no pop-up.
No windown.open temos alguns passos a seguir:
pagina a ser aberta + , + nome da janela + , + definições da janela (tamanho, posição na tela, barra de rolagem)
Depois de colocar a função acima na página basta chamá-la na página, pode ser ao clicar em uma imagem, em um botão, ao carregar a página, ao fechar a página e etc… Neste exemplo vamos chamar o pop-up ao clicar em um link.A página completa ficará assim:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>Abrir Janela Pop-Up</title>
<script>
function abrir(pagina){
window.open( pagina , “nome” , “status , scrollbars=no ,width=300, height=200 , top=50 , left=50″);
}
</script>
</head>
<body>
<a href=”javascript:abrir(‘janela_popup.html’);“>Abrir janela pop-up.</a>
</body>
</html>
Você também pode usar o onClick nas imagens e botões para chamar a função, basta informar qual a página ele abrrirá desta forma:
<img src=”foto.jpg” onclick=”abrir(‘janela_popup.html’);” width=”200″ height=”200″ />
<input type=”button” value=”abrir” onclick=”abrir(‘janela_popup.html’);” />
Lembrando é claro que a página janela_popup.html tem que estar criada e tem que estar na mesma pasta da sua página.
Qualquer dúvida por favor enviem nos comentários que eu terei o prazer de ajudar no que for possível. Até o próximo post!
Posted by diego@ds2web.com.br | Under portfolio
Sunday Mar 14, 2010
Este site foi desenvolvido com objetivo divulgar os serviços da empresa voltado na área de decoração de eventos e publicar um álbum de fotos com seus principais trabalhos. O design foi construido seguindo informações cedida pela da própria cliente , que queria algo simples e limpo mas que remetesse ao glamour das festas de casamento, bodas e etc… Na parte de estrutura o site foi desenvolvido usando as linguagens XHTML, CSS (tableless) , PHP e MYSQL.
Visite o site: www.nancidecoracao.com.br
Posted by diego@ds2web.com.br | Under Diversos
Monday Feb 15, 2010
Depois de muito tempo sem nenhuma postagem aqui no blog, estou voltando e agora com a corda toda (eu acho…). Eu havia postado aqui no blog sobre a minha necessidade de comprar um notebook, pois bem, somente agora consegui realizar esse desejo, mas pra isso tive que me desfazer de um outro bem que eu gostava muito, minha moto.
Há mais ou menos um ano fiquei doente e só agora estou conseguindo me recuperar, pois descobri que tenho a “Doença de Chrom”, que se trata de uma inflamação no intestino super difícil de diagnosticar e que deixa muito debilitado. Devido isto, me afastei do trabalho pra me tratar, conseqüentemente fiquei sem dinheiro por um bom tempo, pois as coisas do inss são muito demoradas, e ainda tinha algumas parcelas da prestação da moto pra pagar, agora em janeiro veio o IPVA e DPVAT, e também quase não saía mais com a moto devido a esta doença, a coitada ficava na garagem descoberta do prédio tomando chuva e sereno, o que estava a deixando enferrujada e judiada, por isso decidi vendê-la.
Foi muito difícil me desfazer dela mas era o melhor a se fazer. Vendi por uma pechincha, bem abaixo do valor real dela e ainda tive que usar parte do dinheiro pra quitar as prestações, com o que sobrou comprei meu tão desejado notebook um “Acer Aspire 4540″.
Tudo bem que no post que eu publiquei a um tempo atrás eu disse que queria o “Apple MACBOOK PRO 15“”, mas é que a grana que eu tinha não dava pra comprar o Apple e esse Acer foi a melhor configuração que e consegui encontrar com apenas R$ 1.400,00. Esse modelo que comprei é o Aspire 4540 1110 AMD Athlon II X2 Processador M300 (2.0ghz, 1mb L2 cache) com 2GB de memória ram, 250 Gb de HD, 256mb de vídeo dedicada ATI Radeon HD4200, tela de 14“ HD LED LCD.
Até o momento estou super feliz com desempenho do notebook, instalei o Windows XP e todos os softwares que uso para trabalhar configurei o PHP no IIS, testei o desempenho com os programas que uso e o Athlon X2 da conta do recado. Para o meu uso está mais do que suficiente, e ainda me possibilita fazer muitas outras coisas que sempre tive vontade de fazer, por exemplo gravar vídeo aulas, agora posso pegá-lo ir para um lugar reservado sem a interferência de ninguém e gravar as vídeo aulas, que logo mais publicarei aqui no blog.
Até o próximo post. 
Posted by diego@ds2web.com.br | Under Diversos, internet
Friday Jun 19, 2009
Neste Sábado dia 20/06/2009 em São Paulo estará acontecendo um dos maiores eventos sobre CMS do Brasil o “CMS Brasil”. Neste evento estarão participando grandes nomes internacionais como “Matt Mullenweg” criador do Wordpress, “Anthony Ferrara” coordenador mundial do Joomla e “Addison Berry” lider do time de documentação do Drupal.
Este evendo contará com dois auditórios, um de Palestras e um de Oficinas. Eu vou comparecer no evento no auditório de Oficinas e vou colocar o aqui no blog o que aconteceu de melhor no evento e minha opinião sobre a organização e temas discutidos.
Até o próximo post.
Posted by diego@ds2web.com.br | Under portfolio
Monday Apr 20, 2009
Este site foi desenvolvido por Diego Sousa, tem como objetivo divulgar a empresa “Eagle Transportes” na internet. A maior preocupação neste projeto era manter um design limpo e fácil navegação, com informações claras e objetivas.
O design foi construido seguindo informações cedida pela da própria diretoria da empresa, que queriam algo atraente, simples e limpo. Na parte de estrutura o site foi desenvolvido usando as linguagens XHTML, CSS (tableless) e ASP.net.
Visitar o site: www.eagletransportes.com.br
Posted by diego@ds2web.com.br | Under Diversos
Monday Apr 20, 2009
Definir metas e objetivos é muito importante para conseguir atingir os nossos sonhos. Geralmente a metas e objetivos começam a ser traçadas no finalzinho ou no começo do ano, mas nunca é tarde para você parar pra pensar e estipular prazos e objetivos para sua vida. Mas existem alguns passos que são importantes ser seguidos. More »« Less
Posted by diego@ds2web.com.br | Under Diversos
Tuesday Apr 7, 2009
Ultimamente tenho me deparado com um grande defeito meu, e acredito que também seja o de muitos profissionais que trabalham em frente ao computador: “A falta de gerenciamento com o tempo”.
Sei que isto é uma total falta de disciplina, mas custei a admitir isso. Minha família me vinha me dizendo que eu mudei muito de uns tempos pra cá, pois sempre fui muito organizado tanto com meu tempo minhas finanças.
Depois de um tempo notei que essa mudança ocorreu quando deixei de ministrar aulas de informáticas e passei a trabalhar só como designer/programador em uma empresa. Antes eu tinha uma rotina mais dinâmica, várias turmas, várias aulas diferentes, Quase que o tempo todo em pé, agora minha rotina é mais tranquila, dar manutenção em alguns sites, iniciar outros projetos, alguns impressos, o tempo todo sentado em frente ao PC. Tudo isso contribuiu para que eu deixasse minha organização de lado. More »« Less
Posted by diego@ds2web.com.br | Under Diversos, internet
Monday Feb 16, 2009
Um grande problema que os designers de websites enfrentam é a incompatibilidade dos navegadores. Como estamos passando por uma fase de e volução e mudanças na Internet, um website é visitado por diversas pessoas com os mais diferentes tipos de navegadores. Os mais comuns são Internet explorer 6 Internet Explorer 7 e Firefox.
Quem trabalha com web sabe que o ultrapassado Internet Explorer 6 (IE6) dificulta muito o nosso trablho. Por isso quando desenvolvemos um layout temos que testar em pelo menos 3 navegadores diferentes o IE6, IE7 e Firefox. O problema é que se você instala em sua máquina o IE7 e não tem mais acesso ao IE6.
Mas para resolver este problema temos o software “MultipleIEs” que faz nada mais nada menos que liberar as vesões antigas do Internet Explorer para você testar o seu layout. Ele habilita para você desde o IE 3.0 até o IE6.
Assim você pode intalar o Internet Explorer 7 e continuar a testar o seus layouts na versões mais antigas do IE.
Clique aqui para fazer o Download do “MultipleIEs”
Posted by diego@ds2web.com.br | Under Diversos, internet
Friday Feb 13, 2009
Posted by diego@ds2web.com.br | Under portfolio
Friday Jan 2, 2009
Este é um projeto desenvolvido por Diego Sousa, neste projeto a empresa possue dois objetivos divulgar cursos e agenciamento dos alunos.
O design foi elaborado do zero e estruturado em XHTML e CSS e a programação foi usado o ASP.net com MYSQL
Visite o site www.udh.com.br
