Inserció d’un vídeo en un article XTECBlog

Accés al XTECBlog Des de: http :// www.xtec.cat Clicar a sobre d’aquest icone

Des de: http :// www.xtec.cat

Clicar sobre l’opció del bloc que volem administrar XTECBlog usuari validat Menú de blocs creat per l’usuari Recorda’t d’identificar-te abans

Clicar sobre l’opció del bloc que volem administrar

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 article passeu el ratolí per sobre del nom de l’article i sortiran les opcions d’edició de l’article dessitjat. XTECBlog Menú-Article

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…

L’opció de pujar un vídeo al nostre bloc no és molt recomable per dos motius principalment: El tamany màxim del vídeo està limitat a 1Mb L’espai total per emmagatzenar fitxers és de 30Mb. Si voleu no obstant pujar vídeos és pot realitzar seguint els mateixos passos que per insertar imatges. É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”. Altre forma és utilitzar els botons XTECBlog: inserció d’un vídeo en un article

L’opció de pujar un vídeo al nostre bloc no és molt recomable per dos motius principalment:

El tamany màxim del vídeo està limitat a 1Mb

L’espai total per emmagatzenar fitxers és de 30Mb.

Si voleu no obstant pujar vídeos és pot realitzar seguint els mateixos passos que per insertar imatges.

É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”.

Altre forma és utilitzar els botons

Anem a veure com insertar codí per incloure un vídeo del Youtube: Edita o crea l’article on vols posar el vídeo. Escull l’opció edició HTML. En altre pestanya o finestra del teu navegador cerca el vídeo Youtube que vols incloure. Configura les opcions de tamany i colors de fons del vídeo. Copia el text que hi ha dins del camp embed utilitzant les tecles CTRL+C. Pega aquest text dins de l’àrea d’edició de text del teu article utilitzant les tecles CTRL+V. Guarda els canvis clicant el botó actualitza l’article. XTECBlog: inserció d’un vídeo des de Youtube

Anem a veure com insertar codí per incloure un vídeo del Youtube:

Edita o crea l’article on vols posar el vídeo.

Escull l’opció edició HTML.

En altre pestanya o finestra del teu navegador cerca el vídeo Youtube que vols incloure.

Configura les opcions de tamany i colors de fons del vídeo.

Copia el text que hi ha dins del camp embed utilitzant les tecles CTRL+C.

Pega aquest text dins de l’àrea d’edició de text del teu article utilitzant les tecles CTRL+V.

Guarda els canvis clicant el botó actualitza l’article.

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’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

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

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

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)

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

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

Anem a veure com insertar codí per incloure un vídeo de la web edu3: Edita o crea l’article on vols posar el vídeo. Escull l’opció edició HTML. En altre pestanya o finestra del teu navegador cerca el vídeo edu3 que vols incloure. Copia el text que hi ha dins del camp embedir utilitzant les tecles CTRL+C. 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. Configura l’ample i l’alçada de la finestra del vídeo. Guarda els canvis clicant el botó actualitza l’article. XTECBlog: inserció d’un vídeo des de www.edu3.cat

Anem a veure com insertar codí per incloure un vídeo de la web edu3:

Edita o crea l’article on vols posar el vídeo.

Escull l’opció edició HTML.

En altre pestanya o finestra del teu navegador cerca el vídeo edu3 que vols incloure.

Copia el text que hi ha dins del camp embedir utilitzant les tecles CTRL+C.

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.

Configura l’ample i l’alçada de la finestra del vídeo.

Guarda els canvis clicant el botó actualitza 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’edició de l’article HTML

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

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

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”