13/03/2008 - 23:03 > 16.422 Visualizações > 35 comentários
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
A folha de estilo utilizada na vídeo aula abaixo, é a seguinte:
#header {
background-color:#008AEA;
height: 100px;
margin: 0 auto;
text-align:center;
padding: 10px;
}
.img-header {
float:left;
text-align:left;
}

A equipe MX é composta por administradores completamente qualificados responsáveis pela atualização diária do portal MX masters e seus sites afiliados.
Desenvolvido por David CHC e Felipe Cardozo
2/04/08 às 19:28
Parabéns Felipe Cardoso pelas video aulas !
Gostaria que vc colocasse o css comleto das aulas para que eu possa acompanhar melhor .
Um abraço !
2/04/08 às 19:44
E aí Antonio! Tudo bem?
Pode deixar que irei colocar mais vídeo aulas de CSS.
Abçs
8/04/08 às 9:45
esta video aula não esta disponivel para downlods?
12/04/08 às 18:17
Felipe boa tarde,
Primeiramente gostaria de dizer que acompanho todas as sua aulas e acho sensacional.
Bom, gostaria de saber como hvc consegue ativar esse recurso de auto-complemento no Dreamweaver. Aquele que quando vc vai digitar um codigo ele ja aparece opções a serem usada.
obriga.
2/05/08 às 12:43
Eu, como o Marcelo Barreto, tenho a mesmo dúvia quanto ao recurso de auto completar Dramweaver x css! como se faz por favor.
Obrigado
2/05/08 às 12:44
O meu e-mail correto! obrigado.
2/05/08 às 13:53
Alexander, Marcelo, vamos lá:
Edit > Peferences > Code Hints > Options > marque o checkbox “Enable code hints” e embaixo tem o “Delay”, que é a linha de tempo de espera pra aparecer o autocompletar, vai de 0 á 5 segundos. Não deixa no “zero”
Abçs
21/05/08 às 2:41
magnífico essa aula
Parabens!!
25/06/08 às 10:09
Ola Bom Primeiramente Queria te Dar Parabéns pelas Suas Vídeo Aulas Estou acompanhado as Suas vídeo aulas só que ai me pinto uma duvida besta ^^
Bom nessa vídeo Aula aparece Uma Borda Com um Tom de azul Ai pow Eu Pensei é isso que eu preciso para o meu site ^^ Só que é o seguinte Eu queria Uma borda So que com os Cantos Arredondados Isso é possível ?
26/06/08 às 0:16
Olá Vini, isso é possível sim, porém tem que interagir com imagens.
[]´s
26/06/08 às 9:48
Uma pequena observação, por que o arquivo dessa 3º video aula de CSS não é o mesmo que acaba na 2º video aula. A única coisa igual é o texto. Tirando essa observação as video aulas são muito boas e me ajudaram muito. Abraços.
26/06/08 às 9:52
desculpe, era uma coisa muito simples. Já me acertei aqui. Abraços
1/07/08 às 13:27
Henrique, tudo certo?
O arquivo é diferente porque a cada parte dessas vídeo aulas eu incluo algum item e disponibilizo o resultado.
[]´s
20/07/08 às 1:39
felipe sensacional a aula.
quando a imagem do header foi fatiada como eu faço para coloca-las no header.
abraços
21/07/08 às 11:50
Arnaldo, basta inseri-las uma ao lado da outra fatiadas.
[]´s
9/09/08 às 22:28
assim que termino de fazer o img-header a imagem vai pro “left” so que o texto que está embaixo sobe todo pra dentro do box e fica ao lado da imagem! o que pode ser?
30/10/08 às 8:32
passando só pra te parabenizar novamente pelas vídeo aulas…
já fiz hj o meu pedido dos DVD’s…
ancioso para q cheguem o/
abraços
3/11/08 às 22:38
Perfeito !
Já to na 3º ^^ gogo 4º aula !
Obrigado Felipe.
13/11/08 às 12:48
Felipe, sou um grande fã do mx masters, em especial, por estar estudando sobre construção de páginas… Estou construindo um site para minha empresa, mas só tem graça se eu fizer, gosto de aprender coisas novas.Mas estou me quebrando todo porque fiz um topo com imagem no firefox e não consigo colocar o logo da empresa na parte que quero, tem como trabalhar imagens sobrepostas em css?
Que o Mx masters continue com esse susesso todo e mais…
Abç…
16/11/08 às 22:56
Pq meu site no explorer alinha certo e no firefox nao me ajudem .Obrigado
8/02/09 às 21:27
Parabéns mais uma vez, muito boa mesmo essa video aula…
26/06/09 às 20:56
Felipe, a unica coisa que não estou entendendo é quando eu uso . quando eu uso # e talz, no arquivo CSS. E porque tem o p. em alguns.
27/07/09 às 15:31
Cara com todo respeito eu gosto de suas video aulas mas essa no youtube, ficou com filtro deles ficou com qualidade não muito boa. Bom bota esse video no Videolog porfavor.
16/09/09 às 12:02
cara o final da segunda video aula ->CSS+Tableless no Dreamweaver – Parte 2
nao termina com a pagina do geito que ta essa video aula parte 3.
a div da parte 2 termina com ela em amarelo e essa ja ta branco com um backgraund atras tinha como voce colocar ai o que vc mudou de uma aula pra outra.
26/09/09 às 22:39
Mto legal Felipe ,to acompanhando as suas video aulas de tabeless ,quando meu site tiver completo em tabeless eu posto aki ou no forum pra vc avaliar mano ;x
Ae se mora em nova iguaçu certo ? eu moro em sao joao ushauhsa’
4/10/09 às 21:48
parabéns, serviu de base para a futura criação de aulas de CSS pro meu canal do Youutube, vlw!
17/10/09 às 15:47
Oi felipe tudo baum? xD
ein, posso dar um palpite?
se sim, cara, suas video aulas são sensacionais, mais, velho, não posta video aula no youtube naum cara, pois o youtube diminui muito a qualidade do video, daí não dá para ver direito o código, quando vc estava postando no videolog estava ótimo, agora naum dá nem pra ler os códigos…
mas mesmo assim, vlw por postar as video aulas!
MUITO OBRIGADO!
17/10/09 às 22:22
@Alfredo, essa video aula foi postada no Youtube, pq foi começo do Mxmasters, agora postamos em outros lugares, como no videolog , ou vimeo. As novas vídeo aulas estão sendo publicada no Vídeo Aulas Brasil
18/10/09 às 13:09
ahh sim….muito obrigado!
26/10/09 às 15:40
Ótima Vídeo aula, estou assistindo todas, e estou melhorando no CSS.
12/11/09 às 10:03
olá Felipe blz
estou aqui para parabenizar o seu trabalho cara
e que vc saiba que com suas video aulas eu estou conseguindo adquirir muito conhecimento kra
continue enviando video aulas pq eu acho que quem adimira o trabalho que vc faz sabe valorizar o mesmo kra obrigado pela sua iniciativa vlw
teh mais !!! caso queira me add no msn estamos aii vlw
17/11/09 às 2:01
Olá, pode me tirar uma dúvida, por favor ?
Como é que eu faço pra criar um layout completo no fireworks, completo mesmo, até validação de formulário e depois fatiar e quando abrir no DW, abrir pelo css, ou seja, sem tabela ?!é possível ?
Resumindo, é possível montar um site completo no DW sem tabelas, trazendo do FW já pronto ?
17/11/09 às 12:22
@Pedro Lúcio, q eu saiba não é possivel, e não é recomendado. TEm q entender q um site profissional mesmo, dá trabalho mesmo, é necessário estudar pra saber fazer da melhor maneira possivel, e assim ter um diferencial. Apesar dos programas evoluindo, ainda não chegaram ao ponto, ainda e na parte de codigo, de retorna uma marcação semantica, isso será q terá q fazer.
23/12/09 às 13:20
Felipe, voce é bacana e sabe o que faz. rsrs
mas pelo amor de deus não da espaco e sim tab que ele da um pulo ja
euheuheuehe
te mais cara, grande abraco.
22/02/10 às 17:53
Nao use o YOUTUBE pra hospedar videos amigo, a qualidade perde muito…
:/