Spry - Collapsible Panel

Arquivo de (Spry) por Felipe Cardozo em 08-05-2008 - 926 visualizações

Tags: , ,

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

Continuar leitura »

Spry - Accordion e efeito sanfona

Arquivo de (Spry) por Felipe Cardozo em 06-05-2008 - 685 visualizações

Tags: , , ,

E aí pessoal! Tudo certo?
Mais uma vez, venho mostrar o quão o nosso querido e recém apresentado spry pode ser útil. Na vídeo aula anterior, vimos que com ele podemos criar um super Tabbed Panel que incrementará mais ainda nosso projeto. Nesta vídeo aula, iremos aprender a fazer um efeito sanfona com o Spry Accordion.

Veja um exemplo aqui

Assista à vídeo aula:

Continuar leitura »

Spry - Tabbed Panels

Arquivo de (Spry) por Felipe Cardozo em 05-05-2008 - 700 visualizações

Tags: , , ,

Nesta vídeo aula, iremos aprender a criar um Tabbed Panel no Dreamweaver com Spry. Anteriormente aqui no mxmasters, nós tínhamos um Tabbed na parte superior do conteúdo do site, onde separávamos as categorias, como Dreamweaver, Fireworks, Flas, etc… Com o Tabbed Panel, você consegue disponibilizar um meio mais rápido de mostrar algum conteúdo, chamada, fotos, e outros conteúdos.

Veja um exemplo do Tabbed aqui

Assista à vídeo aula!

Continuar leitura »

DVD - Pacotão mxmasters com mais de 30 vídeo aulas

Arquivo de (Spry) por Felipe Cardozo em 02-05-2008 - 936 visualizações

Tags: , ,

Saiu do forno o que muitos queriam! Após sugestão, pedidos e até intimação dos amigos visitantes do mxmasters, está pronto o “DVD Pacotão mxmasters” com mais de 30 vídeo aulas. Para aqueles que esperam o DVD especial “Criando um site completo volume 2″ acalmem-se. Ele também sairá do forno semana que vem. Estamos terminando a edição e ajustes.

Para saber mais sobre o DVD Pacotão mxmasters, clique aqui!

Agora, deixa eu voltar a gravar mais vídeo aulas de spry pro site, pois como dizia o Cazuza “O tempo não pára”! :)

Spry - Menu Bar com sub-ítens

Arquivo de (Spry) por Felipe Cardozo em 02-05-2008 - 1,020 visualizações

Tags: , ,

Com muita satisfação inauguro a categoria spry aqui no mxmasters. Na vídeo aula, falarei um pouco sobre o que significa isso e as facilidades que nos proporciona, mas se você quiser ler mais sobre o spry, clique aqui.

Hoje, iremos aprender a desenvolver um Menu Bar com o spry, nos padrões web utilizando CSS e Javascript. O mais interessante, é que você não precisa ser expert em ambos. Em poucos cliques e uma boa customização na formatação, seu Menu bar estará pronto.
Para você ter um aproveitamento melhor com o spry, é bem interessante que estude mais um pouco sobre CSS e Tableless, clicando aqui.

Veja o exemplo do Menu Bar feito com spry aqui

Assista à vídeo aula

Continuar leitura »

Vídeo aula: Criando um site completo (Download da vídeo aula)

Arquivo de (Dreamweaver, Imagens/PNG, Scripts, Spry, Tableless/CSS) por Felipe Cardozo em 31-03-2008 - 11,794 visualizações

Tags: , , , ,

Criando um site completo

DOWNLOAD DA VÍDEO AULA:

Download parte 1
Download parte 2
Download parte 3
Vídeo aula: Criando um site completo - Arquivos utilizados

CONTEÚDO DA VÍDEO AULA

Fireworks

  • Abrindo o documento
  • Determinando dimensões e background
  • Desenvolvendo o topo
  • Trabalhando com Mask
  • Combine Paths
  • Trabalhando com Degradê
  • Desenvolvendo o menu e o corpo do layout
  • Fatiando o layout
  • Exportando conteúdo fatiado

Dreamweaver

  • Importando conteúdo fatiado
  • Configurando margens
  • Organizando layout
  • Trabalhando com rollover image

CSS

  • Definindo Background
  • Definindo fontes
  • Definindo Títulos
  • Definindo bordas
  • Definindo formato de links
  • Definindo formato de formulários

O layout que iremos aprender a desenvolver, será como este abaixo, desenvolvido por Felipe Cardozo especialmente para a vídeo aula:

Vídeo aula especial

Clique na imagem para ampliá-la