sábado, 24 de abril de 2010

Edição de imagem - PhotoFiltre Studio 10.3.0


O PhotoFiltre Studio é mais uma opção para você retocar imagens com ajustes simples ou avançados e vários filtros para trabalhos artísticos. Para trabalhos complexos, este programa também conta com um gerenciador de camadas com Alpha Channel, pincéis avançados, corretor de olhos vermelhos, modo para edição em lote e outras ferramentas.
Ajustes básicos incluem brilho, contraste, tingimento, saturação e correção de gama. Filtros artísticos incluem aquarela, tinta a óleo, tinta indiana, pontilismo, efeito de quebra-cabeça e outros.

DOWNLOAD

sexta-feira, 23 de abril de 2010

Programas Web - Photoshop 7


Photoshop 7.0, totalmente em português, não é a versão mais recente do photoshop,mas é a melhor e mais prática.



Tutorial - Dreamweaver - Upload com o Dreamweaver

Este tutorial irá mostrar-lhe como conectar o Dreamweaver para seu site existente ou criar um novo a partir do zero e carregá-lo.

Com o Dreamweaver, você pode facilmente criar novas páginas, abrir um projeto existente ou apenas fazer uma ligação a um site já publicado. O primeiro passo é definir o seu site no Dreamweaver. Selecione "Local"E clique em"Novo Site"Opção:

Quando o Definição do Site janela exibida, selecione o Advanced - Info Local> categoria:


Tutorial completo


Tutorial - Dreamweaver - Criando menu de salto

Criando um menu de salto é bastante simples. Criar um novo documento básico html e inserir uma área de formulário:

Depois você tem que inserir um Menu List / objeto de formulário. Selecionar Inserir -> Form e clique em Menu List /:


Tutorial completo

Tutorial - Estilos CSS no Dreamweaver

Este tutorial irá mostrar como adicionar e usar arquivos CSS para suas páginas.

A maneira mais fácil de formatação de texto e outros conteúdos do site web está usando estilo CSS. Você pode definir o posicionamento e estilo de formatação de texto, imagens, camadas, tabelas e assim por diante. Neste tutorial vamos mostrar alguns passos básicos na criação de estilos.

Abra o Dreamweaver e crie um novo documento. Selecione Janela -> Estilo CSS para abrir a paleta de CSS se não estiver aberto. Clique na + ícone para criar um novo estilo:

A seguinte janela será exibida:


Tutorial completo

DOWNLOAD

Tutorial - Dreamweaver - Criando imagem Rollover

As imagens em movimento é um efeito popular usado em muitos websites. Você precisa de duas imagens para conseguir o efeito - uma para o estado Up (a imagem original) e um para o estado Over (a imagem que será carregada quando o cursor do mouse passa por cima da imagem original).

Selecionar Inserir - Objectos> Imagem e clique em Rollover Image:

Uma nova janela se abrirá:


Baixo o Tutorial completo

DOWNLOAD

Como criar um blog no WordPess

WordPress é uma plataforma de publicação pessoal livre. É um fácil de usar, rápido e flexível . Ele vem com um grande conjunto de recursos, destinada a tornar a sua experiência como editor o mais agradável possível. Com o WordPress você pode facilmente:

  • Publicar e editar as mensagens;
  • Ordenar artigos em categorias;
  • Busca no seu conteúdo;
  • Gerenciar o acesso do usuário;
  • Mudar seu website temas e muito mais.

Com o SiteGround WordPress hospedagem você pode usar todas as funcionalidades do WP.

Como instalar o WordPress?

Visite as páginas listadas abaixo para encontrar instruções detalhadas sobre como instalar o WordPress em seu site com a ajuda da ferramenta de auto-instalação Fantastico ou através da web. Por favor, note que você pode ter uma instalação do Wordpress livre com SiteGround pacote de hospedagem.

Como criar um blog com o WordPress?

Depois de instalar o WordPress você pode começar a construir seu blog. Em primeiro lugar, vá até a página de login do WP a partir do seu menu lateral, na secção Meta -> Login ou digitando a URL exata:

www.yourdomain.com / wp-login.php

Lá, você deverá digitar as credenciais de login, que você escolheu durante o processo de instalação. Então você vai entrar na área de administração do WordPress script:

Create blog - Wordpress wp-admin

Quando começar a blogar?

