Dicas

  • Photoshop
  • Dreamweaver
  • Dicas em Geral
  • Java

+ Parceiros Dicas

  • Tuto na web
  • Tutoriais Clube
  • Tutoriais Web

Conceitos sobre Java

Conceitos:

A linguagem Java é usada para desenvolver programas para a Internet. Estes programas estão na forma de "applets", que são usados em páginas da Internet.

Apesar dos nomes parecidos, não confunda Java com JavaScript, eles funcionam de formas diferentes. A linguagem JavaScript é anexada ao documento Html, o navegador (browser) lê e executa os comandos (mais informações na seção JavaScript). A linguagem Java é diferente, os "applets" são carregados pelo navegador separadamente do documento Html, só então os executam.

Veja alguns programas para programação em Java na seção Ferramentas.

Apostilas e tutoriais para download:

Se você quer se aprofundar mais em programação, clique aqui para ver algumas apostilas e tutoriais disponíveis para download, entre elas sobre Java, ou visite um dos sites abaixo.

Links:

Gamelan - Informações, tutoriais e downloads. Site em inglês.

Java Boutique - Site com informações e muitos applets. Site em inglês.

Javapowered.com - Site em inglês com muitos applets gratuitos.

Jars.com - Informações, dicas, downloads, notícias, entre outros. Site em inglês.

JavaSite - Site em português com diversos applets e scripts para download.

Marcadores: Java


Adicionado por:Gustavo | Horario: 12:13

Dicas

Tamanho e aparência das páginas:

Evite fazer páginas muito grandes, com muitas animações, gifs animados, java applets, entre outras tecnologias. O uso exagerado pode comprometer, e em muito, o carregamento das páginas, além de, em muitos casos, transformar a página numa aberração visual.

Use sempre uma boa combinação de cores, crie menus fáceis e acessíveis para melhorar a navegação, peça a opinião de amigos, uma segunda opinião sempre ajuda.

Velocidade de carregamento das páginas:

Crie páginas bonitas e leves, sem exageros, mas com conteúdo. Afinal, ninguém vai ficar esperando meia hora uma página carregar. Se possível, teste o carregamento das suas páginas em diversas velocidades de conexão, para ver quanto tempo ela leva para carregar. Páginas que levam mais de dois minutos para carregar agonizam os visitantes.

Compactação de arquivos:

Caso você queira colocar arquivos para download em seu site, é muito importante que você os compacte, para isso use o WinZip, é o compactador mais conhecido e usado na Internet. Alguns arquivos, como o .txt ou .doc, são abertos automaticamente pelo browser, por isso a importância da compactação. Veja mais informações na seção Html.

Scripts:

Os scripts são uma boa forma de incrementar suas páginas com elementos interessantes, mas devem ser usados sem exageros, caso contrário, podem atrapalhar o carregamento e visualização das páginas. Clique aqui para ver alguns scripts (css, dhtml, entre outros) ou ainda, visite a seção JavaScript.

Música de fundo na página:

Tome cuidado ao colocar músicas de fundo em suas páginas, muitos visitantes podem não gostar do estilo de música ou ainda, um visitante pode estar ouvindo um som ou uma rádio na Internet e isso poderá atrapalhar. Algumas páginas ficam muito pesadas por causa do som de fundo, e se o visitante estiver visualizando duas ou mais páginas no momento pode acontecer do seu computador travar. Veja como colocar músicas de fundo em suas páginas na seção Html.

Newsletter em seu site:

Newsletter é um informativo enviado por e-mail. Através dele você poderá divulgar as novidades do seu site e desta forma estimular o retorno dos visitantes, aumentando assim o número de visitas. Veja mais informações e como criar um Newsletter na seção Artigos.

Marcadores: Dicas


Adicionado por:Gustavo | Horario: 12:08

TUTORIAIS DE DREAMWEAVER

Mover uma imagem
--------------------------------------------------------------

No Dreamweaver o que faz mover os objectos são as timelines.
1. Para mover um objecto é necessário que ele esteja dentro de uma layer, por isso cria uma.
2. Inseres uma imagem (também pode ser: texto, tabela, cor de fundo,...) dentro da layer.












3. Com a layer seleccionada, abres a janela da timeline (shift F9) e crias um objecto dentro dela.


4. O "objecto" que corresponde ao movimento da layer, tem no mínimo 2 keyframes, uma que representa a posição inicial e a outra a posição final; portanto seleccionas uma das keyframes e moves com o rato a layer para outra posição qualquer.








5. Se queres que o movimento se execute assim que entrares na pagina, activa o autoplay.


6
. Assim já tens uma imagem com um movimento rectilíneo; se queres que a imagem mude de direcções durante o movimento, terás de criar mais keyframes no objecto da timeline; para isso usa o botão direito do rato sobre o objecto.


