crear una pagina web gratis en jimdo

236
Universidad Santander Doctorado en Ciencias de la Educación El uso de las TIC’s en la educación Ing. Pascual de Anda Cárdenas

Upload: eliseo-djcheo

Post on 25-May-2015

744 views

Category:

Education


3 download

DESCRIPTION

MATERIAL DE APOYO PARA PRINCIPIANTES, GUIA PARA PODER CREAR UNA PAGINA WEB GRATUITA

TRANSCRIPT

Page 1: Crear una pagina web gratis en  jimdo

Ing. Pascual de Anda Cárdenas

Universidad SantanderDoctorado en Ciencias de la Educación

El uso de las TIC’s en la educación

Page 2: Crear una pagina web gratis en  jimdo

Ing. Pascual de Anda Cárdenas

Elaboración de una página web

Page 3: Crear una pagina web gratis en  jimdo

Contenido: Acceso a la dirección requerida. Registro personal del sitio. Recuperación del NIP. Acceso al espacio Web. Cambiar contraseña. Navegación de las diferentes herramientas

que ofrece.

Página web JIMDO

Page 4: Crear una pagina web gratis en  jimdo

http://jimdo.comhttp://youtube.comhttp://slideshare.net

Internet librehttp://www.mixpod.com/

http://www.bannersnack.com/

Servicios:

Page 5: Crear una pagina web gratis en  jimdo

Ingresa a la direcciónhttp://es.jimdo.com/

Page 6: Crear una pagina web gratis en  jimdo

Nombre de su páginaCorreo personal

Aceptar condiciones

Crear pagina web

Page 7: Crear una pagina web gratis en  jimdo

Recomendaciones para la dirección de la página:

nombremionombredemiescuelaClasequeimparto

Ejemplos:clubatlas.jimdo.comequipodefutbolatlas.jimdo.compascualdeandacardenas.jimdo.com

Page 8: Crear una pagina web gratis en  jimdo
Page 9: Crear una pagina web gratis en  jimdo

Escribe spam

Page 10: Crear una pagina web gratis en  jimdo

Ir al correo para activar la página

Page 11: Crear una pagina web gratis en  jimdo
Page 12: Crear una pagina web gratis en  jimdo

Clic en el url de la página

CopiarContraseña

Page 13: Crear una pagina web gratis en  jimdo
Page 14: Crear una pagina web gratis en  jimdo

Pegar Contraseña

Iniciar Sesión

Page 15: Crear una pagina web gratis en  jimdo

Pantalla de Inicio

Page 16: Crear una pagina web gratis en  jimdo

Cambiar contraseña

Page 17: Crear una pagina web gratis en  jimdo

3.- Dar click en la dirección de tu pagina

1.- Para cambiar contraseña, entrar a tu correo

2.- Copiar contraseña que envió JIMDO de la bandeja de entrada

Page 18: Crear una pagina web gratis en  jimdo

3.- En ubicar sesión dar click en contraseña

1.- Dar click en ajustes

2.- Desplazarme con la barra

Page 19: Crear una pagina web gratis en  jimdo
Page 20: Crear una pagina web gratis en  jimdo

Editar las herramientas del encabezado

Page 21: Crear una pagina web gratis en  jimdo

Posicionar el ratón para editar el encabezado

Page 22: Crear una pagina web gratis en  jimdo

Opciones para modificar

Page 23: Crear una pagina web gratis en  jimdo
Page 24: Crear una pagina web gratis en  jimdo
Page 25: Crear una pagina web gratis en  jimdo

Vista previa de la página

Page 26: Crear una pagina web gratis en  jimdo

Continuar con la Edición

Page 27: Crear una pagina web gratis en  jimdo

Insertar imágen

1.- Imagen propia

2.- Buscar imagen y seleccionar

3.- Examinar

4.- Subir imagen

Page 28: Crear una pagina web gratis en  jimdo

Subir otra imagen

Imagen propia

Seleccionar otra imagen

Subir imagen

Page 29: Crear una pagina web gratis en  jimdo

Elegir estampado

Estampado