Para começar a escrever posts no seu blog WordPress, basta clicar no Escreva um post link de seu Dashboard. Você será redirecionado para uma página onde você pode criar o seu artigo.

Writing posts in WP

Clique no botão [Publicar] botão uma vez e pronto seu post será imediatamente visíveis na página principal do seu blog!


Desvantagens blogs gratis WP

A grande desvantagem é a impossibilidade de usar código JavaScript, o que impossibilita a colocação de banners publicitários de parceiros afiliados como a Netaffiliation ou Adsense, pois os únicos anúncios que podem aparecer pertencem à Automatic e só os pode remover mediante o pagamento duma quantia. A única possibilidade de rentabilização é através dos links.

É isso aí..

Como criar um blog no blogspot

Parece bobeira pra quem já é um blogeiro,mas tem muita gente querendo fazer seu primeiro blog e não sabe com.

Então vamos lá:

Primeiro, entre com a sua Conta Google no site do Blogspot (www.blogspot.com) . Caso você ainda não tenha uma Conta Google, entre no site www.google.com.br e clique na parte superior direita da tela em “Efetuar Login”, em seguida clique em “Crie uma conta agora” e preencha os dados. Feito isso, vá ao site do Blogspot e entre com seu login e senha.

Vale lembrar que muitos sites chamam o Blogspot de “Novo Blogger” ou até mesmo “Blogger”. Não se deve confundir os endereços, afinal o “Blogspot” é de propriedade da Google e é inteiramente gratuito. O Blogger é de propriedade de outra empresa e é preciso ser assinante para criar uma conta.
Agora que você já criou a sua Conta Google e já se registrou no Blogspot, é hora de criar o seu blog. O primeiro passo é clicar em “Criar um blog”. Depois você deve dar nome ao blog e criar um endereço.

A URL do seu blog dependerá do tipo de blog que você deseja ter. O Blogspot permite que você use um domínio que já tenha comprado para publicar seu blog. Neste caso, seu endereço fica de acordo com o seu domínio, por exemplo, www.nomedoseublog.com. Contudo, se você não possuir um domínio, o Blogspot vai fornecer um, o resultado é parecido com este: http://nomedoseublog.blogspot.com.

Depois de ter preenchido todos estes dados corretamente, é hora de escolher um modelo de layout para o seu blog. Não se preocupe, neste primeiro momento você pode escolher qualquer um – existem muitos outros modelos para você deixar o seu blog com a sua cara. Quando você já tiver escolhido qual será o primeiro layout, clique em “Continuar” e voilà! Seu blog está pronto!

Com o blog já criado, é hora de postar seu primeiro texto ou imagem. Clique em “Começar a usar o blog” para dar o pontapé inicial no seu transmissor de idéias. Você será redirecionado automaticamente para a página de novas postagens. Digite o que quiser nos campos de postagem, mas lembre-se de não violar nenhuma das regras de conduta do Blogspot e da Google – caso contrário, seu blog será banido. Quando terminar a edição do seu texto, basta clicar em “Publicar Postagem” para que o conteúdo seja enviado para a página principal do seu blog.

Preste atenção nas três abas na parte superior da tela. Por elas você navega nas configurações do seu blog. Na aba “Configurações” você altera as principais opções do seu blog como importação e exportação de conteúdo ou até mesmo excluir o seu blog. As ferramentas de importação e exportação são importantes para fazer backups do seu conteúdo. Quando você exporta o conteúdo do seu blog, além de garantir que terá uma cópia de tudo para o futuro, ainda pode utilizar este mesmo conteúdo quando for trocar o endereço para um outro sistema, como o WordPress.

Basta exportar e na interface do outro blog, clicar em importar e carregar o arquivo XML. Ainda falando sobre as configurações do seu blog, você pode moderar e trocar permissões referentes aos comentários. Nesta tela, você ainda pode controlar suas opções de feed RSS. Caso você queira, pode inserir aqui o endereço do seu burner de feeds. Um dos mais populares é o FeedBurner (www.feedburner.com). Estas feeds servem para que os usuários possam receber suas atualizações dos leitores de feeds deles. São vários leitores; o Google Reader é um dos mais utilizados e fáceis de mexer na hora de adicionar feeds. Estes leitores permitem que os seus visitantes leiam vários blogs simultaneamente.

