Como fazer un mediaplayer

Abrir página: http://www.jeroenwijering.com/?page=wizard

Embed parameters -> source: sites/all/themes/tvlata/player.swf

Embed parameters ->height: 300

Embed parameters ->width: 400

File Properties -> file: http://www.tvlata.org/sites/all/themes/tvlata/radiolata.mrss.php

Layout -> controlbar: Bottom(default)

Layout ->  playlist: Right

Entrar en tvlata

Conteúdo tvlata -> Criar conteúdo -> Blog Entry

disable rich-text

Copiar e Colar texto:

<script type="text/javascript" src="/embed/swfobject.js"></script>
<div id="player">This text will be replaced</div>
<script type="text/javascript">
var so = new SWFObject('sites/all/themes/tvlata/player.swf','mpl','400','300','9');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('flashvars','&file=http://www.tvlata.org/sites/all/themes/tvlata/radiolata.mrss.php&playlist=right');
so.write('player');
</script>

reemplazar: embed por "misc"

Enviar

Editar Entrada do Blog

Reemplazar:

http://www.tvlata.org/sites/all/themes/tvlata/radiolata.mrss.php

http://blip.tv/rss/bookmarks/17385

http://gdata.youtube.com/feeds/api/users/tvlata/uploads

Hoy vamos a hacer una excursión a Internet

Enciclopedias

www.wikipedia.org

Buscadores de contenidos diferentes

Buscadores generales

www.yahoo.com

www.google.com

Buscadores de imagenes

http://picasaweb.google.com.br

http://www.flickr.com

http://www.picsearch.com

http://www.freefoto.com/index.jsp

http://browse.deviantart.com

http://picasaweb.google.com.br

Buscadores de video

http://video.google.com

http://blip.tv

http://www.archive.org

http://youtube.com

Mapas

http://maps.google.com.br/
buscar salvador encontrar alagados

juegos online

http://sitededicas.uol.com.br/jogos.htm

http://sitededicas.uol.com.br/enigma.htm

http://sitededicas.uol.com.br/quiz.htm

Colecciones de links

http://www.santateresinha.com.br/ei/links.htm

http://www.alzirazulmira.com/links.html

API

http://code.google.com/apis/earth/documentation/examples.htm (precisa plugin de google)

http://www.flickr.com/services/

Trabalhar com imagens - A resolução e o peso da imagem.

Um programa muito rápido para manipular imagens é irfanview.

As fotos tomadas com a cámera às vezes não estão bién para usar as directamente. São demasiado grandes e a pessoa sai tumbada.

Abrimos esta foto com o programa irfanview e apertamos a tecla R. Vemos que Jamile se põe de pé.

Para poder usar as fotos sacados com a cámera também precisamos fazê-las mais pequenas.
Se a imagem é muito grande não se vê bem no navegador e demorará muito em descargarse.

Para mudar o tamanho da imagem só precisa apertar Ctrl-R no teclado e
eleger a resolução que queremos. Podemos jogar com a resolução para
encontrar um tamanho que gostamos. Mas não deve ser mas grande de 500 x 500 pixel.

Apertando S no teclado podemos salvar a imagem. Como regra geral guardamos as fotos no formato jpg e graficos no formato gif.

Nesta página você pode criar imagens animados.

http://picasion.com

Um exemplo

Introdución al Drupal editor

Como selecionar textos, Copiar (Ctrl-c) , Cortar (Ctrl-x) , Pegar (Ctrl-v), Desfazer (Ctrl-z), Refazer (Ctrl-Y)
Formateo básico de textos (Ctrl-b - Ctrl-i - Ctrl-u - Familia(Fonte))
Cor de fondo, cor de texto

Introducir imágenes

Preparación de la imagen (dimensiones y peso)
Subir la imagen al servidor, añadir imagen, posicionar imagen

Introducir links

copiar y pegar URL
target="_blank"

Tarefas de hoje:

Descargar e instalar mozilla http://www.mozilla.com um navegador muito bom

Descargar e instalar irfanview http://www.irfanview.com/ um programa muito bom para manipular imagens rapidamente
Instalamos o idioma Portugues-Brasil http://www.irfanview.net/lang/irfanview_lang_portugues_brasil.exe
Instalamos os plugins do irfanview http://irfanview.tuwien.ac.at/plugins/irfanview_plugins_420_setup.exe

Fazer fotos

Descargar fotos
ao computer

Incrustar fotos ao página web

Cambiar tamanho do fotos

Respasar

Html

Tag

Trabalhar com imagenes

para inserir uma imagem na website temos que escrever

<img src="imagem.jpg" width="100" heigth="200" />

src o atributo informa onde a imagem esta localizada (src, abreviatura para "source" - local de armazenagem ).
width e a largura do imagem en pixel
height e a altura do imagem en pixel

Não faz falta escrever os atributos de largura (width) e altura
(height), mas podemos fazer coisas divertidas, por exemplo esticar a
imágen ou fazer a mas larga.

Eduardo (342 x 456 Pixels)
Codigo: <img src="/files/u39/eduardo_general.jpg" alt="imagem ancha" title="imagem ancha" width="342" height="200" />

Josue (342 x 456 Pixels)
Codigo <img src="/files/u39/josue_general.jpg" alt="josue" title="josue" width="342" height="700" />

Links

para incluir um link na website temos que escrever

<a href="http://pt-br.html.net/tutorials/html/" target="_blank">tutorial</a>

href especifica o destino do link - que normalmente é um endereço na Internet ou um arquivo
target especifica a janela do link. O valor "_blank" significa, que o link se abre numa página nova

Links
http://www.pt-br.html.net/tutorials/html/lesson9.asp Tutorial HTML - Imagens
http://traductor.interbusca.com/ingles-portugues/ Tradutor online Inglês a Português

pressiona shift no teclado para fazer o sinal de maior <

pressiona shift no teclado para fazer o sinal de menor >

/ barra

pressiona shift no teclado para fazer o sinal parentesis "

entre parentesis -
entre parentesis

apagar o texto entre patentesis - borrar el texto entre parentesis

substituir o texto entre parentesis - sustituir el texto entre parentesis

introduzir dantes do simbolo - introducir antes del simbólo

introduzir depois do simbolo - introducir después del simbólo

espaço - espacio - space

abaixo - abajo - down

acima - arriba - up

mas à direita - mas a la derecha

mas à esquerda - mas a la izquierda

não entendo - no entiendo

apagar - borrar - delete