| Maior acervo de vídeo aulas da web

André Buzzo (Tuco)
1.115 visitas
11 jul 2010
31 Comentários

Não consegue visualizar a vídeo aula?

CSS+XHTML 1.0 STRICT+VALIDAÇÃO – Parte 3

Fala pessoas! Nessa 3º parte, vamos configurar nosso conteúdo do site utilizando apenas CSS para posicionar textos, imagens, e estilizar as TAG´s necessárias para se adequarem ao nosso layout proposto no Fireworks! Aproveitem, comentem, discutam! Abraços e até a próxima!

Você gostou dessa Vídeo Aula, então compartilhe com seus amigos

Comentários

Denildo

Parabéns, Tuco mais uma vez agora estou esperando a próxima parte vi que teve muitas criticas a respeito à VA 2 mais suas aulas são show de bola, sei que pra um css legal tem otimização de códigos mas pra galera que ta iniciando ta perfeita e esperando a VA 4 a que eu mais quero valeu até a próxima aula.
Tuco

Fala @Denildo!

Que nada meu amigo! Críticas são sempre bem-vindas!

E obrigado pelos comentários, e aguarde a última parte da VA que eu vou explicar como inserir o flash seguindo os padrões!!

E que venham os comentários e as críticas, pois só nos fazem melhorar e procurar novas soluções para os problemas!

Abraços!
Marcus

Muito boa suas aulas bem dinâmicas e muito bem explicadas, seria legal se tambem você mostrase em suas aulas maneiras de “resumir” vamos dizer assim o código css, pra ficar menor, mais eu gostei muito! Parabéns!
Tuco

Fala @Marcus!

Seguinte…dá para se resumir algumas coisas no CSS sim, mas haveria de explicar de forma mais aprofundada o lance de herança no CSS, que é mais chatinho…

Mas, particularmente, eu prefiro ter um código CSS maior do que HTML em si na página. Facilita na hora da manutenção do site. Tanto no HTML quanto no CSS…

Mas posso estudar em montar uma VA falando sobre herança CSS…

Valeu pela dica, pelo comentário e vambora!

Abraços!

http://www.videoaulasbrasil.com.br David CHC

@Tuco, tomei um susto com cachorros, mas tá valendo, rs. Muito boa aula, e me deu até uma ideia para criar uma aula vendo a sua, rs. Continue assim, parabéns! abrs.

CELSO RAMOS

Parabéns pelo seu excelente trabalho, muito didático, bem explicativo e num ótimo ritmo, estou iniciando agora minhas incursões pelo mundo de sites e quero desenvolver o meu próprio site, estou com 56 anos e nunca e tarde.
Gostaria de saber se voce vai falar sobre MYSQL, ok.
Abraço
Celso Ramos
Tuco

Fala SR.Celso!

Muitíssimo obrigado! Comentários como o seu que nos deixam mais felizes e motivados a criar esses conteúdos e partilhar o ínfimo conhecimento que vamos adquirindo com as “quebradas de cara” que as vezes (normalmente) levamos…rs

Fico muito feliz em saber que alguém com 56 anos tem interesse e vontade de aprender nesse mundo web e procura conhecimento nesse canal!

No que eu puder lhe ajudar nessa nova empreitada, me coloco a disposição!

Temos também, caso o Sr. desconheça, um Fórum bem participativo onde as vezes, conseguimos resolver várias dúvidas que nos são enviadas!

http://www.mxmasters.com.br/comunidade/index.php

Fique a vontade, e vamo-que-vamo!

Abraços!
Tuco

kkkkkkkkkkkkkkkkkkkkkkkkkkkkk

Fala @David!

O nome do figura é Daniel´s….Jack Daniel´s…..

E late pra quarqué coisa….rsrs

Ainda bem que serviu pra dar ideias essa VA…kkkkk

Abraços!
João Carlos

Video com qualidade horrivel. nao da pra ver nada nem os codigos…
Tuco