7. Depois selecciona a keyframe criada, e move a layer com o rato ou alteres a posição nas propriedades da layer.

Marcadores: Dreamweaver


Adicionado por:Gustavo | Horario: 11:52

Curves e Levels

Muitas vezes ao digitalizar uma imagem verificámos que a imagem fica demasiado escura e distante do original.
Para obter melhores resultados recomendamos uma digitalização entre 200 e 300 dpi.
Alguns scanners trazem software que permite o ajuste de cores e luz antes da digitalização mas o mesmo resultado é conseguido ao ajustarmos as "Curves" e "Levels" no Photoshop.
A: Curves

1. Abrir a imagem










Abre uma imagem já existente que necessite de ajuste. Esta imagem em particular esta demasiado esbatida em relação à fotografia original.

2. Abrir a caixa de dialogo do ajuste de cor









Select Image > Adjust > Curves.
Activar o preview. clicar na linha diagonal e nos pontos do gráfico. Podes escolher os pontos e move-los para cima, baixo, esquerda e direita e obter valores diferentes para input e output. Assim facilmente se distingue as alterações na imagem enquanto movemos os pontos.
Acrescentamos quatro novos pontos ao gráfico para obter um melhor resultado.
Faz Ok

3. Comparar com a imagem antes dos ajustes.




Podes comparar a imagem ao fazer Edit > Undo Curves ou Ctrl-Z.
Examina com atenção a imagem para ver se algum detalhe importante foi perdido. Se ainda não estiver correcta a imagem volta a trás e repete novamente o processo.
Assim que conseguires o ajuste certo grava a imagem ou exporta para a Web.

B: Levels
1. Abrir a imagem








Abre uma imagem já existente que necessite de ajuste nas tonalidades. Esta imagem em particular tem pouco contraste e luz.

2. Abrir a caixa de dialogo dos Levels









Image > Adjust > Levels
Activar o preview. A caixa de diálogo mostra o histograma da imagem.
A linha com os três cursores mostra aos levels (níveis) de sombras, meios tons e brilhos.
Selecionar o 1º cursor (sombras) e deslocar para a direita de modo a tornar a imagem mais clara.
Pode-se tambem dar um pequeno ajuste nos brilhos e nos meios tons.
Para ver a imagem original para comparar Ctrl+Z

3. Comparar imagem










Pronto!

Marcadores: photoshop


Adicionado por:Gustavo | Horario: 11:09

10 dicas de Webdesign para salvar seu site


Existem inúmeras razões para que tão poucos sites estejam trazendo retorno para as empresas. Um dos motivos pode ser o design. Siga estas dicas e aumente as suas chances de sucesso:

1. Menos é mais. Faça o site leve e rápido

Se você esta vendendo um produto ou serviço na Internet, não se deixe levar pelos 'artistas' da rede. Mantenha o foco em sua mensagem. Ninguém quer ver um layout cheio de animações e gravuras que nunca terminam de baixar.

Tenha em mente que se não ajuda a vender não serve. Não faça nada só porque os outros estão fazendo. Construa um site para agradar ao cliente, não ao chefe.

Lembre-se que "a imagem seduz, mas é o texto que vende". Se

você quiser passar sua mensagem não deve esconde-la. Use um layout limpo e elegante, clean. Simples, mas não simplório.

Você tem apenas alguns segundos para conquistar a atenção do Internauta. Mantenha as páginas leves, use poucas imagens, bem colocadas e comprimidas. O texto deve ser direto e objetivo. Especialmente na página inicial.

2. Padrão

Todos nós temos uma "zona de conforto". Gostamos de nos sentir acomodados e seguros. Imagine chegar em casa todos os dias e a cor das paredes estar diferente? No começo pode ser um "barato", mas depois de algum tempo, você começa a ficar ansioso e inseguro.

Da mesma forma, mudar a cara de cada página, torna as pessoas confusas e impacientes. Elas podem pensar que estão em outro site e quando você menos espera, estarão mesmo.

Mantenha o mesmo padrão em todas as páginas. É fácil, basta:
• Usar as mesmas cores, molduras, botões, fontes e demais elementos em todas as páginas;
• Deixar a logomarca da empresa sempre na mesma posição.
• Se o menu está à esquerda, deixe-o lá o tempo todo, se estiver à direita, idem.

Além de tudo, mantendo um layout padronizado você passa uma impressão mais profissional.

Pense no Mac Donald´s: uma franquia com centenas de lojas em todo o mundo, todas iguais. Você sabe que em todas elas vai encontrar o mesmo serviço e a mesma satisfação.

3. Navegação

A palavra chave é simplicidade. A Internet já é um labirinto de informações. Conheço diversas pessoas que ficam loucas quando têm que achar alguma coisa. Então não complique, torne a navegação em seu site simples e direta.

