VAB - Vídeo Aulas Brasil » Dreamweaver

Criando Layout de um Portal de Notícias – parte 4

Sivaldo Gomes — Sat, 25 Jun 2011 12:51:43 +0000

Muito bem pessoal, agora vamos estruturar o HTML do nosso site; vamos separar cada componente do layout e aplicar as Divs para cada componente.
Acompanhem cada passo e vamos montar juntos este Portal Web Design.

Collapsible Panel com Spry

David CHC — Wed, 24 Jun 2009 14:32:36 +0000

Olá!
Mais uma vez trago essa novidade do Dreamweaver CS3 com spry. Trata-se do Collapsible Panel. Ele pode ser utilizado em conteúdo, galeria de imagens e principalmente pra criação de menus extensos, quando há a necessidade de otimizar espaços.

Dêem uma olhada no exemplo e veja como funciona.
Bom aprendizado

Assista à vídeo aula

Como trabalhar com vídeos

David CHC — Wed, 24 Jun 2009 01:05:09 +0000

Olá Pessoal. Me chamo Adriano Gianini e esta é minha primeira vídeo aula para o MX masters. Muita gente tem me perguntado como inserir vídeos no Dreamweaver. Nesta vídeo aula, iremos aprender como inserir facilmente um vídeo em flv no Dreamweaver e como customizar o player.

Boa aula!

Background repeat

David CHC — Wed, 24 Jun 2009 01:02:28 +0000

Salve, salve rapaziada, Felipe Cardozo na área com mais uma super vídeo aula de Dreamweaver. Muita gente tem entrado em contato com dúvidas relacionadas a utilização de Backgrounds, então, decidi ajudar desenvolvendo uma aula ensinando a trabalhar com o background repeat tanto com tabelas quanto com divs.

Espero que gostem.

Boa vídeo aula!

Área restrita com login e senha

David CHC — Wed, 24 Jun 2009 00:36:10 +0000

Salve, salve rapaziada. Felipe Cardozo na área com mais uma super vídeo aula de Dreamweaver. Hoje irei dar uma mão para aqueles que não sabem nadica-de-nada de programação e têm a necessidade de desenvolver um sistema de login e senha com área restrita.

Iremos abordar também um pouco de PhpMyAdmin. Você verá a facilidade que a ferramenta nos proporciona para criar este sistema.

Bom aprendizado!

Background com sombras

David CHC — Wed, 24 Jun 2009 00:27:06 +0000

Salve, salve rapaziada. Em primeiro lugar, gostaria de desejar as Boas Vindas ao Gustavo Guanabara. Tenho certeza de que esta integração irá agregar mais valores para ambos os sites. Bom, nesta vídeo aula de hoje, a pedidos da galera, iremos aprender a desenvolver o background com sombra Drop Shadow.

Mais uma vez poderemos ver que o css é fundamental no desenvolvimento de um site. Espero que gostem…

Transição com fotos no Flash e inserção da animação no Dreamweaver

Equipe VAB — Mon, 22 Jun 2009 21:16:03 +0000

Salve, salve rapaziada!
Estamos recebendo muitas sugestões e tentaremos atender a todas.
Desta vez, iremos de 2/1 (Dois em um) e além de ensinar a criar efeitos de transição em fotos no flash, iremos ensinar também a inserir a animação no Dreamweaver, já que muita gente tem tido dúvidas sobre isso.

Espero que gostem!

Desvendando os mistérios dos backgrounds

Equipe VAB — Thu, 18 Jun 2009 20:38:31 +0000

Salve, salve rapaziada. Ninguém pode perder esta vídeo aula. Muita gente tem enviado algumas dúvidas sobre utilização e manipulação do background em uma página.

Algumas pessoas têm utilizado imagens enormes, deixando a página bem pesada. O que muitos não sabem, é que com o CSS, podemos manipular nossos backgrounds e sair de algumas enrrascadas das grandes.

Desenvolvendo layout para qualquer resolução de tela – Parte 2

Equipe VAB — Thu, 18 Jun 2009 20:32:34 +0000

Bom rapaziada, já que muita gente ficou com dúvida sobre esta vídeo aula, resolvi ensinar de outra forma a desenvolver um template compatível com qualquer resolução de tela.

Na verdade, ensinarei a desenvolver um topo com uma imagem (logomarca), já que na vídeo aula passada havia apenas ensinado com um background.

Vocês podem fazer o download do topo em png ou visualizar a página teste.

Desenvolvendo layout para qualquer resolução de tela

Equipe VAB — Thu, 18 Jun 2009 20:16:05 +0000

Salve, salve rapaziada!
Seguindo as sugestões da galera que não param de chegar, hoje irei mostrar a simplicidade de se fazer um layout dimensionável para qualquer resolução de tela. 800×600, 1024×768, 1440×900, etc…

Você também aprenderá a determinar um valor máximo e mínimo da dimensão através de CSS. O layout que desenvolvi é bem simples, contendo topo, meio e rodapé, mas sem nenhum conteúdo. Qualquer conteúdo que você venha colocar no meio, tem que estar com as dimensões em porcentagem, para que possa acompanhar o “deslizar” do layout de acordo com a resolução do visitante.