Que estranho @João Carlos!

Ninguém reclamou disso….tente vê-lo em FullScreen pra ver se melhora…

Mesmo assim, obrigado pela visita!

Abraços!
http://www.2adminrio.freevar.com Saulo Brito

Parabéns TUCO !
Agradeço você por estar passando o seu conhecimento adiante, sou apenas + um novato no mundo da web, espero um dia chegar ao nível de conhecimento que vc tem.Foi + uma excelente video aula e tirou minhas dúvidas sim!

Reafirmo aqui, falta um curso completo seu aqui no Mxmasters, eu compro!

E a qualidade do vídeo está ótima, da pra entender tudo perfeitamente.

Abraços, aguardo + e +
kkkkk
Tuco

Fala aê @Saulo!

Muito obrigado pelo apoio e pelo elogio! Quem sabe um dia rola um curso pro Mx Master…eu ia ficar me achando!! hahahahahaha

Fica esperto que na próxima semana vem a parte final, e tô pensando em criar uma VA mais aprofundada de formatação de texto usando CSS….

Abraços meu velho!
Marcio Vinicius

“Servidos Vertrigo ou Vértrigo eu não sei como se chama esse inferno” KKKKKKK eu ri nessa parte, por essa eu não esperava, gostei, gostei, kkkkk.

Excelente video aula, e a qualidade está ótima!! ^^ Já estou aguardando a ultima hein!? Mas me bateu uma dúvida aqui… Por que você colocou o dentro de uma img? não entendi ao certo, rs’

E David ira criar uma VA tbm?? Já estou esperando, rsrs’ Abraços a todos!! Valeu TUCO!
Tuco

Fala Marcio!!

O que eu coloquei dentro da img? Dentro de uma tag p?

Não entendi a sua pergunta…rs

Abraços!
Marcio Vinicius

Eae TUCO, então cara, eu havia colocado as TAGS na pergunta, mas elas não foram exibidas, que tenso. Mais uma vez: Por que você colocou a Imagem dentro da TAG p? rs
Mary

Tuco cadê a parte 4 dessa vídeo aula! !
Tuco

Márcio e Mary. meus queridos M & M´s…rs…

Vamos lá!

Em HTML 1.0 Strict, a gente não pode mais usar o align diretamente em div´s, em td´s de tabelas, e na própria imagem. Então, normalmente, criamos um seletor P, e nele, editamos no css o posicionamento da imagem. Nesse caso, eu coloco a tag IMG dentro de uma tag P para exatamente alocá-la onde eu preciso, respeitando o código do 1.0 STRICT…

Se você não puder “quebrar a linha”, utilizando a tag P, vc pode usar a tag SPAN, que declara elementos em linha… é outra saída no caso de quebrar o layout tão cuidadosamente elaborado…

Quanto a parte 4, se Deus quiser, sábado eu a crio e já envio para a Redação aprovar e inserir aqui no site!

Mais uma vez, obrigado pelos comentários, e quarqué dúvida não solucionada nesse canal, a gente sana na próxima VA…vou fazer no mesmo esquema…abro aqui e vou respondendo ok?

Abraços a todos!
Marcio Vinicius

AAAH certo, compreendi TUCO, valeu rapaa! Então sabado tem mais hein!?? ;D AII SIM! Mas ja perguntou.. Depois dessa ultima video aula, quais são os planos??

Abraços
Tuco

Quais os planos?

Tomar uma cerveja e conquistar o mundo…. kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
Marcio Vinicius

KKKKKKKKKKKKKKKKKK Se fosse pelo menos um refrigerante eu entraria nessa….

Mas nada de video aulas?
mary

Tuco não entendi direito a função da tag
Span?.Mas desde já queria parabenizá-lo pela sua didática que é muito boa mesmo continue postando mais aulas de CSS e Tableless, por favor! ! ! !
Tuco

Fala Mary!

Existem alguns tipos de elementos em HTML, que são considerados elementos de “linha”, “paragráfo” e “blocos”.

