segunda-feira, 17 de março de 2008

Arih segue um tutorial basico para você ter uma ideia do que pode ser feito no flash.

Obrigado pelo contato.
Qual quer duvida, entre em contato novamente.

Efeito de Typewriter



Introdução



Provavelmente devem já ter visto vários exemplos de diferentes tipos de efeitos de máquina de escrever, criados em Flash. Este trata-se de um tutorial que vos tentará ensinar como criar este efeito de uma forma simples, e principalmente pouco pesada.



Primeiro Passo:







Como já poderão ter notado na imagem acima incluída – necessitaremos de 3 frames para criar este nosso efeito. Foi optado por separar por layers diferentes, as actions, os buttons e o text, mas isto é meramente por uma questão de estrutura. Criem uma caixa de texto dinâmica, e atribuam-lhe o nome ‘textbox’. Isto deverá prolongar-se pelas 3 frames.



Segundo Passo:



Estamos então prontos para criar as acções que permitam que isto tudo funcione:



§Na frame 1 da layer actions, iremos definir o texto que desejamos que venha a aparecer. Usem “\n”, sempre que necessitarem de criar uma nova linha. A frame 1 contém as seguintes acções:




q=1;

text=”Aqui escreve-se o texto que se pretende”;

stop();




Na frame 2 verifica se todos os caracteres foram dispostos, se não o tiver feito leva um número Q de caracteres desde o início da nossa string e dispõe no campo de texto. A frame 2 contém as seguintes acções:




if (q < text.length) {

textbox = text.substring(0, q);

q++

} else {

textbox = text;

gotoAndStop(1);

}




A frame 3 é somente uma frame para criar um loop. Para tal efeito, a frame 3 contém a seguinte acção:




gotoAndPlay(2);




Terceiro Passo:



Criem um botão, na frame 1 da layer button, e coloquem-no na vossa stage. Este botão deverá accionar o efeito da máquina de escrever, tendo para isso um pequeno código associado a este botão (cliquem com o botão direito do rato sobre o botão criado e escolham a opção de Actions).



O botão contém as seguintes acções:




on (release) {

play();

}




Desta forma simples e eficaz, se consegue criar um efeito de máquina de escrever.

Baixe o tutotial em pdf Baixar arquivo pronto

quarta-feira, 12 de março de 2008

TUTORIAIS DE HTML

Lista de 'tags' comuns


'TAGS' BÁSICOS

<html></html>

Inicia/termina um documento em HTML.

<head></head>

Define a àrea de cabeçalho, com elementos não visualisáveis na página.

<body></body>

Define a área visível do documento.

CABEÇALHO

<title></title>

Coloca o nome da página na barra de título da janela.

ATRIBUTOS DO CORPO

<body bgcolor=?>

Cor de fundo.

<body text=?>

Cor de texto.

<body link=?>

Cor das links.

<body vlink=?>

Cor das links previamente visitadas.

<body alink=?>

Cor da link activa.

TEXTO

<b></b>

Texto carregado.

<i></i>

Texto em itálico.

<tt></tt>

Texto estilo máquina de escrever, monoespaçamento.

<font size=?></font>

Tamanho das letras.

<font color=?></font>

Cor das letras.

<font face=?></font>

Define a fonte utilizada.

LINKS

<a href="URL"></a>

Cria uma hiperligação.

<a href="mailto:EMAIL"></a>

Cria uma link para o envio de correio.

<a name="NOME"></a>

Cria um 'alvo' dentro de uma página.

<a href="#NAME"></a>

Faz a ligação a um 'alvo' presente dentro da mesma página.

FORMATAÇÃO

<p></p>

Define a área de um parágrafo.

<p align=?>

Alinhamento de um parágrafo.

<br>

Insere uma quebra de linha.

<div align=?>

'Tag' genérico utilizado para formatar blocos de texto.

GRAFISMO

<img src="FICHEIRO">

Insere uma imagem.

<img src="FICHEIRO" align=?>

Alinha uma imagem em relação ao resto do texto.

<img src="FICHEIRO" border=?>

Define a borda da imagem.

<hr>

Insere uma linha horizontal.

TABELAS

<table></table>

Cria uma tabela.

<tr></tr>

Linha de uma tabela

<td></td>

Célula individual numa linha.

ATRIBUTOS DAS TABELAS

<table border=#>

Borda à volta de cada célula.

<table cellspacing=#>

Espaço entre as células.

<table cellpadding=#>

