50
*CREACION DE AMBIENTES DE APRENDIZAJE* TUTORIALES. >>EXAMEN SEGUNDA PARCIAL<< JADCIRY MORALES DIAZ LIC. EN TECNOLOGIA EDICATIVA

Examen tutoriales

  • Upload
    jadci

  • View
    278

  • Download
    5

Embed Size (px)

Citation preview

Page 1: Examen tutoriales

*CREACION DE AMBIENTES DE APRENDIZAJE*

TUTORIALES.

>>EXAMEN SEGUNDA PARCIAL<< JADCIRY MORALES DIAZ LIC. EN TECNOLOGIA EDICATIVA

Page 2: Examen tutoriales

TUTORIAL PARA

“CREAR UN

BLOG EN

BLOGGER”

Page 3: Examen tutoriales

Crear una cuenta Cuando entramos en Blogger, nos invitan a

crearnos un blog con el lema: "Crea un blog. Es

gratuito". A continuación, hacemos clic en el botón

de color naranja Comenzar para empezar esta

aventura.

Page 4: Examen tutoriales

podemos crear un blog sin cuenta en Google,

para lo cual tendremos que completar el primer

formulario que nos aparece con el siguiente

encabezamiento:

Page 5: Examen tutoriales

Asignar un nombre al blog

En esta fase simplemente escribiremos un nombre

para nuestro blog, que podremos cambiar más

tarde, y le asignaremos una dirección de internet.

Es importante que la dirección (también llamada

URL) sea corta y siempre con letras minúsculas, sin

caracteres especiales como tildes, guiones o eñes,

y sin huecos. La dirección suele ser el nombre del

blog o el nombre del autor, pero se puede poner lo

que se quiera.

Page 6: Examen tutoriales

Elegir una plantilla

tendremos que elegir una plantilla, que es el

diseño general del blog. Elegiremos la que más

nos guste, pero más adelante podremos

cambiarla siempre que queramos.

Page 7: Examen tutoriales

Y cuando pulsamos en la última flecha

Continuar, ya tenemos nuestro blog en

Blogger:

Page 8: Examen tutoriales

Como crear un enlace con otra

pagina con imagen

1. Seleccionar la imagen o el codigo de la

imagen (en edición HTML) que deseamos vincular.

2. Realizamos un click izquierdo en el botón “link”

o “insertar enlace”:

Page 9: Examen tutoriales

3. Escribimos la URL de la pagina a donde

queremos vinvular ese texto cuando alguien

pulse ahí; no se olviden que debe contener una

sintaxis como

http://downloadaqui.blogspot.com (bueno esta

es la url de mi blog).

4. Hacemos click en aceptar y ya esta listo el

enlace.

Page 10: Examen tutoriales

Blogger permite crear enlaces

internos para completar

informaciones propias

Blogger ofrece la posibilidad de vincular una

entrada con otras que hayamos creado

previamente. Por ejemplo, queremos que la

portada del reportaje enlace con otro contenido

sin tener que acudir a un sitio web externo. Para

conseguirlo, debemos crear una entrada nueva

con la información complementaria y vincularla

a la entrada de la portada principal.

Page 11: Examen tutoriales

Crear enlaces desde Blogger es muy sencillo.

Puede no serlo para principiantes.

Sigamos lo siguientes pasos:

1.- Vamos a la pantalla de Creación de entradas.

2.- Escribimos el título (Ej.: Creación de enlace).

3.- Escribimos el texto correspondiente (Ej.:

Creación de enlace a Bloguer).

4.- Seleccionamos la palabra que queremos dejar

como enlace (Ej.: Blogger).

Page 12: Examen tutoriales
Page 13: Examen tutoriales

5.-Pulsamos en o en Enlace. Aparece una

pantalla.

6.- En Dirección web ponemos la URL a la que va