Se formos seguir de acordo com os padrões web, o elementos em linha (img, link, títulos (desde que não sejam cabeçalhos como os H1 até os H6´s da vida)), devem ser alinhados usando a tag SPAN….

A tag P serve exatamente para parágrafos e “podem” ser usadas para imagens também, dependendo de sua aplicação no contexto. Se você puder alinhar a imagem usando a tag P, pode usar. Se houver a necessidade de um outro estilo ser aplicado a imagem, que difere do seu estilo pré-programado para a tag P via CSS, vc usa a SPAN que é a mais recomendada.

Quando você inserir um “bloco” de texto mais extenso, você deveria utilizar a tag BLOCKQUOTE para isso.

Assim como para aqueles endereços que normalmente vão no rodapé do site, você deve usar a tag ADDRESS para formatá-la!

Márcio:

Minha próxima VA, a qual estou vendo a melhor maneira de montá-la, poderá ser sobre herança em CSS, que é mais complicado para explicar e demandaria uma ou duas VA para tentar explicar direito..rs…

Abraços a todos e obrigado pelas visitas!
Fabio

Grande video aula Tuco bem detalhada, bem diferente de algumas que vejo por ai parabens,so uma pergunta amigo cade a quarta aula, abraço valeuuuuuuuuuu!!!
Tuco

Mary, falei um besteirão para você ali em baixo!

A tag P não é de linha, e sim de bloco ok???

Perdão….

E Fábio,, obrigado pelo comentário! A próxima VA sai em breve!

Abraços!
Fabio

Grande Tuco bele, so uma duvida se ue colocar divs separadas e cada uma com um id e no css identificar os seletores e der por exemplo um text align para cada uma eles vão seguir?
pois estou fazendo um site e isso não esta acontecendo, desde ja valeuuuuuuu!!!!
Tuco

@Fabio, provavelmente você deve ter declarado um text-align em um lugar do seu script que manda na página inteira, e ele não está conseguindo sobrescrever a sua regra agora. Se você colocou no “* body”, remova de lá e insira na sua DIV principal..ou tenta o seguinte:

Qaundo você declarar o ID da Div, abre um seletor descendente para a TAG que vc precisa “atacar”. Se for um TAG de bloco (para quebrar linha), use a tag P. Se não houver necessidade da quebra de linha, usa a tag SPAN que não rola essa quebra. Aí no código, ficaria assim:

#nome-da-div {
dados que você vai inserir aqui!
}

#nome-da-div span {
text-align: justify;
}

Tudo o que estiver com a tag SPAN, dentro da DIV “nome-da-div”, vai seguir a sua formatação. Se vc utilizar a tag P, basta criar outro seletor para ela. Digamos que você queria deixar a SPAN como justify e a P como center.

Você precisaria então do seguinte código:

#nome-da-div p {
text-align: center;
}

Espero ter ajudado!
Abraços!
Mary

Tuco continue postando mais vídeos aulas de Dreamweaver ! ! ! .Você poderia explicar as funções do site definition quando se cria uma site em uma próxima vídeo aula hein ?
Tuco

Fala Mary!

Pode deixar! Sugestão anotada….vou providenciar uma VA explicativa sobre isso!

Abraços!
http://cotidianocomunicacao.com.br Leo Dias

Olá, Tuco! Mto bom, cara, vc está de parabéns! Só tive um probleminha aos 45′ do 2º tempo. Na parte em que o rodapé deveria acompanhar/descer de acordo com o acréscimo de mais conteúdo: o meu ficou paradão, com o conteúdo sobrepondo o “danado”!rsrs…vasculhei o código e não achei erro. O q pode ser, Tuco? Abraço!
Tuco

Leo, experimenta colocar no rodape a seguinte declaração lá no CSS:

clear: both;

É pra mandar o rodapé pra baixo!

Abraços!
Denergt1

Muuuito bom!!!!!