Margem interior das células.

<table width=# or %>

Largura da tabela - em pixels ou percentagem.

<tr align=?> or <td align=?>

Alinhamento horizontal do conteúdo das células.quot;left", "center" ou "right")

<tr valign=?> or <td valign=?>

Alinhamento vertical do conteúdo das células.("top", "middle" ou "bottom")

<td colspan=#>

Numero de colunas 'percorridas' por uma célula.

<td rowspan=#>

Numero de linhas 'percorridas' por uma célula.

FRAMES

<frameset></frameset>

Define o conjunto de frames. Surge antes de <body> num documento com frames.

<frameset rows="valor,valor">

Define as linhas num conjunto de frames. Valor pode ser em pixels, percentagem ou * (o resto / proporção).

<frameset cols="valor,valor">

Define as colunas num conjunto de frames. Valor pode ser em pixels, percentagem ou * (o resto / proporção).

<frame>

Define uma unica frame. Surge dentro de <frameset>.

<noframes></noframes>

Área onde é inserido o conteúdo visivel em browsers que não suportam o uso de frames.

ATRIBUTOS DE UMA FRAME

<frame src="URL">

Especifica o documento HTML a ser exibido na frame.

<frame name="nome">

Dá um nome à frame de modo a poder ser 'linkada' a partir de outras frames.

<frame scrolling=VALOR>

Define se a frame tem barra de scroll. VALOR pode ser "yes", "no" ou "auto".

<frame noresize>

Impede o visitante de redimensionar a frame.

terça-feira, 11 de março de 2008

Como fazer um formulario em PHP

Fazer um formulário em PHP que direcione a mensagem para seu e-mail pra quem nunca programou parece ser algo difícil.

Más como se diz por ai na Internet nada se cria tudo se copia.

Passo a Baixo o formulário e como deve utiliza-lo.

Antes do HTML, Insira o conteúdo abaixo:

<?php

extract($_POST);



if($action==2){

$html = "<table width=500>
<tr>
<td><b>Contato pelo site Mundo das duvidas</b></td>
</tr>
<tr>
<td>=========================================================</td>
</tr>
<tr>
<td><b>Nome:</b>".$nome."</td>
</tr>
<tr>
<td><b>Empresa:&nbsp;</b>".$empresa."</td>
</tr>
<tr>
<td><b>Telefone:&nbsp;</b>".$ddd."-".$telefone."</td>
</tr>
<tr>
<td><b>E-mail:&nbsp;</b>".$email."</td>
</tr>
<tr>
<td><b>Treinamento:&nbsp;</b>".$treinamento."</td>
</tr>
<tr>
<td><b>Mensagem:&nbsp;</b>".$mensagem."</td>
</tr>
<tr>

<td>=========================================================</td>
</tr>
</table>";

$headers = "From: vendas@mundodasduvidas.com.br \r\n";
$headers.= "Content-Type: text/html; charset=ISO-8859-1 ";
$headers.= "MIME-Version: 1.0 ";

mail("vendas@mundodasduvidas.com.br","Contato pelo site Mundo das duvidas",$html,$headers);
print "<script>alert('Email enviado com sucesso');</script>";
print "<script>window.location = 'http://www.mundodasduvidas.com.br/obrigado.php';</script>";

/*#print "<script>alert('Email enviado com sucesso.\nEm breve estaremos entrando em contato');</script>";*/

}
?>



Após isso dentro do html você já pode inserir em qual quer canto da página o formulário que será preenchido pelo usuário.

Formulário:
<form method="post" name="form1" action="" onSubmit="return enviar();">

<input type="hidden" name="action" value="2">

<table width="87%" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td width="32%" height="25" align="right" class="preto11" style="padding-right:5px "><strong>Nome:</strong></td>

<td width="68%" height="25" align="left"><span class="branco11">

<input name="nome" type="text" class="preto11" size="40">

</span> </td>

</tr>

<tr>

<td height="25" align="right" class="preto11"style="padding-right:5px "><strong>E-mail:</strong></td>

<td height="25" align="left"><input name="email" type="text" class="preto11" id="email" size="30"></td>

</tr>

<tr>

<td height="25" align="right" class="preto11"style="padding-right:5px "><strong>Telefone:</strong></td>

<td height="25" align="left"><input name="ddd" type="text" class="preto11" id="ddd" size="3" maxlength="3">

<input name="telefone" type="text" class="preto11" id="telefone" size="8"></td>

</tr>

<tr>

