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

description

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

Transcript of Crear una pagina web gratis en jimdo

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/