Inserció d’un vídeo en un article XTECBlog
Accés al XTECBlog <ul><li>Des de:  http :// www.xtec.cat </li></ul>Clicar a sobre d’aquest icone
<ul><li>Clicar sobre l’opció  del bloc que volem administrar  </li></ul>XTECBlog usuari validat Menú de blocs creat per l’...
Menú Articles, escollir un article ja creat o crear un nou (opcions: Edita o Afegeix) XTECBlog Menú-Article
Si hem clicat sobre l’opció Edita surt una nova finestra amb tots els articles creats al nostre bloc. Si volem editar un a...
XTECBlog Edició Article Tant si heu clicat l’opció Afegeix com l’opció Edició finalment surt la finestra d’edició d’un art...
<ul><li>L’opció de pujar un vídeo al nostre bloc no és molt recomable per dos motius principalment: </li></ul><ul><ul><li>...
<ul><li>Anem a veure com insertar codí per incloure un vídeo del Youtube: </li></ul><ul><ul><li>Edita o crea l’article on ...
XTECBlog: inserció d’un vídeo des de Youtube Escull l’opció d’edició de l’article HTML
XTECBlog: inserció d’un vídeo des de Youtube Botó de configuració opcions del vídeo a incustrar Codi a copiar: selecciona’...
XTECBlog: inserció d’un vídeo des de Youtube Enganxa el codi copiat dins de la finestra d’edició de l’article clicant els ...
XTECBlog: inserció d’un vídeo utilitzant els botons  Clica sobre aquest botó per afegir fitxer flash Copia aquí l’adreça d...
XTECBlog: inserció d’un vídeo utilitzant els botons   Copia  l’adreça de la pàgina web utilitzant  CTRL+C (la pàgina acaba...
XTECBlog: inserció d’un vídeo utilitzant els botons   Copia aquí l’adreça de la pàgina web on hi ha el recurs mèdia Clica ...
XTECBlog: inserció d’un vídeo utilitzant els botons   Copia  l’adreça de la pàgina web utilitzant  CTRL+C o el contigut de...
<ul><li>Anem a veure com insertar codí per incloure un vídeo de la web edu3: </li></ul><ul><ul><li>Edita o crea l’article ...
XTECBlog: inserció d’un vídeo des de www.edu3.cat Clica sobre l’opció afegir mèdia per insertar el vídeo Escull l’opció d’...
XTECBlog: inserció d’un vídeo des de www.edu3.cat En la web edu3.cat escull el vídeo i còpia el codi per embedir utilitzan...
XTECBlog: inserció d’un vídeo des de www.edu3.cat En la finestra emergent de l’article del bloc pegar el text copiat anter...
XTECBlog: inserció d’un vídeo des de www.edu3.cat Codi de vídeo insertat en l’article, si voleu canviar el tamany de la fi...
Upcoming SlideShare
Loading in …5
×

Inserció d'un vídeo en un Article en Xtec Blog

535 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
535
On SlideShare
0
From Embeds
0
Number of Embeds
92
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Inserció d'un vídeo en un Article en Xtec Blog

  1. 1. Inserció d’un vídeo en un article XTECBlog
  2. 2. Accés al XTECBlog <ul><li>Des de: http :// www.xtec.cat </li></ul>Clicar a sobre d’aquest icone
  3. 3. <ul><li>Clicar sobre l’opció del bloc que volem administrar </li></ul>XTECBlog usuari validat Menú de blocs creat per l’usuari Recorda’t d’identificar-te abans
  4. 4. Menú Articles, escollir un article ja creat o crear un nou (opcions: Edita o Afegeix) XTECBlog Menú-Article
  5. 5. Si hem clicat sobre l’opció Edita surt una nova finestra amb tots els articles creats al nostre bloc. Si volem editar un article passeu el ratolí per sobre del nom de l’article i sortiran les opcions d’edició de l’article dessitjat. XTECBlog Menú-Article
  6. 6. XTECBlog Edició Article Tant si heu clicat l’opció Afegeix com l’opció Edició finalment surt la finestra d’edició d’un article Aquest és el menú d’icones per afegir fitxers mèdia a un article. Si passeu el ratolí per sobre de cada icone un surt la seva funció. Si voleu inserir un vídeo teniu que clicar a sobre del segon icone de l’esquerra Botons per afegir mèdia des de una adreça de pàgina web o url. El primer permet afegir fitxer flash (extensió swf) i el segon fitxers mov, mp3…
  7. 7. <ul><li>L’opció de pujar un vídeo al nostre bloc no és molt recomable per dos motius principalment: </li></ul><ul><ul><li>El tamany màxim del vídeo està limitat a 1Mb </li></ul></ul><ul><ul><li>L’espai total per emmagatzenar fitxers és de 30Mb. </li></ul></ul><ul><li>Si voleu no obstant pujar vídeos és pot realitzar seguint els mateixos passos que per insertar imatges. </li></ul><ul><li>És molt més recomanable incloure la referència a un vídeo que ja està penjat en la web (com els vídeos Youtube), aquesta tècnica es coneix com “embed”. </li></ul><ul><li>Altre forma és utilitzar els botons </li></ul>XTECBlog: inserció d’un vídeo en un article
  8. 8. <ul><li>Anem a veure com insertar codí per incloure un vídeo del Youtube: </li></ul><ul><ul><li>Edita o crea l’article on vols posar el vídeo. </li></ul></ul><ul><ul><li>Escull l’opció edició HTML. </li></ul></ul><ul><ul><li>En altre pestanya o finestra del teu navegador cerca el vídeo Youtube que vols incloure. </li></ul></ul><ul><ul><li>Configura les opcions de tamany i colors de fons del vídeo. </li></ul></ul><ul><ul><li>Copia el text que hi ha dins del camp embed utilitzant les tecles CTRL+C. </li></ul></ul><ul><ul><li>Pega aquest text dins de l’àrea d’edició de text del teu article utilitzant les tecles CTRL+V. </li></ul></ul><ul><ul><li>Guarda els canvis clicant el botó actualitza l’article. </li></ul></ul>XTECBlog: inserció d’un vídeo des de Youtube
  9. 9. XTECBlog: inserció d’un vídeo des de Youtube Escull l’opció d’edició de l’article HTML
  10. 10. XTECBlog: inserció d’un vídeo des de Youtube Botó de configuració opcions del vídeo a incustrar Codi a copiar: selecciona’l posant a sobre el ratolí i clica CTRL+C (després de haver configurat les opcions) Seleccionar les opcions clicant a sobre de cada rectangle Seleccionar els colors de fons contorn Seleccionar seleccionar tamany de finestra de vídeo
  11. 11. XTECBlog: inserció d’un vídeo des de Youtube Enganxa el codi copiat dins de la finestra d’edició de l’article clicant els botons CTRL+V Guarda els canvis de l’article
  12. 12. XTECBlog: inserció d’un vídeo utilitzant els botons Clica sobre aquest botó per afegir fitxer flash Copia aquí l’adreça de la pàgina web on hi ha el recurs flash Escull l’opció d’edició de l’article VISUAL
  13. 13. XTECBlog: inserció d’un vídeo utilitzant els botons Copia l’adreça de la pàgina web utilitzant CTRL+C (la pàgina acaba amb l’extensió *.swf)
  14. 14. XTECBlog: inserció d’un vídeo utilitzant els botons Copia aquí l’adreça de la pàgina web on hi ha el recurs mèdia Clica sobre aquest botó per afegir fitxer mèdia Escull l’opció d’edició de l’article VISUAL
  15. 15. XTECBlog: inserció d’un vídeo utilitzant els botons Copia l’adreça de la pàgina web utilitzant CTRL+C o el contigut del camp URL
  16. 16. <ul><li>Anem a veure com insertar codí per incloure un vídeo de la web edu3: </li></ul><ul><ul><li>Edita o crea l’article on vols posar el vídeo. </li></ul></ul><ul><ul><li>Escull l’opció edició HTML. </li></ul></ul><ul><ul><li>En altre pestanya o finestra del teu navegador cerca el vídeo edu3 que vols incloure. </li></ul></ul><ul><ul><li>Copia el text que hi ha dins del camp embedir utilitzant les tecles CTRL+C. </li></ul></ul><ul><ul><li>Vés a l’article i clica l’opció Media de la barra del menú edició HTML. S’obre una finestra emergent que indica que posis l’adreça web, copia eltext dins d’aquest camp utilitzant les tecles CTRL+V. </li></ul></ul><ul><ul><li>Configura l’ample i l’alçada de la finestra del vídeo. </li></ul></ul><ul><ul><li>Guarda els canvis clicant el botó actualitza l’article. </li></ul></ul>XTECBlog: inserció d’un vídeo des de www.edu3.cat
  17. 17. XTECBlog: inserció d’un vídeo des de www.edu3.cat Clica sobre l’opció afegir mèdia per insertar el vídeo Escull l’opció d’edició de l’article HTML
  18. 18. XTECBlog: inserció d’un vídeo des de www.edu3.cat En la web edu3.cat escull el vídeo i còpia el codi per embedir utilitzant les tecles CTRL+C
  19. 19. XTECBlog: inserció d’un vídeo des de www.edu3.cat En la finestra emergent de l’article del bloc pegar el text copiat anteriorment utilitzant les tecles CTRL+V
  20. 20. XTECBlog: inserció d’un vídeo des de www.edu3.cat Codi de vídeo insertat en l’article, si voleu canviar el tamany de la finestra del vídeo canvieu els valors de “width” i “height”

×