Inserció d’imatges en un article XTECBlog

Accés al XTECBlog Des de: http://www.xtec.cat

Clicar a sobre d’aquest icone

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

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

Tant si heu clicat l’opció Afegeix com

l’opció Edició finalment surt la finestra d’edició

d’un article

XTECBlog Edició 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 una imatge teniu que clicar a sobre del primer 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…

Quan cliqueu sobre l’opció afegeix

imatge, s’obre una nova finestra.

Cliqueu sobre el botó Selecciona els arxius per continuar el procés d’inserció.

XTECBlog: inserció d’una imatge des de l’ordinador

XTECBlog: inserció d’una imatge des de l’ordinador

S’obrirà una nova finestra del vostre sistema operatiu per carregar un fitxer (en aquest cas una imatge)

Cerqueu el fitxer i cliqueu a sobre del

fitxer a pujar

XTECBlog: inserció d’una imatge des de l’ordinador

Un cop pujar el fitxer escollit, s’actualitza la

finestra d’afegir fitxers a l’article

Un cop configurat l’alineació i mida, cliqueu sobre el botó: Inseriu a

l’article

Seleccioneu l’alineació i mida de

l’imatge

XTECBlog: inserció d’una imatge des de l’ordinador

Imatge inserida a l’article

XTECBlog: inserció d’una imatge des de una URL

Escriure (o copiar l’adreça de la pàgina

web on es troba l’imatge

Escriure el titol de l’imatge a inserir

Clicar sobre el botó Inserir a l’article per adjuntar-la a l’article

Seleccioneu la pestanya: Des d’una

URL

XTECBlog: inserció d’una imatge des de una URL

Clicar amb el botó dret del ratolí sobre l’imatge i

s’obre un menú contextual. Escolliu

l’opció: Obre l’enllaç en una pestanya nova

XTECBlog: inserció d’una imatge des de una URL

Copiar l’adreça web de l’imatge a inserir. Podeu utilitzar les

tecles CTRL+C per copiar i CTRL+V per

pegar.

XTECBlog: inserció d’una imatge des de la galeriaSeleccioneu la

pestanya: Galeria

Escull l’imatge que vols inserir clicant a

sobre de l’opció Mostra

Un cop escollida l’imatge clicant sobre

l’opció Mostra, s’actualitza

automàticament la finestra i surt la

descripció detallada de l’imatge escollida

Clicar sobre el botó Inserir a l’article per adjuntar-la a l’article

Seleccioneu l’alineació i mida de

l’imatge

XTECBlog: inserció d’una imatge des de la galeria

XTECBlog: inserció d’una imatge des de la mediatecaSeleccioneu la

pestanya: Mediateca

Escull l’imatge que vols inserir clicant a

sobre de l’opció Mostra

XTECBlog: inserció d’una imatge des de la mediateca

Un cop escollida l’imatge clicant sobre

l’opció Mostra, s’actualitza

automàticament la finestra i surt la

descripció detallada de l’imatge escollida

Clicar sobre el botó Inserir a l’article per adjuntar-la a l’article

Seleccioneu l’alineació i mida de

l’imatge

XTECBlog: modificació dimensions d’una imatge.Seleccioneu l’imatge clicant

sobre d’ella i surt un rectangle, si voleu redimensionar l’imatge poseu el ratolí sobre un dels

petits rectangles i apreteu el botó esquerra i moveu el rectangle

Edició d’article en format visual

Edició d’article en format HTMLAmplada d’imatge en pixels,

modificant-la podem augmentar o disminuir

l’ample de l’imatge

Alçada d’imatge en pixels, modificant-la podem

augmentar o disminuir l’alçada de l’imatge

Nom de l’imatge i adreça on està

l’imatge