Page 30: Crear una pagina web gratis en  jimdo

Editar el titulo

Titulo

Page 31: Crear una pagina web gratis en  jimdo

Insertar etiquetas

Logo

Page 32: Crear una pagina web gratis en  jimdo

Editar el encabezado

Page 33: Crear una pagina web gratis en  jimdo

Al final el encabezado dar clic en cerrar

Concluir encabezado

Page 34: Crear una pagina web gratis en  jimdo

Editar navegación

(cambio de nombre a las pestañas)

Page 35: Crear una pagina web gratis en  jimdo

Cambiar el nombre a las pestañas

Page 36: Crear una pagina web gratis en  jimdo

Posicionar el ratón

Dar Clic

Page 37: Crear una pagina web gratis en  jimdo

Renombrar

Page 38: Crear una pagina web gratis en  jimdo

Mover Posición la página

Insertar nueva página

Eliminarpágina

Ocultar página del menú

Page 39: Crear una pagina web gratis en  jimdo

Cualquier cambioguardar

Page 40: Crear una pagina web gratis en  jimdo

Exploración de los tipos de plantillas

Page 41: Crear una pagina web gratis en  jimdo

Exploración de plantillas

Page 42: Crear una pagina web gratis en  jimdo

Plantillas

Seleccionar

Page 43: Crear una pagina web gratis en  jimdo

Aceptar cambios

Page 44: Crear una pagina web gratis en  jimdo

Cambiar la plantilla

Page 45: Crear una pagina web gratis en  jimdo

Cambiar la plantilla

Page 46: Crear una pagina web gratis en  jimdo

Programar en html

Elaborar programación

Page 47: Crear una pagina web gratis en  jimdo

Insertar plantillas creadas

Plantillas especiales

Page 48: Crear una pagina web gratis en  jimdo

Insertar plantilla

Page 49: Crear una pagina web gratis en  jimdo
Page 50: Crear una pagina web gratis en  jimdo

*Seleccionar Posición de la plantilla* Guardar la selección

Page 51: Crear una pagina web gratis en  jimdo

Editar Plantillas

Page 52: Crear una pagina web gratis en  jimdo
Page 53: Crear una pagina web gratis en  jimdo

Selecciono texto

Selecciono tipo de letra, tamaño, color

Page 54: Crear una pagina web gratis en  jimdo

En Titulo 1: propiedades de la

letra, el estilo y color

Page 55: Crear una pagina web gratis en  jimdo

EN TITULO 2, ME PERMITE HACER LO MISMO, PERO PARA

EL TITULO 2

Page 56: Crear una pagina web gratis en  jimdo

EN LINEA HORIZONTAL; ME

VA A PERMITIR CAMBIAR LA

LINEA DIVISORIA DE LOS TITULOS.

Page 57: Crear una pagina web gratis en  jimdo

EL COLOR DE FONDO, ME PERMITE

CAMBIAR EL COLOR DE MI PLANTILLA.

AQUÍ SELECCIONOEL COLOR QUE DESEE

Selección del color

Page 58: Crear una pagina web gratis en  jimdo

EL ESTAMPADO DE FONDO, ES PARA PODER PONER

IMÁGENES SOBRE MI PLANTILLA, AL

SELECCIONAR LA QUE SEA DE MI AGRADO

Page 59: Crear una pagina web gratis en  jimdo

En FONDO PROPIO, va a permitir subir una imagen ó una fotografía, que yo

haya elegido.

1.- DOY CLICK EN EXAMINAR

Page 60: Crear una pagina web gratis en  jimdo

BUSCO MI IMAGEN, LE DOY CLICK EN

ABRIR

Page 61: Crear una pagina web gratis en  jimdo

2.- DOY CLICK EN SUBIR IMAGEN

3.- PARA FINALIZAR GUARDO

Page 62: Crear una pagina web gratis en  jimdo

Cambio de título de la página

Page 63: Crear una pagina web gratis en  jimdo

1.- Seleccionar ajustes

2.- BuscadoresTítulo de la página

Page 64: Crear una pagina web gratis en  jimdo
Page 65: Crear una pagina web gratis en  jimdo

