Ds2Web.com.br

Janela Pop-Up JavaScript

diego@ds2web.com.br — Fri, 02 Apr 2010 16:13:47 +0000

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 do seu site:

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:

Abrir Janela Pop-Up

javascript:abrir(‘janela_popup.html’);“>Abrir janela pop-up.

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:

onclick=”abrir(‘janela_popup.html’);” width=”200″ height=”200″ />

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!

Site – Nanci Decoração de Eventos

diego@ds2web.com.br — Sun, 14 Mar 2010 21:13:44 +0000

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

Notebook Acer Aspire 4540 Athlon X2 14”

diego@ds2web.com.br — Mon, 15 Feb 2010 20:19:27 +0000

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.

CMS Brasil – São Paulo

diego@ds2web.com.br — Fri, 19 Jun 2009 14:23:11 +0000

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.

Site – Eagle Transportes

diego@ds2web.com.br — Mon, 20 Apr 2009 13:59:32 +0000

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

Como traçar Metas e Objetivos

diego@ds2web.com.br — Mon, 20 Apr 2009 13:31:22 +0000

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.

1º passo: Diferenciar Sonhos de Metas

Muita gente não sabe diferenciar metas de sonhos, e acabam chegando ao final do ano com as mesmas espectativas do ano passado para o ano que vem. Isso acontencem pois ao invés de traçarem metas com prazos estipulados ficam apenas sonhando com o que querem. Sonho é algo que você deseja, e Meta é o seu sonho com prazo determindo para acontecer.

2º passo: Seja Preciso

Muita gente erra ao definir metas por não ser preciso, deixando muito em aberto o seu objetivo, por exemplo, traçar como meta “gardar dinheiro” pode ser muito vago pois se você guardar R$100,00 ou R$15.000,00 você já atingiu sua meta, o correto seria estipular um valor específico e um prazo para cuprí-lo, como “guardar R$10.000,00 até Dezembro deste ano”, ou “Emagrecer 10Kg até o Próximo verão” e coisas do tipo.

3º passo: Registre a Meta

É muito importante que você tenha todas as suas metas registradas em um lugar que você veja constantemente, para que não se esqueça delas e nem se desvie dos objetivos traçados. Você pode deixar anotado na primeira folha de sua agenda ou caderno, ou em algum outro lugar que você veja todos os dias. Eu por exemplo uso a ferramenta Google Agenda para me lembrar todos os dias por e-mail as minhas metas e objetivos, assim todo dia ao abrir meu e-mail eu tenho uma mensagem com minhas metas e objetivos, existem várias outras ferramenta e maneiras de registrar suas metas daí você escolhe a que melhor se adaptar ao seu rítimo de vida.

4º passo: Crie um Plano de Ação

Após definir e registrar as suas metas e objetivos o próximo passo a ser tomado é criar um plano de ação para estes objetivos. Tudo bem que você vai “economizar R$10.00,00 até dezembro deste ano” mas como? Quanto vai guardar por mês? O que mais vai fazer para conseguir este valor? Provavelmente você terá que gastar menos no McDonald’s , Cinema, passeios e coisas do tipo. Então traçar estes planos de ação e registrá-los também é fundamental.

5º passo: Aja e Acompanhe

Com o plano de ação em mãos o que você deve fazer é ter muita disciplina e agir conforme planejado. De nada adianta ter traçados metas e planos de ação e não se mecher para que tudo isso se realize. Deve-se sempre evitar o “deixar para depois”, isso acaba virando rotina e te afastando ainda mais de suas metas. Por isso sempre acompanhe o andamento de suas metas para conseguir alcançá-las no prazo estipulado.

Você sabe gerenciar seu tempo?

diego@ds2web.com.br — Tue, 07 Apr 2009 02:14:02 +0000

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.

Lí alguns artigos em sites que acompanho sobre gerência de tempo e vou começar a adotar algumas medidas para mudar esta situação:

- 1º Planejamento semanal: Percebi que tenho que começar devagar com as mudanças, pensei em programar minha rotina por dia, mas notei que seria quase que impossível, então um planejamento semanal será bem mais fácil no início, depois pretendo usar um planejamento diário mais detalhado e um semanal com tarefas e metas globais.

- 2º Acompanhamento diário do planejamento: Pelo menos duas vezes ao dia vou ver minha “planilha de planejamento semanal”, no início do dia antes de começar as tarefas e no final do dia, para acompanhar o andamento das tarefas e analizar se o tempo que estipulei poderá ser cumprido ou se será nescessário realizar algumas modificações nos prazos.

- 3º Feed back’s: Ao final de cada dia vou anotar em uma outra planilha as tarefas que eu executei e quanto tempo levei para executar, assim poderei ser mais preciso nos próximos planejamentos.

- 4º Disciplina ( e muita Fé em Deus!!): Pretendo me policiar constantemente quanto ao tempo, se estipulei um prazo vou ter que cumprir! Assim pretendo passar menos tempo em sites de conteúdo que não tenham nexo com a tarefa executada no momento. Será uma das mais dificeis tarefas a serem executadas, com muita força e fé em Deus vou conseguir.

Depois de um tempo (dois meses aproximadamente) vou fazer um levantamento de todas as minhas atividades e qual foi meu nível de aproveitamento de tempo, e quanto eu posso melhorar para os proximos meses até chegar a um nível satisfatório. Uma coisa que eu aprendi e levo como um lema é que nunca eu vou chegar ao meu nível máximo, 100% ou alcançar a total satisfação, pois no dia que que eu pensar que já consegui alcançar o nível máximo vou parar de batalhar e buscar o melhor. Por isso acredito sempre podemos melhorar e por isso sempre temos que lutar e batalhar!

Multile IE – Internet explorer 6 e 7 instalados na mesma máquina

diego@ds2web.com.br — Mon, 16 Feb 2009 19:05:27 +0000

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”

Vídeo – A história da internet

diego@ds2web.com.br — Fri, 13 Feb 2009 13:25:28 +0000

Projeto – Unire Desenvolvimento Humano

diego@ds2web.com.br — Fri, 02 Jan 2009 19:55:25 +0000

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