13/03/2008 - 23:03 > 16.422 Visualizações > 35 comentários

CSS+Tableless no Dreamweaver – Parte 3

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;

}

Posts relacionados

Admin

A equipe MX é composta por administradores completamente qualificados responsáveis pela atualização diária do portal MX masters e seus sites afiliados.

Outros posts deste autor

Este autor atualmente possui 207 posts

Veja todos os posts de Admin

Comentários / Deixe seu Comentário

35 respostas para 'CSS+Tableless no Dreamweaver – Parte 3'

Antonio Carlos Diz:
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 !
Felipe Cardozo Diz:
2/04/08 às 19:44
E aí Antonio! Tudo bem?
Pode deixar que irei colocar mais vídeo aulas de CSS.

Abçs
João Alberto Diz:
8/04/08 às 9:45
esta video aula não esta disponivel para downlods?
MARCELO BARRETO Diz:
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.
Alexander Vaconcellos Diz:
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
Alexander Vaconcellos Diz:
2/05/08 às 12:44
O meu e-mail correto! obrigado.
Felipe Cardozo Diz:
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
Rafael Nery Diz:
21/05/08 às 2:41
magnífico essa aula

Parabens!!
vini Diz:
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 ?
Felipe Cardozo Diz:
26/06/08 às 0:16
Olá Vini, isso é possível sim, porém tem que interagir com imagens.

[]´s
Henrique Alves Diz:
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.
Henrique Alves Diz:
26/06/08 às 9:52
desculpe, era uma coisa muito simples. Já me acertei aqui. Abraços
Felipe Cardozo Diz:
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
Arnaldo Cruz Diz:
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
Felipe Cardozo Diz:
21/07/08 às 11:50
Arnaldo, basta inseri-las uma ao lado da outra fatiadas.

[]´s
Flávio Diz:
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?
Arthur Diz:
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
Manoel Mendes Diz:
3/11/08 às 22:38
Perfeito !
Já to na 3º ^^ gogo 4º aula !
Obrigado Felipe.
Elisandro Diz:
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ç…
Erick Diz:
16/11/08 às 22:56
Pq meu site no explorer alinha certo e no firefox nao me ajudem .Obrigado
Alex Melo Diz:
8/02/09 às 21:27
Parabéns mais uma vez, muito boa mesmo essa video aula…
Rafael Câmara Diz:
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.
Daniel Ribeiro Diz:
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.
Rubens Diz:
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.
Fabricio Diz:
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’
JaiWeb Diz:
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!
Alfredo Diz:
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!
David CHC Diz:
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
Alfredo Diz:
18/10/09 às 13:09
ahh sim….muito obrigado!
Rodolpho Diz:
26/10/09 às 15:40
Ótima Vídeo aula, estou assistindo todas, e estou melhorando no CSS.
Leonardo Diz:
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
Pedro Lúcio Diz:
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 ?
David CHC Diz:
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.
Lothar Matthaus Diz:
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.
André Luiz Alces Diz:
22/02/10 às 17:53
Nao use o YOUTUBE pra hospedar videos amigo, a qualidade perde muito…

:/