Todas as páginas devem estar a dois, no máximo, três clicks de distância umas das outras. Você pode conseguir isto colocando menus para as áreas principais do site em todas as páginas.

Uma forma de testar a navegação do site é chamar alguém, de preferência, sem muito conhecimento. Peça a ele que encontre alguma coisa que VOCÊ sabe que está lá, só não diga como.

Outra forma é imaginar-se um iniciante na Internet e verificar se seria difícil encontrar alguma informação.



4. Fale conosco

Já tentou entrar em contato com a empresa e se perdeu no labirinto de links e páginas sem encontrar o email ou telefone da mesma? Eu já e aquela empresa perdeu um possível cliente.


Para evitar este problema, coloque seu email em todas as páginas. Se necessário faça um formulário de contato com poucos campos para o usuário preencher. Apenas o nome, email, telefone (caso haja algum problema com o email) e um espaço para a mensagem são necessários. Você poderá pedir as outras informações mais tarde. O importante agora é fazer contato.


5. Logos e Imagens


Já disse que ninguém quer esperar dois minutos para ver uma gravura que nunca termina de carregar. Mantenha suas imagens a um mínimo possível. Se você tem que usar muitas imagens para passar sua mensagem, uma palavra: compressão.

Imagens são uma parte importante do site, mas podem torna-lo muito pesado. Para evitar ou pelo menos minimizar este problema, use compressores de imagens. Existem diversos disponíveis no mercado, inclusive alguns gratuitos.

6. Fontes (famílias de tipos de letra)


Use apenas uma fonte em todo o site. Se quiser usar mais de uma fonte, use apenas para destaques, citações e títulos. Mantendo a variação de tipos de letras ao mínimo, você garante um visual mais padronizado e limpo. É muito mais profissional.


Outra razão é que há poucas "fontes padrão" na Internet. Arial, Verdana, Courier e Times New Roman são algumas delas. Se você usar alguma fonte fora dos padrões, pode ser que os usuários não vejam as páginas como foram criadas.

Mantenha o padrão.


7. Espaço em branco


Tão importante quanto as notas de uma canção são as pausas. Pergunte a qualquer músico.

O mesmo ocorre no design de qualquer peça publicitária. Deixe que as palavras saltem da tela, colocando bastante espaço entre elas. Deixe o texto 'respirar'. Use margens à esquerda e a direita.


Seguindo estas sugestões, o visual ficará muito mais limpo, agradável e profissional.


8. Becos sem saída


Um beco sem saída é uma página aonde não existem links para sair dela.


Pense no site de uma forma que não precise dos botões do browser para navegar, ou seja, se precisar clicar no botão voltar, tem alguma coisa errada.

Você pode colocar um link nas páginas, mas esta não deve ser a única forma de sair da página.


9. Links Mortos


Links mortos são aqueles que estão no menu, mas ainda não foram criadas as páginas correspondentes ou, pior ainda, levam a uma "página em construção".


Se a página não existe ou não está completa, não coloque indicações para ela, no futuro você poderá colocar os links e destacar que a página é nova, tornando o conjunto mais dinâmico e trazendo maior impacto. Além de tudo, links mortos dão um ar de falta de profissionalismo.


Páginas com a mensagem "em construção" causam uma frustração enorme ao internauta, afinal ele espera encontrar a informação, mas ela não está lá.

Veja que um site de verdade, estará sempre em construção. A construção só termina com o fim do site ou da empresa.


10. Links Quebrados


Teste todos os links em todas as páginas, sempre. Links quebrados, ou seja, os que levam a páginas de erro ou não existentes, são outro fator de frustração e falta de profissionalismo.


Se você tem muitos links externos (para outros sites), teste-os de vez em quando para manter a integridade do site.

Esse assunto gera muita polêmica entre os artistas gráficos e outros profissionais envolvidos no desenvolvimento de websites. Se você quiser expressar a sua opinião, ela será muito bem-vinda e, se permitir, ela será publicada no site.

Pode ser que estas dicas não salvem seu site do fracasso, mas tenha certeza que elas ajudam. Além de um bom design você vai precisar de um bom produto, tráfego, atendimento de qualidade e ferramentas de analise, mas isto é assunto pra outro dia. Até lá.

Marcadores: Dicas


Adicionado por:Gustavo | Horario: 10:47


Estatisticas

Notebook's

  • Samsung
  • Sony
  • Positivo

Categoria Buscapé

  • CD's
  • Camisetas Esporte
  • Eletrônicos
  • Informática
  • Video games
  • Celulares
  • Jóias e Bijuterias
  • Moda de Praia Feminina

Anúncios






Dicas de Web Designer criado por Gustavo