<td height="25" align="right" class="preto11" style="padding-right:5px "><strong>Endere&ccedil;o:</strong></td>

<td height="25" align="left"><input name="endereco" type="text" class="preto11" id="endereco" size="40">

</td>

</tr>

<tr>

<td align="right" class="preto11"style="padding-right:5px "><strong>Mensagem:</strong></td>

<td align="left"><textarea name="mensagem" cols="40" rows="6" class="preto11" id="mensagem"></textarea>

</td>

</tr>

<tr>

<td align="right" class="verdana11"style="padding-right:5px ">&nbsp;</td>

<td align="left" style="padding-top:10px "><input name="Submit" type="submit" class="preto11" value="Enviar">&nbsp;<input name="Limpar" type="reset" value="Limpar">

</td>

</tr>

</table>

</form>

sábado, 8 de março de 2008

Layout Turma da bagunça

Somente uma amostra do que se pode fazer em meia hora na frente do computador e que nos ajuda a aprender cada vez mais.
Não jogue seu tempo fora, estude, elabore e crie projetos “Até noites no bar te ajuda a aprimorar seus conhecimentos seja criativo seja DESIGN” o futuro é seu e ninguém vai construí-lo para você.
Mas nunca deixe de se divertir “Turma da BAGUNÇA” Sempre juntos.


Criar sites web é uma nova área de estudo. Ela deriva de disciplinas tão distintas quanto a Engenharia de Software e o Marketing. A seguir enumero alguns princípios de gerenciamento de projetos de sites web que serão úteis a todos...

Perguntas a responder antes de iniciar o projeto do site

  1. Quais são os principais objetivos do seu site? (Informar? Vender? Dar suporte?)
  2. Quem é o seu público-alvo primário e secundário? (descreva interesses, necessidades, habilidades)
  3. Qual é a capacidade dos usuários? (browser, velocidade de acesso)
  4. O site atrairá diferentes pessoas? Quais? Quais são as suas áreas de interesse?
  5. Qual é o principal slogan do site? (a mensagem que melhor descreve seu conteúdo)
  6. O conteúdo do site é novo ou já existe em outro formato?
  7. Que imagens já existentes estão disponíveis?
  8. É necessário obter dados dos clientes? O quê é preciso saber? Porquê?
  9. Que novas tecnologias serão utilizadas? Quais e, especificamente, porquê?
  10. Que informação do site mudará? Com que freqüência e com que abrangência?
  11. Qual é a posição do produto? (compare com os concorrentes)
  12. Descreva o produto como se fosse uma pessoa. (sério? estranho? jovem? confiável?)
  13. Que áreas do site precisam de atualização? Quem se beneficia com esta atualização?
  14. Pontos fortes e fracos do produto. (compare com os concorrentes)
  15. Quando o site precisa estar pronto?
  16. Quem aprovará o trabalho?
  17. Quem hospedará e dará manutenção ao site?
  18. O site funcionará durante quanto tempo?
  19. Qual o orçamento para o site?
  20. Quais são os planos para promover o site? Quem é responsável pela promoção?