Na aba “Layout” é possível alterar a ordem dos seus gadgets, ou seja, dos complementos da barra lateral do seu blog. Um exemplo bastante simples do que são estes gadgets é a área de perfil, onde você conta um pouco da sua história ou a sua relação com o blog; o arquivo do blog que vai listar os seus posts de acordo com a data em que foram publicados e várias outras ferramentas que podem ser fornecidas pelo próprio Blogspot ou por sites externos – basta copiar o código e colar em uma nova janela de HTML dos seus gadgets.

Com esta aba ativa, você vê quatro funções diferentes: “Elementos da página”, “Fontes e cores”, “Editar HTML” e “Escolher novo modelo”. Se você abrir a opção “Fontes e cores” vai se deparar com uma janela de personalização do tema atual do seu blog. Nela, é possível mudar as cores do texto, plano de fundo, links e muito mais. Em “Editar HTML”, é preciso dominar pelo menos o básico desta linguagem para operar algumas mudanças no seu layout.

“Escolher novo modelo” já é auto-explicativo – nesta janela, há uma lista com diversos temas para que você escolha qual deles combina mais com o estilo do seu blog. Se você não gostar de nenhum dos temas que o Blogspot oferece, uma pesquisa no Google bastará para encontrar o tema perfeito. Lembre-se de salvar todas as alterações que fizer para que elas tenham efeito no seu blog.

Muito bem, baixanautas. Agora que já aprendemos a criar um blog no Blogspot, faça já o seu e exponha suas idéias e trabalhos. Um blog pode ser uma ótima maneira de criar um portfólio virtual e expor trabalhos acadêmicos e até mesmo opiniões. Até a próxima, futuros blogueiros!

Se você quizer colocar outro template que não seja o do próprio blogspot,você pode baixar aqui.

Logo vou postar mais templates.

É isso aí....

Fonte: Baixaki

quinta-feira, 22 de abril de 2010

Lightbox 2

Lightbox é um simples e discreto script utilizado para sobreposição de imagens na página actual. Funciona em todos os navegadores modernos.
Na minha opinião é um dos melhores...

EXEMPLO

DOWNLOAD

quarta-feira, 21 de abril de 2010

Efeito Slide em fotos

VEJAM UM MODELO


Conforme mostrado na página de exemplo, O script gera automaticamente uma barra de progresso, em vez de adicionar o desenvolvedor de HTML.

Implementando o Script.


Dependendo das configurações do script, que gera dinamicamente uma barra de progresso ajustado ao número de lâminas no recipiente Cycle.

O zip contém uma página de exemplo para ver como as coisas a funcionar, mas os seguintes passos irão lhe dizer como fazer o seu próprio.

Primeiro, precisamos fazer o upload do conteúdo do zip para o seu servidor web (ou local para o teste).
Criar uma nova página html e incluir o seguinte código na seção :

1head>
2
3 link rel="stylesheet" type="text/css" href="css/presentationCycle.css" />
4
5
7 script type='text/javascript' src='js/jquery.cycle.all.min.js'>script>
8 script type='text/javascript' src='js/presentationCycle.js'>script>
9head>
====================================================================

É hora de criar o recipiente que irá conter os elementos html para o Ciclo:


01div id="presentation_container" class="pc_container">
02
03 div class="pc_item">
04 div class="desc">
05 h1>Description titleh1>
06 You can put your description in here.
07 div>
08 img src="images/slide1.jpg" alt="slide1" />
09 div>
10
11
12
13div>
====================================================================

O recipiente dos elementos do ciclo tem um padrão identidade de "presentation_container". Isso corresponde à configuração padrão do script e estilo.

Os elementos filho tem uma classe de "pc_item", este também corresponde às configurações padrão no estilo.

Você carregou todos os arquivos e imagens? Então você está pronto para iniciar o script.

Coloque o seguinte abaixo do recipiente Ciclo:


1script type="text/javascript">
2 presentationCycle.init();
3script>

====================================================================

Ajustes:

1//progressbar options
2barHeight: 14,
3barDisplacement: 20,
4barImgLeft: "images/pc_item_left.gif",
5barImgRight: "images/pc_item_right.gif",
6barImgCenter: "images/pc_item_center.gif",
7barImgBarEmpty: "images/pc_bar_empty.gif",
8barImgBarFull: "images/pc_bar_full.gif",
===================================================================