Guardar

Page 66: Crear una pagina web gratis en  jimdo

1- Seleccionar la función «F5»

2- y nos muestra el titulo que se introdujo.

Page 67: Crear una pagina web gratis en  jimdo

Favicón

Page 68: Crear una pagina web gratis en  jimdo

1.- SELECCIONAR AJUSTES

2.- DAR CLICK EN FAVICON

Page 69: Crear una pagina web gratis en  jimdo

IMPORTANTE EL TAMAÑO

DE LA IMAGEN

Page 70: Crear una pagina web gratis en  jimdo

BUSCAR LA IMAGEN EN GOOGLE

Page 71: Crear una pagina web gratis en  jimdo

BUSCAR Y SELECCIONAR LA IMAGEN EN GOOGLE, Y GUARDARLA EN ESCRITORIO

Page 72: Crear una pagina web gratis en  jimdo

GUARDO MI IMAGEN EN ESCRITORIO

Page 73: Crear una pagina web gratis en  jimdo

1.- Seleccionar escritorio

2.- Guarda

Page 74: Crear una pagina web gratis en  jimdo

Abrir Paint

Page 75: Crear una pagina web gratis en  jimdo
Page 76: Crear una pagina web gratis en  jimdo
Page 77: Crear una pagina web gratis en  jimdo

BUSCAR LA IMAGEN

Page 78: Crear una pagina web gratis en  jimdo

ABRIR IMAGEN SELECCIONADA

Page 79: Crear una pagina web gratis en  jimdo

2.- Y LA OPCION DE :“EXPANDIR O CONTRAER”

1.- SELECCIONAR DEL MENU: “IMAGEN”

Page 80: Crear una pagina web gratis en  jimdo

REDUCIR MI IMAGEN AL 50%1.- IMAGEN

2.- EXPANDIR Y CONTRAERHORIZONTAL 50%

VERTICAL 50%

Page 81: Crear una pagina web gratis en  jimdo

DESPUES SELECCIONAR IMAGEN2.- ATRIBUTOS

3.- SOLO VER EL ALTO Y EL ANCHO Y QUE ESTE EN PIXELES,

OJO ES DE 16 x 16 ó 32 x 32

Page 82: Crear una pagina web gratis en  jimdo

REPETIR SUCESIVAMENTE HASTA VER QUE MI IMAGEN SEA MAS

PEQUEÑA.

Reducir nuevamente mi imagen 50%

1.- Seleccionar imagen

2.- Expandir y contraer

3.- horizontal 50%Vertival50%

Page 83: Crear una pagina web gratis en  jimdo

UNA VEZ QUE TRENGAMOS LA IMAGEN PEQUEÑA, AL REDUCIRLA 50% EN HORIZONTAL Y VERTICAL

Guardar: en archivo

Escritorio

Nombrar y seleccionar como “PNG”

Guardar

Page 84: Crear una pagina web gratis en  jimdo

1.- SELECCIONAR AJUSTES

2.- DAR CLICK EN FAVICON

Page 85: Crear una pagina web gratis en  jimdo

IMPORTANTE EL TAMAÑO

DE LA IMAGEN

Page 86: Crear una pagina web gratis en  jimdo

1.- Buscar la imagen en “examinar”

2.- Dar click en abrir

3.- Dar click en subir

Page 87: Crear una pagina web gratis en  jimdo

Revisar el favicon

Page 88: Crear una pagina web gratis en  jimdo

AQUÍ ESTA MI FAVICON

Page 89: Crear una pagina web gratis en  jimdo

Elementos para introducir objetos

Page 90: Crear una pagina web gratis en  jimdo
Page 91: Crear una pagina web gratis en  jimdo

Título

Page 92: Crear una pagina web gratis en  jimdo

1- Escribir el título2- Título 1 (título

grande)3- Título 2 (título

pequeño)

Escribir el título:Título 1 (título grande)

Escribir el título:Título 2 (título pequeño)

Page 93: Crear una pagina web gratis en  jimdo

Texto

Page 94: Crear una pagina web gratis en  jimdo