As treze armas secretas de quem constrói sites

  1. Segmentação do mercado. Saiba qual é o seu público, conheça os desejos de seus clientes e faça deles o seu objetivo.
  2. Visão do negócio. Muitos projetistas de sites não sabem quais os objetivos de negócio dos seus clientes. Pense em formas de usar a web de forma eficaz para a empresa.
  3. Saber dizer não. Se um cliente não se encaixa nos seus critérios, analise se vale a pena aceitar o trabalho. Como grandes projetos são geralmente melhores que pequenos projetos, é melhor deixar de lado alguns projetos pequenos para concentrar-se em um projeto maior.
  4. Termo de compromisso. Este documento declara o compromisso de desenvolver o projeto, dando suas linhas gerais. É fundamental tê-lo mesmo nas primeiras discussões, antes de se chegar a um contrato. Se você está trabalhando sem ter ao menos um termo de compromisso, está indo rápido demais...
  5. Site do projeto. Tenha um site web sobre o projeto de cada site que você está construindo, contendo todo tipo de informação útil (objetivos, cronograma, tarefas realizadas, etc). Isto é uma forma eficaz de trabalhar e de se comunicar com o seu cliente. A forma organizada de trabalhar pode até ajudar a conquistar novos clientes.
  6. Estratégia. A fase de planejamento estratégico é a mais importante do projeto. Conheça detalhadamente o negócio do seu cliente. Clientes que levam a Internet a sério diferenciam os bons dos maus projetistas pela qualidade de sua estratégia.
  7. Perfil do usuário. Saiba tudo sobre o seu usuário: idade, local onde mora, profissão, tipo de família, revistas que lê, tempo que passa na Internet, hobbies, etc. Imagine que você fosse contratatado para construir um site que tem como público-alvo apenas 4 pessoas. Não valeria a pena descobrir, individualmente, o quê fazer para que eles voltassem a visitar seu site? Mesmo que o público-alvo inclua milhões de pessoas, você deve agir da mesma forma...
  8. Envolvimento do líder. Em cada projeto, existe uma pessoa na empresa que lhe contratou que funciona como um líder, um ponto focal do cliente. Se esta pessoa está envolvida no projeto, todos são beneficiados. Leve-o a acompanhar todo o processo de desenvolvimento, como se fizesse parte da sua equipe.
  9. Comunicação. A maior causa para que os projetos acabem mal está na falta de comunicação ou na má comunicação. A natureza mutante da Internet e a rapidez na liberação de novas versões de browsers podem confundir ou frustar qualquer um. Às vezes, basta um mal entendido em torno de um simples termo técnico. Clientes e projetistas devem conversar pelo menos duas vezes por semana.
  10. Tratar clientes individualmente. Cada cliente precisa de atenção e envolvimento pessoais. Se você está recebendo e-mails de mais de cinquenta clientes por dia, está na hora de repensar seu trabalho.
  11. Prazo para "fechar" o conteúdo. Se é um projeto grande, insista em não incluir mais nenhum conteúdo nas últimas duas semanas antes do lançamento do site. Mesmo em projetos pequenos, não deve ser menos de uma semana. A única possível exceção são as seções de "novidades" de algumas páginas.
  12. Número de projetos. Cada grande projeto deve ter um produtor dedicado, mas muitos estão envolvidos em vários outros projetos. Para isso, o produtor deve ser extremamente organizado. Um bom produtor conseguirá dar conta, no máximo, de dois grandes projetos. Mesmo assim, apenas se os prazos dos dois não forem próximos um do outro.
  13. Gerenciamento de conteúdo x Gerenciamento de projetos. Um projetista utilizará uma ferramenta de gerenciamento de projetos para criar o site. O cliente utilizará uma ferramenta de gerenciamento de conteúdo para fazer a atualização diária do site, criando documentos segundo os modelos definidos durante o projeto.

As sete falsas economias nos projetos de sites

  1. "O nosso site é uma versão na Internet do nosso marketing atual. Podemos usar os mesmos textos e gráficos de nossos folders, anúncios de jornal ou revista."
  2. "Se mais pessoas trabalharem no site, ele ficará pronto mais rápido!"
  3. "A web é um lugar onde nós podemos fazer várias experiências para depois ver o que deu certo. Vamos contratar aquele amigo nosso que faz sites nas suas horas vagas."
  4. "Documentação é uma perda de tempo e esforço..."
  5. "Vamos fazer nós mesmos o projeto do site. Depois contratamos alguém para pegar os nossos rascunhos e transformá-los em paginas web."
  6. "Vamos pedir propostas de construção do nosso site a alguns projetistas e agências de propaganda. Assim, teremos um monte de boas idéias de graça!"
  7. "Sites web não precisam de manutenção. Vamos até nos divertir fazendo tudo por conta própria..."

O cliente tem direito a

  1. Cronogramas bem feitos.
  2. Comunicação constante.
  3. Um contrato por escrito.
  4. Notificação imediata em caso de atrasos, problemas e despesas extras.
  5. Pagar somente pelo que foi autorizado.
  6. Controle de horas, quando está pagando por hora.
  7. Ver o projeto durante o desenvolvimento.
  8. Tempo de resposta razoável.
  9. Precauções relativas a segurança e privacidade.
  10. Produtos que funcionam de acordo com o que foi contratado.
  11. Direitos autorais sobre o conteúdo do site.

O projetista de sites tem direito a

  1. Saber qual o orçamento do projeto, desde o início
  2. Um perfil completo do projeto.
  3. Um contrato por escrito.
  4. A valorização do seu tempo (atrasos por parte do cliente custam dinheiro).
  5. 25-50% do valor orçado como pagamento inicial.
  6. Pagamento no prazo combinado.
  7. Gerenciar seu próprio processo.
  8. Compensar suas falhas.
  9. Ser pago por trabalhos de consultoria ou idéias.
  10. Ser informados quando estão fora da concorrência por um projeto
  11. Direitos autorais sobre as ferramentas criadas para construir o site.

