Titorial: incrustar código HTML nun blog

431 views
392 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
431
On SlideShare
0
From Embeds
0
Number of Embeds
19
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Titorial: incrustar código HTML nun blog

  1. 1. Titorial para incrustar código HTML nun blog <br />(ou en calquera outro servizo web 2.0)<br />Elaborado por Miguel Carricoba e Marta Arias.<br />
  2. 2. Seguro que viches moitos blogs que conteñen nas súas entradas vídeos, presentacións multimedia, liñas de tempo… <br />Inserir estes contidos no teu blog non é complicado… <br />só precisas ter o código HTML do recurso.<br />Este aparece tras botóns que nos ofrecen “incrustar”, ou en castelán “insertar”, ou en inglés “embed”, ou cos símbolos < ><br />
  3. 3. Por exemplo:<br />www.Slideshare.net ofrece a opción “embed” para incrustar as súas presentacións.<br />
  4. 4. Outro exemplo:<br />www.TimeRime.com<br />unha páxina para crear liñas do tempo, <br />emprega os símbolos < > para poder copiar o código HTML.<br />
  5. 5. Outro exemplo:<br />www.Glogster.com<br />unha páxina para crear pósteres multimedia, debaixo do glogster, aparece a opción de “embedintoyourpage” que ven a ser “insíreo na túa páxina”<br />
  6. 6. www.youtube.com tamén ofrece incrustar os seus vídeos no noso blog.<br />Imos facer a práctica xustamente con este servizo.<br />?<br />
  7. 7. Busca en internet un vídeo que che interese.<br />(eu, seguindoco blog de proba, busco un sobre o adianto electoral)<br />Fai clic neste botón de “compartir”<br />
  8. 8. Observa o menú que se desprega:<br /><ul><li>Un enlace (é o enderezo web deste vídeo)
  9. 9. Un botón que di “inserir”</li></ul>Fai clic nel<br />
  10. 10. 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<br />
  11. 11. 1º.- Agora temos que acceder ao noso blog. <br />Teclea aquí o enderezo electrónico e o contrasinal que usaches no rexistro.<br />
  12. 12. 2º.- Imos crear unha nova entrada co vídeo <br />seleccionado<br />Fai clic aquí<br />
  13. 13. En teoría, isto xa o manexas: introducir o título da entrada, o texto, imaxes…<br />Fai clic aquí<br />O único “truco” a ter en conta é fixarte nesta pestana que pon Edición en HTML.<br />
  14. 14. Observa como desapareceu a barra de ferramentas co tipo de letra, inserir imaxes… <br />
  15. 15. Pon o título da entrada, igual ca sempre<br />Neste espazo pegas o código HTML que copiaches de calquera dos servizos web 2.0 que ofrecen esta posibilidade.<br />Pon etiquetas se queres…<br />Publica a entrada<br />
  16. 16. Así nos queda!!!<br />
  17. 17. Indico a fonte da imaxe<br />Agora tes tres opcións:<br />1.- Vista previa para ver como che queda, pero non se publica en internet.<br />2.- Gardala como borrador e seguir outro día (tampouco queda publicada)<br />3.- Publicar a entrada (podes modificala tamén nun futuro).<br />
  18. 18. Titorial para incrustar código HTML nun blog <br />(ou en calquera outro servizo web 2.0)<br />FIN<br />Elaborado por Miguel Carricoba e Marta Arias.<br />

×