dirigida el enlace (Ej.: http://www.blogger.com/).

7.- Aceptamos y publicamos.

Page 14: Examen tutoriales

Como insertar archivos en el blog

8.- Vemos la entrada en nuestro blog, pulsamos

en la palabra que pusimos como enlace y

accederemos a la página hacia la cual va

dirigido el mismo.

1.- debemos ingresar a la pagina http://www.slideshare.net/

Page 15: Examen tutoriales

2. Damos clip en signup, que se encuentra en la

parte superior. Posteriormente esta es la pagina

arrojada.

3.- Creamos una cuanta con nuestros datos. al

aceptar las condiciones y dar clip en signup,

entramos a esta nueva pagina.

Page 16: Examen tutoriales

4.- daremos clic en el enlace upload (naranja) seguimos la ruta dodne tenemols el archivo que querramos bolgger. Lo seleccionamos y damos abrir.

Page 17: Examen tutoriales

5.- Nos muestra el archivo que subiremos

al blogger

6. En la celda de "embed" seleccionaremos

todo el escrito que este en el recuadro y

daremos copiar.

Page 18: Examen tutoriales

7.- damos clic en la pestaña cracion de entrada

que aparece en nuestro blogger. Damos clic en

edicion HTLM y pegamos el texto copiado

anteriormente.

8. Le damos publicar entrada. Damos clic en

enlace ver entrada.

Page 19: Examen tutoriales

**FELICIDADES HEMOS CREADO UN BLOG EN BLOGGER.**

JADCIRY MORALES DIAZ

Page 20: Examen tutoriales

TUTORIAL PARA

CREAR UN

CHAT EN EL

BLOGGER

Page 21: Examen tutoriales

1ª Tenemos que ingresar a la pagina

www.xat.com de nuestro servidor google.

Page 22: Examen tutoriales

2ª Entramos en la pestaña que dice “make

a chat box” que aparece sobre la franja

azul.

Page 23: Examen tutoriales

3ª Damos clic en Update & Get Code que

se encuentra en la parte posterior de los

temas.

Page 24: Examen tutoriales

4ª Copiamos el código que aparece

debajo de las utilerías que agregaremos al

blogger.

Page 25: Examen tutoriales

5ª Abrimos una nueva pestaña en google,

entramos a nuestro blogger y en diseño

damos clic para continuar con los pasos.

Page 26: Examen tutoriales

6ª Después de entrar en diseño en* elementos

de la pagina* añadimos un nuevo gadget, Inmediatamente se abre otra ventana.

Page 27: Examen tutoriales

7ª Damos clic en HTML/javascrip para introducir el código copiado anteriormente

en la pagina de www.xat.com

Page 28: Examen tutoriales

8ª Podemos ponerle un titulo o no, como gusten,

lo que si es necesario es copiar el código arriba

mencionado dentro del contenido para que se

pueda ejecutar en nuestro blogger. Le damos clic

en guardar.

Page 29: Examen tutoriales

9ª Al guardar nos regresa a la pagina del

escritorio de nuestro blogger, y nos dice

que se han guardado los cambios.

Page 30: Examen tutoriales

De preferencia movemos el gadget agregado a

la izquierda de donde se encuentra para que

pueda ser apreciada en el panel de nuestro

blogger.

Page 31: Examen tutoriales

10ª En ese momento vemos como va quedando

nuestro blogger, damos clic en ver blog, el chat

nos aparecerá en un principio a un costado

izquierdo de nuestra pagina principal.

Page 32: Examen tutoriales

Para que podamos apreciarla mejor en la

pantalla, le daremos clic en editar

exactamente sobre este icono

Inmediatamente tenemos esta

imagen, en el

ajustaremos la

medida de nuestro chat.

Page 33: Examen tutoriales

11ª En el segundo párrafo de nuestro código

cambiaremos los valores predeterminados,

EJEMPLO: width= 200, height= 300. Damos clip en

guardar.

Page 34: Examen tutoriales

12ª Hemos agregado y configurado

nuestra cuenta de blogger, agregando el

chat en nuestra pagina.

NOTA: Para quitar la imagen que quedo en el lugar

del chat, del lado derecho de nuestro chat actual

volvemos a dar clic de edición, seleccionamos el

código y lo eliminamos. Guarda los cambios y cuando

regresa a la página principal, deja de aparecer.

Page 35: Examen tutoriales
Page 36: Examen tutoriales

**FELICIDADES HEMOS CREADO UN CHAT EN EL BLOGGER.**

Page 37: Examen tutoriales

TUTORIAL PARA

“CREAR CBOX

EN EL

BLOGGER”

Page 38: Examen tutoriales

1º Debemos crear una cuenta en

www.cbox.ws.

Page 39: Examen tutoriales

2ª Podemos observar que la ventana derecha es

un ejemplo del cbox que estaremos creando.

Complementamos la información y le damos clic

en apply.

Page 40: Examen tutoriales

3ª Damos clic en la subventana

principal en “publish!”. Anotamos la

dirección de nuestro blogspot

Page 41: Examen tutoriales

4ª Copiamos el código HTML que

aparece debajo.

Page 42: Examen tutoriales

5ª Abrimos una ventana en google,

y entramos a nuestra cuenta de

blogger.

Page 43: Examen tutoriales

6ª Una vez estando dentro de nuestra

cuenta nos vamos a la pestaña de diseño.

Para agregar la nueva configuración que

haremos.

Page 44: Examen tutoriales

7ª Agregamos un gadget, dando clic en la

barra que tenemos del costado izquierdo

Page 45: Examen tutoriales

8ª Inmediatamente nos abre una ventana,

buscamos HTML/Javascrip, damos cilc

para añadir.

Page 46: Examen tutoriales

9ª Podemos ponerle un titulo o dejarlo sin èl. Damos

pegar en la parte del contenido la dirección que

habíamos copiado anteriormente. Una vez ejecutado este procedimiento arrastraremos el

gadget del lado derecho, en la parte superior del

contador de visitas, para que sea mas visible en el

momento de ver el blog.

Page 47: Examen tutoriales

10ª Damos clip en guardar. Y ver blog. Nos

aparecerá en la parte superior de nuestro

blogger la ventanita. Eso es todo.

Page 48: Examen tutoriales

**FELICIDADES HEMOS CREADO UN CBOX EN EL BLOGGER.**

Page 49: Examen tutoriales

PRESENTACION

DE MI

“BLOGER”

JADCIRY MORALES DIAZ

LIC. TECNOLOGIA EDUCATIVA

Page 50: Examen tutoriales

CHAT

CBOX CONTADOR

DE VISITAS

TEMA NUEVO (DIFERENTE AL QUE

USAMOS EN LOS TUTORIALES)

DOCUMENTO

SLIDESHARE