Programa #07 no ar e ninguém pode deixar de assistir até o final. O final está espetacular…
Bom, como Aleixo diz, justo é o combinado, promessa cumprida. Como atingimos os acessos que Aleixo determinou no programa #05, estamos aí pagando a prenda.

Em tempo: Melhoramos o áudio (ueeeeba).

No programa de hoje, falaremos de:

Notícias
Falarei um pouco sobre uma matéria do René de Paula Jr para a revista webdesign, que fala da web 2.0 e o fim dos usuários.

Top sites

• http://browsershots.org

• http://validator.w3.org/

• http://www.iconesbr.net/

• http://www.pontoxp.com

Dicas da semana

• Manipulando bordas no CSS
• Criando uma logomarca pelo Fireworks

Software

• PC inspector file Recovery

Parceria

• Falamos sobre a nova integração guanabara.info e mxmasters

Sessão abraços

• Abraços do Aleixo
  • Franklin Costa
  • Melquisedeque
  • Rannyere Willians
  • Marcos Cesar
  • Escreusiney
  • Thiago Retondar
  • Fernando Birnfeld
  • José sem sobrenome
  • Marciano (Novo colunista)
  • Gustavo Guanabara (Novo colunista)
• Abraços do Felipe Cardozo
  
  • Pontes junior (Novo colunista)
  • Rafael Silva (Novo colunista)
  • Márcia Bárdaro
  • Rene de Paula jr
  • Tomer Simis
  • André Sugai
  • André Santos
  • Felipe Santana
  • Diego Soares
  • Fábio Costa
  • Fernando Felix
  • Fernanda Visconti

Patrocinadores

• www.hostnet.com.br
• www.videolog.com.br

Em tempo: Dicas, elogios, sugestão e críticas, enviem e-mail para mxwebtv@mxmasters.com.br

Participem e comentem, pois sua participação e comentários poderão lhe dar prêmios… Além disso, os e-mails serão lidos no programa.

“Estava eu”, conversando com minha querida Patrícia Baptista, quando ela me apresentou um site muito interessante: http://www.acessibilidadelegal.com.

Este site foi desenvolvido por Marco Antônio de Queiroz, um deficiente visual. Mas vocês devem estar se perguntando: Mas como um deficiente visual pode desenvolver um site, aliás, como pode um deficiente acessar um site? Pode? Pode sim, e neste vídeo, em que o MAQ, como é conhecido,  participa, vocês compreenderão o quanto a acessibilidade faz a diferença na vide não só de deficientes visual, mas também na vida de pessoas portadoras de outros tipos de deficiências…

Adorei o vídeo e espero que vocês gostem.

Continuar leitura »

O site CSS Globe (muito bom, por sinal) disponibilizou um tutorial ensinando a criar uma barra de progresso. Até aí tudo bem, se não fosse um importante e surpreendente detalhe: O efeito só (E SOMENTE SÓ) usa CSS. Nada de Java Script e nada de outro tipo de programação.

O efeito é bem interessante e pode “quebrar um galho” de muitos que precisam colocar uma barra numa animação, numa imagem, etc…

Veja um exemplo do efeito aqui

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:

Clique na imagem para ampliá-la

Olá!
Na 5º vídeo aula de CSS+Tableless, iremos formatar o conteúdo dos Boxs com text-align e border-bottom nos títulos.

Clique aqui e veja como o projeto ficará no final desta vídeo aula. É notória a rapidez com que um layout desenvolvido com CSS é aberto. Além disso, o código fonte fica extremamente otimizado.

Assista à vídeo aula

Continuar leitura »

Na 4° parte da sessão CSS+Tableless no dreamweaverm iremos aprender a criar 2 boxs. Nesta vídeo aula, iremos utilizar o float como ítem fundamental.

Além disso, iremos modificar a resolução do site para 779px e colocá-lo alinhado no centro da página utilizando margin 0 auto e text-align-center.

Bom aprendizado!

Assista à vídeo aula

Continuar leitura »

Na 3° parte da introdução ao CSS+Tableless no dreamweaver, iremos aprender a criar um topo e colocar um logotipo.
Caso você queira acompanhar a página teste que estamos desenvolvendo com o andamento das vídeo aulas, clique aqui. Algumas vídeo aulas estão sendo feitas com tabelas, mas sempre deixamos claro a necessidade de ser aprender tableless e contruir layouts nos padrões web

Assista à vídeo aula
Continuar leitura »

Olá!
Na segunda parte de CSS+Tableless no dreamweaver, vamos aprender regras de agrupamento de seletores, seletores classe e seletores ID. Esta regra é bastante utilizada para incluir uma formatação em mais de um seletor (elemento html, div, id, etc…). Esta vídeo aula é imprescindível para você tem uma maior idéia das características da CSS.

Assista à vídeo aula

Continuar leitura »

Cascading Style Sheets, ou simplesmente CSS, é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.

Ao invés de colocar a formatação dentro do documento, o desenvolvedor cria um link (ligação) para uma página que contém os estilos, procedendo de forma idêntica para todas as páginas de um portal. Quando quiser alterar a aparência do portal basta portanto modificar apenas um arquivo.

Assistir à vídeo aula

Continuar leitura »

Peguei este excelente artigo do nosso site parceiro Pinceladas da webPanel Gallery é uma opção interessante de se mostrar nossas imagens. Ele nos permite montar uma galeria de imagens mediante painéis estilo miniaturas, onde, ao invés de você dar um clique para ver a imagem em tamanho maior, você vai navegando com o mouse por diversos pontos da imagem para vê-la. Se a explicação ficou meio confusa, dêem uma olhada no exemplo.
Continuar leitura »