Curso Rápido Web Design

APENAS R$ 180,00

Saiba como criar seu próprio site na internet de forma simples e rápida.

Curso de 12 horas • 6 aulas

Quer descobrir como fazer um site, de maneira simples e eficiente, para marcar sua presença na Internet ou melhorá-la?

A tecnologia não é um bicho-de-sete-cabeças e você pode dominá-la, com o Curso Rápido de Web Designer.
O curso ensina criação de site para uso pessoal ou profissional. Você poderá colocar seu currículo, seu portfólio ou apresentar a sua empresa. Melhorar seu blog, sua página no Twitter ou no Facebook, e ganhar dinheiro fazendo sites para clientes.

Você também pode montar um site para divertir ou informar seus visitantes. Quem sabe um dia poderá atrair interesse e anunciantes? Você sabia que muitos sites que hoje valem milhões de dólares e reais começaram sem pretensão?

No Curso Rápido de Web Designer, utilizando o Adobe Dreamweaver CS6, você aprende a fazer um site com técnicas modernas. Conheça também as técnicas de otimização SEO, que farão seu site aparecer nos principais motores de busca, como o Google, Yahoo, Bing, etc.

Tudo isso passo-a-passo, sem mistérios, em aulas 100% práticas e presenciais.

Photoshop Online Grátis em Português

Editor de Fotos Online - Photoshop

http://www.photoshoponline.com.br/editor/

10 sites para aprimorar seus conhecimentos em web design e programação

Se você gostaria de aprender mais sobre web design e aspectos de programação de computadores, como HTML, por exemplo, existem alguns sites que disponibilizam cursos em inglês que podem ser a alternativa ideal. Confira, a seguir, 10 sites para aprimorar seus conhecimentos em web design e programação de computadores:

1. About U 
Esse site não oferece certificados, mas existe uma seção para computação e tecnologia que podem ajudar você a entender melhor alguns assuntos como HTML e web design. O acesso é gratuito.

2. Codecademy
Com acesso gratuito, o Codecademy oferece cursos interativos sobre programação de computadores, influindo HTML e Ruby.

3. Code School 
Com uma taxa mensal para ter acesso completo ao conteúdo do site, o usuário pode encontrar vídeos explicativos sobre diversos tópicos que envolvem programação de computadores. Alguns dos cursos são gratuitos.

Qual a diferença entre site grátis e site pago

A diferença é grande, nada nessa vida é de graça e se tratando de web não é diferente, sempre existe algo em troca, mas não estou aqui para dizer que uma opção é melhor que a outra, mas para expor minha opinião no que tenho visto. Para algumas pessoas é mais vantagem ter um site grátis e pronto em questão de minutos sem precisar de conhecimentos em programação ou pagar um Web Designer, para ela ter um site simples já está mais que bom. Já para outras pessoas, é necessário um site feito do zero e pagar um Web Designer de preferência profissional. Por exemplo, ela tem uma loja ou empresa, se o seu site não trouxer um retorno rápido e grande ela poderá perder mercado para o seu concorrente, é por isso que essas pessoas preferem contratar uma empresa estruturada e com um belo portfólio do que contratar um simples Web Designer, elas não querem arriscar, pagam bem mais caro, mais conseguem o que querem. Já algumas empresa querem resultados mais não podem pagar, por exemplo, dois mil reais para uma empresa fazer um site pequeno, é ai que entra um profissional em Web Designer, que cobra às vezes a metade do preço e seu site poderá ficar até melhor do que aquele feito por uma empresa. Vou mostrar algumas vantagens e desvantagens de um site profissional pago e um gratuito.

Site Pago

· Vantagens

· O layout (Design) do site é feito como o cliente escolher e poderá ser alterado toda sua estrutura.

· Toda a programação é feita e alterada em um todo e a semântica bem estruturada por página encaixando bem o conteúdo que terá.

Criar site de relacionamento GRÁTIS

Que tal criar um site de relacionamento tipo o Facebook ? 
Agora você pode ! Vou compartilhar com você uma informação que está bem no fundo do baú dentro da internet. Agora você vai ter a chance de criar seu próprio site de relacionamento e faturar uma grana ! Estou falando da ataforma Ning, você acessa o site e pode optar por criar um site grátis durante um mês, depois desse período de teste será cobrado uma taxa mensal pra poder continuar utilizando o serviço. Pense em um tema ainda pouco explorado na net, e construa sua rede, depois que fizer isso comente aqui no blog o que você achou. Volte sempre todo dia uma novidade pra você !

www.ning.com

Como fazer um site de classificados grátis