Pontos chaves para fechar um projeto

  1. Tenha um site web informativo que diferencie a sua empresa de projetos de sites web da concorrência.
  2. Tenha um panfleto ou folder com informação sobre o seu trabalho e o testemunho de clientes.
  3. Seja a pessoa com quem seu cliente queira fazer negócio, sendo profissional e capacitado.
  4. Certifique-se de que deseja fazer negócios com seu cliente. É uma via de mão dupla.
  5. Aprenda sobre o negócio do seu cliente.
  6. Indique clientes anteriores que estão plenamente satisfeitos com o seu trabalho.
  7. Não vá abaixo do seu preço mínimo, a não ser que tenha de fazê-lo ou queira fazê-lo.
  8. Não entregue uma proposta ou informação específica sobre o seu projeto antes de ter certeza que o cliente está realmente interessado em contratá-lo (e que não está contactando mais de três outras empresas).
  9. Faça boas estimativas.
  10. Não importa se você gosta ou se o cliente gosta. A única coisa que importa é se o usuário do site vai gostar.
  11. Se você está pronto para fechar o negócio, não saia sem um termo de compromisso.

Dez segredos para produzir sites web

  1. Use uma nomeclatura consistente.
  2. Padronize os tamanhos dos gráficos criando uma hierarquia: títulos, subtítulos, gráfico grande, gráfico médio, gráfico pequeno, amostras, etc. Use o menor número de classes possível.
  3. Use uma palette otimizada para as imagens em cada classe. Use sempre a mesma palette para uma determinada classe.
  4. Insira comentários nas suas páginas HTML, de forma a dar informações para os projetistas e pessoal responsável pelo conteúdo.
  5. Use exatamente os mesmos comandos em páginas diferentes para facilitar futuras buscas e substituições.
  6. Em páginas grandes, remova os comentários e elimine saltos de linha na versão final que será publicada no site.
  7. Use o máximo de recursos que sua ferramenta oferece e atualize a versão desta ferramenta com freqüência.
  8. Faça cópias de segurança do seu site.
  9. Verifique como o seu site aparece tanto no Microsoft Internet Explorer quanto no Netscape Navigator. Se possível, teste tanto nas versões 3.0 quanto nas versões 4.0 destes dois browsers.
  10. Teste, teste e depois teste tudo de novo. Tenha sempre uma versão alfa ou beta disponível para que seja possível fazer testes e dar opiniões.

http://unix.wmonline.com.br/iniciantes/projeto_sites.htm

sexta-feira, 7 de março de 2008

Configuração do outlook

OUTLOOK EXPRESS 6

Bem acho que ninguém gosta de ficar entrando em sites digitando toda hora o e-mail e senha para conseguir acesso aos seus e-mails, então mando aqui a configuração do "outlook expresse" que vem em seu próprio Windows para que possa baixar e visualizar seus e-mails sem burocracia.

Para configurar uma nova conta de correio no Outlook Express 5.0 ou 6.0 , que vem junto ao Windows XP, siga o roteiro abaixo:

1º passo: Abra o Outlook Express. Na tela principal do programa, clique no menu “Ferramentas” e logo em seguida em "Contas"

2º passo: Clique em “Adicionar” e selecione a pasta “Correio”.

3º passo: Na próxima tela, preencha o nome que você quer que apareça quando as pessoas lerem a mensagens, e clique em "Avançar".

4º passo: Deixe marcada somente a primeira opção, preencha com o endereço eletrônico do usuário e clique em “Avançar”.

5º passo: Preencha os servidores de mensagem recebidas (POP3) e enviadas (SMTP), como segue, e clique em “Avançar”.

5º passo: Preencha o seu login e a respectiva senha e clique em “Avançar”.

6º passo: Para finalizar a configuração da sua nova caixa postal, clique em “Concluir”.

7º passo: Agora só nos resta configurar o servidor autenticado para enviar mensagens. Para isso selecione a sua conta de correio e clique em "Propriedades"

8º passo: Na guia “Geral” clique na guia “Servidores”

9º passo: Marque a última opção “Meu servidor requer autenticação” .

10º passo: Clique em "Fechar"

11º passo: Agora basta clicar em “Enviar e receber mensagens”, na tela principal do Outlook Express, para receber novas mensagens.