Opciones para modificar el texto

Guardar

Page 95: Crear una pagina web gratis en  jimdo
Page 96: Crear una pagina web gratis en  jimdo

Ing. Pascual de Anda Cárdenas

Hipervínculos

Page 97: Crear una pagina web gratis en  jimdo

insertar/editar hipervínculo

1.- Seleccionar la palabra deseada

2.- Escoger la opción de hipervínculo

3.- Insertar/editarhipervínculo

Page 98: Crear una pagina web gratis en  jimdo

hipervínculo

3.- Ir a la dirección deseada

Insertar enlace

Guardar

Page 99: Crear una pagina web gratis en  jimdo
Page 100: Crear una pagina web gratis en  jimdo

Videos Insertar videos

Seleccionar You tube

Page 101: Crear una pagina web gratis en  jimdo

AQUÍ DEBO DE PONER LA DIRECCION URL DEL VIDEO QUE SEA

DE MI AGRADO

Page 102: Crear una pagina web gratis en  jimdo

2.- REPRODUCIR EL VIDEO (DAR CLICK AL VIDEO QUE DESEE)

1.- Abrir you tube

Page 103: Crear una pagina web gratis en  jimdo

SELECCINAR Y COPIAR LA DIRECCION DE URL

Page 104: Crear una pagina web gratis en  jimdo

PEGAR LA DIRECCION DE URL

Page 105: Crear una pagina web gratis en  jimdo

1.- UNA VEZ YA PEGADA MI URLDOY CLICK EN GUARDAR

Page 106: Crear una pagina web gratis en  jimdo

AQUÍ YA PUEDO VER MI VIDEO DANDO CLICK EN PLAY

Page 107: Crear una pagina web gratis en  jimdo

Otra manera de insertar videos

Page 108: Crear una pagina web gratis en  jimdo

1.- Dar click en la cruz blanca

2.-DAR UN CLICK EN WIDGET / HTML

Page 109: Crear una pagina web gratis en  jimdo

3.- Voy al video en you tube

4.- Dar click en compartir

Page 110: Crear una pagina web gratis en  jimdo

Copiar el código 5.- Copiar el código

Page 111: Crear una pagina web gratis en  jimdo

6.- PEGAR EL CODIGO AQUI

Page 112: Crear una pagina web gratis en  jimdo

Y … AQUÍ SE VE EL VIDEO

Page 113: Crear una pagina web gratis en  jimdo

Para hacer los videos pequeños

Page 114: Crear una pagina web gratis en  jimdo

Dar un click al video y debe aparecer este cuadro

Page 115: Crear una pagina web gratis en  jimdo

PARA PODER MODIFICAR LAS MEDIDAS DEL

VIDEO, HAY QUE CAMBIAR LOS

NUMEROS

Estos números son la medida del video:Width: ancho; height: alto

Page 116: Crear una pagina web gratis en  jimdo

DAR CLICK EN GUARDAR EN LA PARTE DE ABAJO

Page 117: Crear una pagina web gratis en  jimdo

Y ASI QUEDARIA NUESTRO

VIDEO

Page 118: Crear una pagina web gratis en  jimdo

Elemento descarga

Page 119: Crear una pagina web gratis en  jimdo
Page 120: Crear una pagina web gratis en  jimdo

ÉXITO

Page 121: Crear una pagina web gratis en  jimdo

Nota: si no se realiza el paso 2, el archivo no se guarda en la

página

(queda en blanco)

ERROR

Page 122: Crear una pagina web gratis en  jimdo

Slideshare

Page 123: Crear una pagina web gratis en  jimdo
Page 124: Crear una pagina web gratis en  jimdo
Page 125: Crear una pagina web gratis en  jimdo

Ingresar a:

http://www.slideshare.net/

Page 126: Crear una pagina web gratis en  jimdo

Dar click en signup

Page 127: Crear una pagina web gratis en  jimdo

Llenar formulario

Page 128: Crear una pagina web gratis en  jimdo
Page 129: Crear una pagina web gratis en  jimdo

Llenar los campos

