| Maior acervo de vídeo aulas da web

André Buzzo (Tuco)
967 visitas
27 jul 2010
13 Comentários

Não consegue visualizar a vídeo aula?

CSS + XHTML 1.0 Strict + Validação – Parte final

Fala pessoas! Nessa última parte da VA sobre CSS e XHTML, a gente vai aprender como inserir uma animação em Flash seguindo os padrões web! Abraços a todos e fiquem com Deus!
A próxima VA tá no forno já!

Nesse link, se encontram todos os arquivos utilizados nessa empreitada!
http://www.mxmasters.com.br/comunidade/viewtopic.php?f=51&t=4334

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

Comentários

Marcio Vinicius

AAAH MULEKE! xD Nem assisti ainda, mas só de ser o animado Tuco já to comentando previamente!

Fica com Deus Tuco!
PS; Estava esperando por essa, mesmo não gostando de Flash
http://tutorial-city.net Tutorial City

Quando for criar os objetos em javascript, você pode passar os valores direto pra ele:
var flashvars = {}, params = {menu:"false"}, attributes = {id:"rodape"};

ou ainda passar diretamente no construtor do swfObject, já que são valores bem simples:
swfObject.embedSWF("flash/anima.swf","rodape","760","57",{},{menu:"false"},{id:"rodape"});
—————————-
Validar CSS não é lá grande coisa, no fim das contas só serve pra debugar. Eu não vou deixar de usar border-radius ou outras propriedades de CSS3 só por que não está validando. Validar HTML é importante, mas CSS não merece essa atenção toda.

Abraços
Marcus

Ei Tuco muito boa aula!
será que teria como vc ensinar fazer aquela animação do topo da KR?
abraço vc é muito bom!
Marcio Vinicius

Enfim, assisti a Video Aula e ficou show man!! Mesmo eu não gostando de Flash a Video Aula foi muito útil pra mim, até porque nunca se sabe o dia de amanha né!?
Abraços.
Tuco

Fala @Marcio!

Eu também faço coro contigo! Não sou fã nem um pouco de flash…seu eu soubesse mexer legal nele, quem sabe até teria uma afinidade maior com o bagulho….

E é realmente como você disse… nunca se sabe o dia de amanhã! rs

@Tutorial City, valeu pela “enxugada” no código! Mas, por outro lado, lá no começo, vc pediu para que não fosse “assassinado” três quesitos: Semântica, Organização e Usabilidae. Espero não ter estragado nenhuma dessas 3 importantes “regras” para um desenvolvedor.
Mas, não concordo nem um pouco em “vou continuar utilizando o Border-Radius” mesmo que os outros navegadores não o entendam ainda. Eu acho que isso fere o quesito Acessibilidade, já que você, dessa maneira, programa um layout bom para um e nem tão bom para outros.
Concordo, e assino embaixo que o internet explorer é uma porcaria, mas infelizmente, ainda é o mais usado.
No seu lugar, prezando para que todos tenham o devido acesso ao layout elaborado para TODOS, não para os abastados que utilizam navegadores diferentes, eu usaria ainda, o paliativo de um background-image de bordas arrendodas.
E vou mais além. Acho que deveria ser regra, antes de se pensar no Layout ou qualquer coisa do tipo, na ACESSIBILIDADE no site. Na ferramente para aumentar/diminuir fontes e alteração de contraste, para começar.

Abraços a todos e até mais!
http://tutorial-city.net Tutorial City

@Tuco
Acho que você está confundindo acessabilidade com usabilidade. em poucas palavras, acessabilidade diz o que o usuário pode ou não fazer, e usabilidade diz o quão boa é a experiencia do usuário. O fato de lançar mão de coisas que alguns navegadores não suportam não quer dizer que você o está abandonando. Existe um tema, que anda bem na moda ultimamente, chamado de progessive enhancement, onde a ideia principal é tornar a experiencia do usuário o melhor possível, sem abandonar aqueles que não podem desfrutar de tudo que os navegadores recentes tem à disposição. border-radius é somente 1 exemplo de algo que pode ser usado nos navegadores mais recentes que não funciona no IE e ainda assim não causa nenhum dano à experiencia do usuário, e isso diz respeito não somente à funcionalidade, mas também ao design e talvez até a arquitetura da informação. Outro dia li uma discussão em um blog gringo falando + – desse assunto, e um dos comentários tinha um link com a resposta pra pergunta que está na url:(tradução: os sites precisam ser exatamente iguais em todos os navegadores?)
http://dowebsitesneedtolookexactlythesameineverybrowser.com/

Progressive Enhancement é um tópico interessantíssimo, e eu poderia deixar algumas dezenas de links aqui pra galera ler um pouco, mas vou deixar só 3, de dois um blogs sensacionais:
http://www.onextrapixel.com/2010/03/26/progressive-enhancement-what-it-is-and-how-to-use-it/

http://www.alistapart.com/articles/understandingprogressiveenhancement/

http://www.alistapart.com/articles/progressiveenhancementwithcss/

Abraços
Denildo (Dido)

@Tuco
Até que em fim Tuco 4ª parte show de bola não tinha nem noção mesmo
de como aplicar o Flash em padrões Web
parabéns
Marcio Vinicius

kkk’ “Pode pá mano @Tuco!”, aprender nunca é de mais velho, ainda mais em VA’s como essas!

Fica com Deus!
Tuco

Fala Denildo!

Valeu meu velho!! Espero que tenha valido a espera! rs

@Tutorial:

Segundo o dicionário Michaelis:

acessibilidade
a.ces.si.bi.li.da.de
sf (lat accessibilitate) 1 Facilidade de acesso, de obtenção. 2 Facilidade no trato.

Segundo o Aurélio:

Acessibilidade
s.f. Qualidade do que é acessível, do que tem acesso. / Facilidade, possibilidade na aquisição, na aproximação: a acessibilidade de um emprego.

Então, novamente, rs, não concordo sobre Acessibilidade figurar como “O QUE O USUÁRIO PODE FAZER”, e sim, como posso ajudá-lo a fazê-lo…envolve diretamente Usabilidade, e a junção, das duas, ao meu ver, torna a experiência mais agradável ainda…do que adianta eu ter um site claro e limpo se eu não disponilibilizo nenhuma ferramenta de acesso a deficientes visuais…esse é meu ponto….

Abraços a todos!
Mary

Tuco esse código em flash é só porque a DTD é strict ? e se fosse a Transitional poderia inserir via Dreamweaver como você fez no começo.
Tuco

@Mary, sim!! Em Trasitional ele aceita sim…só que você amplia o HTML do seu site blz?

Abraços!
Guilherme Nogueira

Boa noite. Cara, sua video aula é muito boa, parabéns! Assisti todas e to aprendendo muito no CSS vendo suas aulas, e vejo o quanto é simples, que por muitas vezes nós achamos que é complicado.

Obrigado por compartilhar seu conhecimento, abraço.
Wellignton Silva

Boa tarde!

Parabens pela VA.

Eu usei o codigo para inserir flash em uma página e deu certo, apenas uma coisa chama atenção.

Em alguns computadores, apenas em alguns computadores os banners em flash não aparecem. O navegador é o mesmo que abre em outros computadores que possuem firefox ou IE8 o problema pode ser local (Configuração do computador) ou o codigo utilizado.

Obrigado