A altura da barra é definido em pixels, isto é necessário para que o script funcione corretamente. A altura é o mesmo que as imagens que estão contidas no imagens pasta. Como você pode ver as imagens são sprites. Eu incluí a versão ativos e inativos da imagem em uma imagem para reduzir o tempo de carregamento e faz o trabalho melhor script.

Para ajustar as imagens que você precisa ter duas imagens na praça ao lado da outra. Fazendo a parte esquerda o inativo eo direito a um ativo.

A única exigência é que todas as imagens têm a mesma altura, isto é a posição da barra o caminho certo. Também verifique se você definir a altura em que o script também.

barDisplacement é o valor combinado de enchimento + margem do bar tem.

Para alterar as configurações do código a seguir pode ajudar, não há necessidade de alterar o arquivo Javascript. Este código é executado depois que o contêiner ciclo é definido.


1presentationCycle.barHeight = 10; //different from the default
2presentationCycle.barImgLeft = "images/pc_item_left_custom.gif"; //using a different image
3
4presentationCycle.init();
====================================================================

Para ajustar as configurações do ciclo você pode ajustar as seguintes definições:


1//slide options
2slideTimeout: 8000,
3containerId: "presentation_container",
4
5//cycle options
6cycleFx: 'scrollHorz',
7cycleSpeed: 600,

=====================================================================================

slideTimeout é o tempo que leva para um slide para ir para a próxima.
containerId é o recipiente dos elementos do ciclo.
cycleFx é o efeito do ciclo de script será utilizado, para todos os navegadores.
cycleSpeed é a velocidade da animação.

Eu usei elementos para adicionar texto aos slides, você pode brincar com os elementos para torná-los aptos às suas necessidades, que é a grande coisa sobre o ciclo!


É isso aí,espero que gostem...

DOWNLOAD DO SCRIPT

Desenvolvido por:

GAYA

terça-feira, 20 de abril de 2010

Programas Web - WebSite X5 Evolution v7.0.11

O Incomedia WebSite X5 é um software completo e não requer nenhuma habilidade de programação de HTML e é a ferramenta ideal para os utilizadores domesticos e profissionais que querem criar e publicar Web site de qualidade elevada com um olhar profissional.

Em comparação com versões precedentes, o WebSite X5 apresenta funções interessantes e novas para a criação e customização da sua página da web: as funções de edição para as imagens em 3D melhoram e personalizam sua criação, possibilidades de páginas de abertura com introdução, websites multi-língua, HTML e e-mails que emitem formulários, etc..


Edição de imagem - Suite Amara Flash

USO E APROVO


Amara Flash Intro and Banner Builder é a ferramenta definitiva para criação de efeitos em textos Flash. É a ferramenta perfeita para web designers que precisam criar aberturas para sites, banners, propagandas ou qualquer outra animação em Flash. Muito fácil de usar, você não precisa saber programar em Flash para utilizar esse programa.

Além do Flash Intro nessa Suite vem:


Amara Flash News Ticker :

Cria tickers em Flash na horizontal ou na vertical, como aqueles mostradores de ações de bolsa, onde os códigos e valores vão passando um após o outro. O software permite várias customizações bacanas e a possibilidade de criar resultados profissionais.

Flash Menu Maker:

Crie botões e menus profissionais em flash sem qualquer limitação. Você poderá criar barras de navegação, menus interativos, e botões em flash para seu website em uma questão de minutos.

Flash Slide Show:

Cria apresentações de Slide em Flash,dando ao seu trabalho um aspecto super profissional.
Permite a inserção de áudio nos slides. Suporta vários formatos de arquivos de imagem e áudio.


DOWNLOAD

Macromedia Firewors - 2004 Free

Macromedia Fireworks MX 2004 é a solução completa para criação, otimização e integração de gráficos web.

DOWNLOAD

Icons - Icones - Rss 2

Vou postar alguns icons e/ou icones,porque sempre que a gente precisa nunca acha.
Então estão aí,espero que sirva pra alguém.


DOWNLOAD

Icons - Icones - Developer

DOWNLOAD

Icons - Icones - FeedBurner 2


DOWNLOAD

Icons - Icones - FeedBurner

DOWNLOAD

Icons - Icones - Macromedia

DOWNLOAD

Icons - Icones - Media Player

DOWNLOAD

Icons - Icones - Music

DOWNLOAD