Page 130: Crear una pagina web gratis en  jimdo
Page 131: Crear una pagina web gratis en  jimdo

Subir formatos de archivos

Page 132: Crear una pagina web gratis en  jimdo

Seleccionar pdf

abrir

Page 133: Crear una pagina web gratis en  jimdo

Copiar el código EMBED

Page 134: Crear una pagina web gratis en  jimdo
Page 135: Crear una pagina web gratis en  jimdo

Google Maps

Page 136: Crear una pagina web gratis en  jimdo

Introducir destino

Seleccionar google maps

Page 137: Crear una pagina web gratis en  jimdo

Guardar

Page 138: Crear una pagina web gratis en  jimdo
Page 139: Crear una pagina web gratis en  jimdo

* Música*Registro de servicio

*Realizar lista de reproducción*Introducir música a la página

Jimdo.com

Insertar música

Page 140: Crear una pagina web gratis en  jimdo

http://www.mixpod.com/

Ingresar a la dirección

Page 141: Crear una pagina web gratis en  jimdo

SELECCIONAR SIGN UP

(Registro personal)

Page 142: Crear una pagina web gratis en  jimdo

Llenar el formulario

Page 143: Crear una pagina web gratis en  jimdo

Escribir spam

Click en Sign Up

Page 144: Crear una pagina web gratis en  jimdo
Page 145: Crear una pagina web gratis en  jimdo

Crear la lista de rproducción

Page 146: Crear una pagina web gratis en  jimdo

Buscar cantantes o canciones

Page 147: Crear una pagina web gratis en  jimdo

Resultados de la búsqueda

Page 148: Crear una pagina web gratis en  jimdo

Para agregar a la lista de canciones

seleccionadas

Reproducir antes de insertar a la lista

Page 149: Crear una pagina web gratis en  jimdo

Cualquier opción marcada nos muestra este menú de

reproductores

Page 150: Crear una pagina web gratis en  jimdo

Opciones para cambiarle el color al reproductor

Page 151: Crear una pagina web gratis en  jimdo

Ejemplo

Page 152: Crear una pagina web gratis en  jimdo

Configurar nuestro reproductor

Page 153: Crear una pagina web gratis en  jimdo

Cambia de posición las canciones

Page 154: Crear una pagina web gratis en  jimdo

Llenar los campos

Page 155: Crear una pagina web gratis en  jimdo
Page 156: Crear una pagina web gratis en  jimdo
Page 157: Crear una pagina web gratis en  jimdo

Copiar el código Embed

Page 158: Crear una pagina web gratis en  jimdo
Page 159: Crear una pagina web gratis en  jimdo
Page 160: Crear una pagina web gratis en  jimdo
Page 161: Crear una pagina web gratis en  jimdo

Regresar a las listas creadas

Opciones de modificación

Page 162: Crear una pagina web gratis en  jimdo
Page 163: Crear una pagina web gratis en  jimdo

Imagen

Page 164: Crear una pagina web gratis en  jimdo
Page 165: Crear una pagina web gratis en  jimdo

Buscar la imagen

Page 166: Crear una pagina web gratis en  jimdo
Page 167: Crear una pagina web gratis en  jimdo
Page 168: Crear una pagina web gratis en  jimdo
Page 169: Crear una pagina web gratis en  jimdo
Page 170: Crear una pagina web gratis en  jimdo
Page 171: Crear una pagina web gratis en  jimdo
Page 172: Crear una pagina web gratis en  jimdo
Page 173: Crear una pagina web gratis en  jimdo

Imagen con texto

Page 174: Crear una pagina web gratis en  jimdo
Page 175: Crear una pagina web gratis en  jimdo
Page 176: Crear una pagina web gratis en  jimdo

Guardar

Page 177: Crear una pagina web gratis en  jimdo
Page 178: Crear una pagina web gratis en  jimdo

Galería de fotos

Page 179: Crear una pagina web gratis en  jimdo

*Buscar 5 imágenes en Google

*Guardarlas en el escritorio

Page 180: Crear una pagina web gratis en  jimdo
Page 181: Crear una pagina web gratis en  jimdo

