CSS+Tableless no Dreamweaver - Parte 3

Arquivo de (Tableless/CSS) por admin em 13-03-2008 - 5,212 visualizações

Tags: , , , ,

a a a

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;

}

Permalink

Comentários:

#1.
Antonio CarlosNo Gravatar comentou:
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 !
Comentado em: 02 Abr, 7:28 pm
#2.
Felipe CardozoNo Gravatar comentou:
E aí Antonio! Tudo bem?
Pode deixar que irei colocar mais vídeo aulas de CSS.

Abçs

Comentado em: 02 Abr, 7:44 pm
#3.
João AlbertoNo Gravatar comentou:
esta video aula não esta disponivel para downlods?
Comentado em: 08 Abr, 9:45 am
#4.
MARCELO BARRETONo Gravatar comentou:
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.

Comentado em: 12 Abr, 6:17 pm
#5.
Alexander VaconcellosNo Gravatar comentou:
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
Comentado em: 02 Mai, 12:43 pm
#6.
Alexander VaconcellosNo Gravatar comentou:
O meu e-mail correto! obrigado.
Comentado em: 02 Mai, 12:44 pm
#7.
Felipe CardozoNo Gravatar comentou:
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

Comentado em: 02 Mai, 1:53 pm
#8.
Rafael NeryNo Gravatar comentou:
magnífico essa aula

Parabens!!

Comentado em: 21 Mai, 2:41 am
#9.
viniNo Gravatar comentou:
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 ?

Comentado em: 25 Jun, 10:09 am
#10.
Felipe CardozoNo Gravatar comentou:
Olá Vini, isso é possível sim, porém tem que interagir com imagens.

[]´s

Comentado em: 26 Jun, 12:16 am
#11.
Henrique AlvesNo Gravatar comentou:
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.
Comentado em: 26 Jun, 9:48 am
#12.
Henrique AlvesNo Gravatar comentou:
desculpe, era uma coisa muito simples. Já me acertei aqui. Abraços
Comentado em: 26 Jun, 9:52 am
#13.
Felipe CardozoNo Gravatar comentou:
Henrique, tudo certo?

O arquivo é diferente porque a cada parte dessas vídeo aulas eu incluo algum item e disponibilizo o resultado.

[]´s

Comentado em: 01 Jul, 1:27 pm
#14.
Arnaldo CruzNo Gravatar comentou:
felipe sensacional a aula.

quando a imagem do header foi fatiada como eu faço para coloca-las no header.

abraços

Comentado em: 20 Jul, 1:39 am
#15.
Felipe CardozoNo Gravatar comentou:
Arnaldo, basta inseri-las uma ao lado da outra fatiadas.

[]´s

Comentado em: 21 Jul, 11:50 am
#16.
FlávioNo Gravatar comentou:
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?
Comentado em: 09 Set, 10:28 pm
#17.
ArthurNo Gravatar comentou:
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
Comentado em: 30 Out, 8:32 am
#18.
Manoel MendesNo Gravatar comentou:
Perfeito !
Já to na 3º ^^ gogo 4º aula !
Obrigado Felipe.
Comentado em: 03 Nov, 10:38 pm
#19.
ElisandroNo Gravatar comentou:
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ç…
Comentado em: 13 Nov, 12:48 pm
#20.
ErickNo Gravatar comentou:
Pq meu site no explorer alinha certo e no firefox nao me ajudem .Obrigado
Comentado em: 16 Nov, 10:56 pm