Conheça uma plataforma para você criar seu próprio sistema de classificados.

O skalist.

O skalist é uma plataforma para você criar seu próprio site de classificados. Para isso é necessário apenas ter um domínio (ex classificadosmorumbi.com), e ter seu cadastro aprovado junto a Skalist. A partir daí é só apontar os servidores DNS para a skalist e pronto, você já tem um sistema de classificados online rápido e bi-lingue. Personalize as cores, logomarca, categorias, preços e tenha seu próprio negócio on-line. 

Só tem que inserir o seu e-mail.
Acesse: skalist.com e conheça mais.

Slice Tool

Fatias são os fundamentos básicos para criar interatividade no Adobe Fireworks. Fatias são objetos da Web que existem essencialmente como código HTML. É possível exibi-las, selecioná-las e renomeá-las através da Camada da Web do painel Camadas.

A técnica de aplicação de fatias corta um documento do Fireworks em partes menores e exporta cada parte como um arquivo separado. Ao exportar, o Fireworks cria um arquivo HTML contendo o código de tabela para remontar o gráfico em um navegador.

Otimiza imagens Para download mais rápido.

Adiciona interatividade Para que as imagens possam responder a eventos do mouse.

Facilita atualizações Para partes de páginas da Web que são alteradas com frequência (por exemplo, fotos e nomes em uma página de "funcionário do mês").

Criar fatias retangulares

Crie fatias retangulares desenhando com a ferramenta Fatia ou inserindo uma fatia baseada em um objeto selecionado. Use guias de fatia (as linhas que se estendem do objeto de fatia) para determinar os limites dos arquivos de imagem separados nos quais o documento se divide ao ser exportado.

Criação de fatias retangulares

Desenhar um objeto de fatia retangular

Selecione a ferramenta Fatia .

Arraste para desenhar o objeto de fatia.

Nota: Para ajustar a posição de uma fatia enquanto você arrasta para desenhá-la, mantenha pressionado o botão do mouse, pressione e segure a barra de espaço e arraste a fatia até outro local na tela de desenho. Solte a barra de espaço para continuar a desenhar a fatia.

Criar uma fatia retangular com base em um objeto selecionado

Selecione Editar > Inserir > Fatia retangular. A fatia é um retângulo cuja área inclui as bordas mais externas do objeto selecionado.

Se mais de um objeto for selecionado, escolha Simples para criar um único objeto de fatia que abranja todos os objetos selecionados ou escolha Múltipla para criar um objeto de fatia para cada objeto selecionado.

Criar uma fatia retangular com base em um objeto selecionado

Selecione Editar > Inserir > Fatia retangular. A fatia é um retângulo cuja área inclui as bordas mais externas do objeto selecionado.

Se mais de um objeto for selecionado, escolha Simples para criar um único objeto de fatia que abranja todos os objetos selecionados ou escolha Múltipla para criar um objeto de fatia para cada objeto selecionado.

Se perdeu alguma parte, baixe o arquivo fonte abaixo e estude as camadas e efeitos à vontade.

Pagamento por boleto bancário em lojas virtuais

O pagamento por boleto bancário em lojas virtuais sempre foi a grande dor de cabeça de qualquer gestor de e-commerce.

Embora seja uma das opções de pagamento mais usadas nas lojas virtuais brasileiras, é uma das que mais frustração causa na hora da confirmação de pagamento.

Em nosso curso sobre criação de lojas virtuais reparo que as pessoas chegam muito preocupadas com a questão de fraudes e negativações dos pagamentos através de cartões de crédito, mas o grave problema dos boletos bancários que não são pagos, passa quase que desapercebido.

O índice de confirmação de pagamentos de boletos gerados em lojas virtuais situa-se na faixa de 60% a 70%, o que representa um índice de desistência bastante alto. Se somarmos este índice ao volume de carrinhos abandonados em uma loja virtual, a situação é alarmante.

WEB DESIGNER – PASSO A PASSO PARA INICIANTES

http://apostilas.fok.com.br/attachments/020_HTML-passo-a-passo-para-iniciantes.pdf

Apostila Curso Fireworks para Web

http://www.castordownloads.com/download-curso-fireworks-para-web-2013-65895.html

Apostila Dreamweaver CS6 em Português

Aproveitem!

É só clicar e baixar:

http://www.4shared.com/zip/_vyRWB2g/dreamweaver-cs6.html

bjus!!!

Trabalhando com templates no Dreamweaver

Fazendo um site com templates prontos no Dreamweaver

Um template é um modelo de página que poder ser comprado ou baixado gratuitamente na Internet, este pacote vem com todos os arquivos editáveis para que você o modifique de acordo com sua necessidade.

