terça-feira, 23 de fevereiro de 2010

Pergunta de Aluno

Estou respondendo está pergunta no blog para que outros possam contribuir.

Um aluno me perguntou.

olá professor. tenho uma pergunta.
que tipo de tag eu posso usar para inserir videos dentro de um site?
eu uso <embed> mas quando o video nao foi iniciado nenhuma vez , ele mostra apenas um local vazio... tem como colocar uma foto ou uma previsualização antes do video iniciar, como no youtube é usado?
outra pergunta que tenho é como eu faço para colocar uma foto sobre outra em um site...
se pudesse retornar agradeço.

Resposta:

Para fotos ou qualquer outro elemento vc tem que usar css, para isso existe z-index, que vc seta com um valor inteiro.
Exemplo um z-index 1 fica abaixo de um z-index 2, blz, tens que fazer isso com os teus elementos.

Aqui nesse site tem um exemplo on-line bem bacana.


Mais uma coisa para funcionar z-index seus elementos devem ter position:absolute, isso também no css.

Sobre os Vídeos on-line.
Quanto ao vídeo não existe uma tag html para isso no html 4 só irá existir no html 5, mas dai nem todos os browsers irão aceitar.
Isso vimos na viagem do ano passado na Conferencia WEB W3C.

Você pode fazer isso de vária maneiras, uma delas é usar flash... ai vc usa um embed desses...
No caso da previsualização que você fala, o youtube tem um sistema automatizado para isso que captura um frame no vídeo para usar como screen inicial do vídeo.
Fazer isso da um pouco de trabalho e dependo não seja viável fazer.
O que da para fazer é você mesmo configurar uma imagem que irá aparecer como preview...
Existe um script JavaScript bem bacana para se criar elementos embed de Flash na página, chama-se swfobject.

Lembrando ainda que você deve possuir um .swf que será responsável por exibir seu vídeo, eu uso um bem interessante que é o flvPlayer.swf, ele aceita parametros como um arquivo flv, que no caso do flash é usado para streaming de vídeos.

At,
Marcondes.

segunda-feira, 22 de fevereiro de 2010

Aula 2010 - Desenvolvimento WEB

Iniciei na noite da última sexta-feira, dia 19 de Fevereiro de 2010 mais uma disciplina para o curso de Sistemas de Informação da UNIDAVI.
Ela tem como objetivo principal o Desenvolvimento WEB com HTML, CSS, JavaScript e PHP.
São estudados conceitos do HTTP e do funcionamento estrutural da WEB como o todo.

Sobre HTTP posso indicar dois vídeos que fazer parte de uma animação bem interessante sobre o funcionamento da WEB.


Para você que estiver lendo este blog deve-se perguntar o porque desse post sobre uma aula, bom é uma coisa que imaginei fazer já a um tempo, pretendo fazer outros sobre outras aulas. Já que muitos alunos podem ler estas escritas.

Outras coisa que foram vistas na sala é quanto a Utilização do UBUNTU como sistema operacional para as práticas em laboratório, não sei se é do agrado de todos, ou até pode ser, percebi que tem algumas pessoas que gostam de aprender coisas novas, mas em fim estou dando todo o suporte para a utilização do ambiente, e fazendo referencias a algumas coisas que igualmente podem ser feitas no ambiente Windows.

Quase ao final da aula instalamos alguns complementos para o Firefox, obviamente, antes que perguntem, isso não é coisa para cobrar em avaliações, mas serve como ferramenta de apoio a estudos, facilitando muito o entendimento de como funciona um HomePage.
Um desses complementos é o chamado WebDeveloper, já comentado aqui nesse blog.

Bom seria isso o material de apoio para a configuração de um novo UBUNTU já foi disponibilizado, assim como todos os complementos e material apresentado em sala.
Agora basta o empenho de todos no estudo para entendimento e ajuda em algumas dúvidas.

[] a todos
Marcondes.

sexta-feira, 5 de fevereiro de 2010

marcondesmacaneiro sent you a video: "Bernard Ice Climbing"

YouTube help center | e-mail options | report spam

marcondesmacaneiro has shared a video with you on YouTube:

Coitado ele sempre se da mal...
Bernard climbing ice mountain
Animação em 3D
© 2010 YouTube, LLC
901 Cherry Ave, San Bruno, CA 94066

marcondesmacaneiro sent you a video: "A Laranja Irritante"

YouTube help center | e-mail options | report spam

marcondesmacaneiro has shared a video with you on YouTube:

Parece uns colegas de trabalho....
Primeiro vídeo da "Laranja Irritante 1" legendado a ser postado no YouTube.

LEGENDADO POR:
D@N!3L jAcKsOn
danielnevees@hotmail.com

Comunidade Oficial da Laranja Irritante:
http://www.orkut.com.br/Main#Community?cmm=95237235

Veja todos os episódios!

A LARANJA IRRITANTE 1:
http://www.youtube.com/watch?v=qhyKJZm4N68

A LARANJA IRRITANTE 2:
http://www.youtube.com/watch?v=5pMpcKb-wUE

A LARANJA IRRITANTE 3:
http://www.youtube.com/watch?v=Vh28fD10lFM

A LARANJA IRRITANTE 4:
http://www.youtube.com/watch?v=bHNSYabkdjI

A LARANJA IRRITANTE 5:
http://www.youtube.com/watch?v=B8kliYrAKBs


Uploader | criador original:
http://www.youtube.com/user/daneboe

-
© 2010 YouTube, LLC
901 Cherry Ave, San Bruno, CA 94066

quarta-feira, 3 de fevereiro de 2010

Sobre plug-in Firefox Web-Developer

Muito bacana esse plug-in, eu já uso ele a algum tempo.
Estive googando algumas coisas e achei esse link explicando o funcionamento com algumas imagens, bem bacana.

http://www.pinceladasdaweb.com.br/blog/2009/08/14/web-developer-toolbar-overview/

--