Eliminar imagen

Imágenes seleccionadas

Page 182: Crear una pagina web gratis en  jimdo
Page 183: Crear una pagina web gratis en  jimdo
Page 184: Crear una pagina web gratis en  jimdo

Poner título

Opciones de:RotaciónEliminar

Hipervínculos

Page 185: Crear una pagina web gratis en  jimdo
Page 186: Crear una pagina web gratis en  jimdo

Subir fotos

Page 187: Crear una pagina web gratis en  jimdo
Page 188: Crear una pagina web gratis en  jimdo

Formulario

Page 189: Crear una pagina web gratis en  jimdo
Page 190: Crear una pagina web gratis en  jimdo

Llenar formulario

Page 191: Crear una pagina web gratis en  jimdo
Page 192: Crear una pagina web gratis en  jimdo
Page 193: Crear una pagina web gratis en  jimdo
Page 194: Crear una pagina web gratis en  jimdo
Page 195: Crear una pagina web gratis en  jimdo
Page 196: Crear una pagina web gratis en  jimdo
Page 197: Crear una pagina web gratis en  jimdo
Page 198: Crear una pagina web gratis en  jimdo

Crear Banner

• http://www.bannersnack.com/

Page 199: Crear una pagina web gratis en  jimdo

Registrarse

Page 200: Crear una pagina web gratis en  jimdo
Page 201: Crear una pagina web gratis en  jimdo
Page 202: Crear una pagina web gratis en  jimdo
Page 203: Crear una pagina web gratis en  jimdo
Page 204: Crear una pagina web gratis en  jimdo

Seleccionar el tamaño

Page 205: Crear una pagina web gratis en  jimdo
Page 206: Crear una pagina web gratis en  jimdo
Page 207: Crear una pagina web gratis en  jimdo
Page 208: Crear una pagina web gratis en  jimdo
Page 209: Crear una pagina web gratis en  jimdo

Borrar foto

Page 210: Crear una pagina web gratis en  jimdo
Page 211: Crear una pagina web gratis en  jimdo
Page 212: Crear una pagina web gratis en  jimdo
Page 213: Crear una pagina web gratis en  jimdo

Color, tipo de letra,

Page 214: Crear una pagina web gratis en  jimdo
Page 215: Crear una pagina web gratis en  jimdo
Page 216: Crear una pagina web gratis en  jimdo

Vista previa de

los efectos

Page 217: Crear una pagina web gratis en  jimdo
Page 218: Crear una pagina web gratis en  jimdo

Regresar para editar

Volver a reproducir

Page 219: Crear una pagina web gratis en  jimdo
Page 220: Crear una pagina web gratis en  jimdo
Page 221: Crear una pagina web gratis en  jimdo
Page 222: Crear una pagina web gratis en  jimdo
Page 223: Crear una pagina web gratis en  jimdo
Page 224: Crear una pagina web gratis en  jimdo
Page 225: Crear una pagina web gratis en  jimdo
Page 226: Crear una pagina web gratis en  jimdo
Page 227: Crear una pagina web gratis en  jimdo
Page 228: Crear una pagina web gratis en  jimdo
Page 229: Crear una pagina web gratis en  jimdo
Page 230: Crear una pagina web gratis en  jimdo
Page 231: Crear una pagina web gratis en  jimdo
Page 232: Crear una pagina web gratis en  jimdo

ELIMINAR PÁGINA JIMDO.COM

Page 233: Crear una pagina web gratis en  jimdo
Page 234: Crear una pagina web gratis en  jimdo
Page 235: Crear una pagina web gratis en  jimdo

Ing. Pascual de Anda Cárdenas

Por su atención, gracias

Ing. Pascual de Anda Cárdenas

Page 236: Crear una pagina web gratis en  jimdo

Ing. Pascual de Anda Cárdenas

http://www46.jimdo.com/app/s01eb868900243cae/pdcea06bdd4f1b854/?jumpto=siteadmin/upgrade/index/origin/loginpopup#hm:cc-sa-window-close

Pagina web

http://www.wdl.org/es/