17
laborado por Miguel Carricoba e Marta Arias. Titorial para incrustar código HTML nun blog (ou en calquera outro servizo web 2.0)

Titorial: incrustar código HTML nun blog

Embed Size (px)

Citation preview

Page 1: Titorial: incrustar código HTML nun blog

Elaborado por Miguel Carricoba e Marta Arias.

Titorial para incrustar código HTML nun blog (ou en calquera outro servizo web 2.0)

Page 2: Titorial: incrustar código HTML nun blog

Seguro que viches moitos blogs que conteñen nas súas entradas vídeos, presentacións multimedia, liñas de tempo…

Inserir estes contidos no teu blog non é complicado… só precisas ter o código HTML do recurso.Este aparece tras botóns que nos ofrecen “incrustar”, ou en castelán “insertar”, ou en inglés “embed”, ou cos símbolos < >

Page 3: Titorial: incrustar código HTML nun blog

Por exemplo:www.Slideshare.net ofrece a opción “embed” para incrustar as súas presentacións.

Page 4: Titorial: incrustar código HTML nun blog

Outro exemplo:www.TimeRime.com

unha páxina para crear liñas do tempo, emprega os símbolos < > para poder copiar o código HTML.

Page 5: Titorial: incrustar código HTML nun blog

Outro exemplo:www.Glogster.com

unha páxina para crear pósteres multimedia, debaixo do glogster, aparece a opción de “embed into your page” que ven a ser “insíreo na túa páxina”

Page 6: Titorial: incrustar código HTML nun blog

www.youtube.com tamén ofrece incrustar os seus vídeos no noso blog.Imos facer a práctica xustamente con este servizo.

?

Page 7: Titorial: incrustar código HTML nun blog

Fai clic neste botón de “compartir”

Busca en internet un vídeo que che interese.(eu, seguindo co blog de proba, busco un sobre o adianto electoral)

Page 8: Titorial: incrustar código HTML nun blog

Observa o menú que se desprega:-Un enlace (é o enderezo web deste vídeo)- Un botón que di “inserir”

Fai clic nel

Page 9: Titorial: incrustar código HTML nun blog

Este é o código HTML que tes que copiar, ben con axuda do botón dereito do rato, ou coa combinación de teclas CTRL+C

Page 10: Titorial: incrustar código HTML nun blog

1º.- Agora temos que acceder ao noso blog.

Teclea aquí o enderezo electrónico e o contrasinal que usaches no rexistro.

Page 11: Titorial: incrustar código HTML nun blog

Fai clic aquí

2º.- Imos crear unha nova entrada co vídeo seleccionado

Page 12: Titorial: incrustar código HTML nun blog

En teoría, isto xa o manexas: introducir o título da entrada, o texto, imaxes…

Fai clic aquí

O único “truco” a ter en conta é fixarte nesta pestana que pon Edición en HTML.

Page 13: Titorial: incrustar código HTML nun blog

Observa como desapareceu a barra de ferramentas co tipo de letra, inserir imaxes…

Page 14: Titorial: incrustar código HTML nun blog

Pon o título da entrada, igual ca sempre

Neste espazo pegas o código HTML que copiaches de calquera dos servizos web 2.0 que ofrecen esta posibilidade.

Pon etiquetas se queres…

Publica a entrada

Page 15: Titorial: incrustar código HTML nun blog

Así nos queda!!!

Page 16: Titorial: incrustar código HTML nun blog

Indico a fonte da imaxe

Agora tes tres opcións:1.- Vista previa para ver como che queda, pero non se publica en internet.2.- Gardala como borrador e seguir outro día (tampouco queda publicada)3.- Publicar a entrada (podes modificala tamén nun futuro).

Page 17: Titorial: incrustar código HTML nun blog

Titorial para incrustar código HTML nun blog (ou en calquera outro servizo web 2.0)

Elaborado por Miguel Carricoba e Marta Arias.

FIN