A primeira providência, é óbvio, é conseguir o seu template, existem varias empresas que comercializam com preços na faixa de 50 dólares e algumas que fornecem gratuitamente templates de uma qualidade menor, usando programas como e-mule ou torrent podemos baixar templates de qualidade gratuitamente, procure no seu e-mule ou torrent templates da série monster, são muito bons.

Vamos usar neste exemplo o templates abaixo. Este foi baixado do site www.myfreetemplates.com.

É importante escolher um template que tenha o mesmo número de links do seu site, pode ser desastroso visualmente, acrescentarmos ou tirarmos um link do template. Dê também preferência a templates, que como o que estou usando agora, forneça o arquivo .PSD para que possamos editá-lo no Photoshop.



Começando

1. Abra o arquivo .PSD do seu template no Photoshop.

2. Vamos alterar as cores do template para isso procure na paleta Layers, a layer que contém o fundo do site, dê um clique nela.

3. Clique no menu Image/Adjustmentes/Hue Saturation.

4. Ligue a opção “Colorize” e mova os controles para procurar a cor desejada para seu site, a opção Hue é a cor, Saturation é a quantidade desta cor e Lightness é o brilho que se vai aplicar.

5. Resultado

6. Perceba que o logotipo da empresa, manteve a cor original, isto aconteceu porque ele está em uma camada diferente, para alterar sua cor devemos repetir o procedimento, isto é, procurar sua layer, selecioná-la e alterar sua cor com o controle Hue/Saturation.

7. Vamos alterar o nome da empresa, selecione a ferramenta texto e marque o texto “Your Company”, altere para o home que quiser e escreva o nome que quiser como título do seu site.

8. Altere, usando a ferramenta texto os 5 links para Empresa, Portfolio, Serviços, Endereço, Contato e Principal.

9. Vamos agora retirar o texto que está na área de conteúdo do site, devemos procurá-lo na paleta Layers e deletar a layer.

10. Vamos usar o comando Save for web do menu File para salvar exportar o arquivo no formato .JPG para que possa ser fatiado no Fireworks.

11. Clique no botão Save e dê o nome de index.jpg ao arquivo.

12. Salve o arquivo PSD, para que se for caso, possa ser modificado em outras ocasiões.

13. Feche o Photoshop.

14. Abra no Fireworks o arquivo index.jpg.

15. Selecione a ferramenta Slice (fatia).

16. Vamos fatiar o site agora, o importante é criar uma fatia para cada link e uma fatia grande para a área de conteúdo, o resto das áreas do site podem ser fatiados da maneira que você quiser, abaixo, o resultado do meu fatiamento.

17. Vamos agora gerar o arquivo HTML, clique no menu File/Export Preview e clique clique no botão “Export”.

18. Nós acabamos de gerar um arquivo HTML, vamos fechar o Fireworks e abrir o arquivo index.htm no Dreamweaver.

19. Dê um clique na fatia grande, a fatia de conteúdo do site e anote a largura, altura e o nome da imagem.

20. Depois de anotar o nome e o tamanho da imagem, apague esta fatia.

21. Clique no “buraco” da fatia.

22. Acesse o modo de código do Dreamweaver e apague a tag de espaço ( ).

23. No lugar da tag de espaço escreva a tab IFRAME, tenha em mãos a anotação da largura e da altura da página, para configurar corretamente os valores width e height.

24. Salve o arquivo e peça um novo, vamos criar o arquivo principal.htm.

25. Neste novo arquivo, clique com o botão direito do mouse no meio da página e escolha a opção “Page Properties”.

26. Clique no botão Browse e procure na pasta Images a imagem que você anotou o nome a pouco junto com a largura e a altura.

27. Clique em OK e escreva na página “Bem-vindo ao site fulano de tal” , formate como quiser.

28. Salve o arquivo como principal.htm e feche-o.

29. Crie um novo arquivo.

30. Repita o item 26 para este novo arquivo.

31. Escreva “Portfolio” e formate como quiser. Salve o arquivo como portfolio.htm.

32. Para efeito deste exercício só teremos o link para o arquivo portfolio.htm, em sua casa você pode criar os outros arquivos e os links para estes arquivos.

33. Feche o arquivo portfolio.htm e retorne ao arquivo index.htm.

34. Pressione a tecla F12 para ver que o principal já aparece na área de conteúdo do site.

35. Retorne ao Dreamweaver.

36. Dê o clique na palavra Portfolio em seu site.

37. Use a paleta Properties para configurar a página que será vinculada a este link e o target.

38. Salve e teste seu arquivo com F12.