Cursos MX Masters - Tableless

Descrição do Produto
Com um conteúdo excepcional, o curso é sem dúvidas uma das maiores novidades na internet.

Além disso, ensinaremos como deixar seus projetos corretamente visíveis nos browsers como IE 6.0 (O terror dos desenvolvedores)...

Mais de 5hs de curso, divididos nos principais itens imprescindíveis para você.

Torne-se um profissional web e desenvolva projetos como gente grande.

O curso foi renderizado como arquivo de vídeo .AVI, deixando a qualidade de imagem do curso simplesmente SENSACIONAL.

Especificações do DVD

Instrutor: Felipe Cardozo
Tempo de DVD: Mais de 5hs
Tipo de arquivo: AVI

Conteúdo do DVD

Introdução ao CSS

Apresentação do instrutor
O que é CSS e quais suas vantagens
As desvantagens de não usar CSS
Devemos excluir as tabelas de nossos projetos?

Inserindo estilo na página

Inserindo estilo internamente
Inserindo estilo usando @import
Inserindo estilo usando link href

Entendendo a folha de estilo

O que é seletor
O que é propriedade
O que são valores
Propriedade padding
Propriedade margin
Otimização de valores

Propriedade font

font-family
font-color
font-weight
font-size
Otimização de estilos

Propriedade text

text-align
Text-align:right
Text-align:left
Text-align:center
Text-align:justify
text-transform
text-transform:uppercase
text-transform:lowercase
text-transform:capitalize
text-decoration:
text-decoration:underline
text-decoration:overline
text-decoration:line-through

Propriedade background

background:
background-color:
background-image:
background-repeat:
background-position:
background-position:left
background-position:right
background-position:top
background-position:bottom
Aplicando degradê como background
Background fluído
Integração background fluído e background-color

Propriedade border

Border-color
Border-style
Border-top
Border-left
Border-right
Border-bottom
Divs e classes
O que são divs e classes
Empregando divs no documento
A importância dos comentários no documento
Inserindo uma div dentro de outra
Div fluída(para todas resoluções de tela)
Centralizando site no meio da tela
Trabalhando com classes
Empregando a classe no elemento

Propriedade float e estrutura de 2 colunas

Para que servem
float:left
float:right
hack divclear com clear:both
Flutuando o rodapé e clear:both

Propriedade overflow

Para que serve
Overflow:scroll
Overflow:auto
Overflow-x:
Overflow-y:
Eliminando barra de rolagem do site todo:

Layout com 3 colunas

linkando folha de estilo
Criando estrutura com divs.
Criando div geral
Criando div topo
Criando div menu
Criando div barra lateral esquerda
Criando div conteúdo central
Criando div barra lateral direita
Criando div rodapé
Dando forma à estrutura através da folha de estilo
Criando layout com 3 colunas utilizando as propriedades ensinadas anteriormente

Pseudoclasses

O que são
Pseudoclasse hover
Pseudoclasse active
Pseudoclasse visited

Propriedade list

O que é
Tipos de listas
Listas não ordanadas
Definindo cor para background da UL e LI
list-style-image:
list-style-position:
inside
outside
list-style-type:
Disc
circle
square
Listas não ordenadas
Definindo as OL´s
list-style-type
decimal
lower-roman (listas em algarismos romanos minúscolas)
upper-roman (listas em algarismos romanos maiúsculas)
lower-alpha (listas em ordem alfabética minúscolas)
upper-alpha (listas em ordem alfabética maiúsculas)
Resumindo valores da propriedade list
Usando listas para criar um menu
Display:block
Display:inline

Menu horizontal

Empregando as listas no documento
Formatando ul
Formatando li
Formatando li a
Formatando li a:hover
Efeitos de bordas nos menus
Testando o menu no IE6
Background-image para menu
Testando o menu no IE6

Menu vertical

Empregando as listas no documento
Formatando ul
Formatando li
Formatando li a
Formatando li a:hover
Manipulando background-image nos menus
Testando menu no IE6

Otimizando folha de estilo

Estilos agrupados
Códigos pequenos

Desenvolvendo projeto final

Apresentação
A importância de trabalhar com imagens leves
Exportando de forma correta layout do fireworks
Exportando topo do layout
Exportando logomarca do layout
Exportando menu do layout
Exportando banner
Exportando background do conteúdo
Exportando background da sidebar
Mapeando áreas do layout para criação das divs

Iniciando projeção da estrutura

Criando a div topo
Criando a div menu
Criando a div imagem
Criando a div conteudo
Criando a div bloco-esquerdo
Criando a div rodape
Inserindo comentários nas divs
Inserindo comentários nas divs

Trabalhando a folha de estilo

Resetando valores defaults dos elementos
Definindo formatação do body
Definindo formatação da div topo
Inserindo logomarca do documento e definindo sua formatação
Centralizando site
Formatando h1 da logomarca
Pseudo-topo usando background no body
Definindo posição da logomarca
Estruturando div do menu e da imagem
Trabalhando com pseudo-topo para background do topo e menu
Criando a div da imagem
Testando conteúdo no IE6
Validando código no W3C
Criando coluna central
Criando coluna da direita
Flutuando blocos com float
Desenvolvendo rodapé
clear:both no rodapé
Definindo background-image com cantos arredondados do conteúdo
Div clear para bug do background-image sem height
Organizando o conteúdo central
Inserindo banner central
Inserindo conteúdo central
Formatando rodapé
Inserindo imagem na div imagem
Formatando a barra lateral direita
Modificando margin da sidebar
Aplicando o hack do display:inline para corrigir erro de margin duplicada
Inserindo background de canto arredondado na sidebar
Testando layout no IE6
Organizando imagens da sidebar
Aplicando class nas imagens
Efeito de bordas duplas nas imagens
Formatando informações da empresa na sidebar
Criando e formatando divs de navegação
Empregando divclear:both no conteúdo
Desenvolvendo o menu horizontal
Inserindo as listas no documento
Formatando ul
Formatando li
Formatando ul li a
Formatando ul li a:hover
Separando blocos da li usando a prática do border
Criando efeitos a:hover com background no estilo windows vista
Testando layout no IE 5.5, IE 6 e IE 7 e no IE 8.0
Estilizando conteúdo da localização da empresa
Criando páginas do site
Modificando conteúdo de cada página
Criando descrição das páginas
Formatando o formulário de contato
Validando folha de estilo
Considerações finais e fim do curso

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] MxMasters - Tableless