Crear una pagina web gratis en jimdo

Preview:

DESCRIPTION

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

Citation preview

Ing. Pascual de Anda Cárdenas

Universidad SantanderDoctorado en Ciencias de la Educación

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

Ing. Pascual de Anda Cárdenas

Elaboración de una página web

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

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

Internet librehttp://www.mixpod.com/

http://www.bannersnack.com/

Servicios:

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

Nombre de su páginaCorreo personal

Aceptar condiciones

Crear pagina web

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

nombremionombredemiescuelaClasequeimparto

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

Escribe spam

Ir al correo para activar la página

Clic en el url de la página

CopiarContraseña

Pegar Contraseña

Iniciar Sesión

Pantalla de Inicio

Cambiar contraseña

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

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

1.- Dar click en ajustes

2.- Desplazarme con la barra

Editar las herramientas del encabezado

Posicionar el ratón para editar el encabezado

Opciones para modificar

Vista previa de la página

Continuar con la Edición

Insertar imágen

1.- Imagen propia

2.- Buscar imagen y seleccionar

3.- Examinar

4.- Subir imagen

Subir otra imagen

Imagen propia

Seleccionar otra imagen

Subir imagen

Elegir estampado

Estampado

Editar el titulo

Titulo

Insertar etiquetas

Logo

Editar el encabezado

Al final el encabezado dar clic en cerrar

Concluir encabezado

Editar navegación

(cambio de nombre a las pestañas)

Cambiar el nombre a las pestañas

Posicionar el ratón

Dar Clic

Renombrar

Mover Posición la página

Insertar nueva página

Eliminarpágina

Ocultar página del menú

Cualquier cambioguardar

Exploración de los tipos de plantillas

Exploración de plantillas

Plantillas

Seleccionar

Aceptar cambios

Cambiar la plantilla

Cambiar la plantilla

Programar en html

Elaborar programación

Insertar plantillas creadas

Plantillas especiales

Insertar plantilla

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

Editar Plantillas

Selecciono texto

Selecciono tipo de letra, tamaño, color

En Titulo 1: propiedades de la

letra, el estilo y color

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

EL TITULO 2

EN LINEA HORIZONTAL; ME

VA A PERMITIR CAMBIAR LA

LINEA DIVISORIA DE LOS TITULOS.

EL COLOR DE FONDO, ME PERMITE

CAMBIAR EL COLOR DE MI PLANTILLA.

AQUÍ SELECCIONOEL COLOR QUE DESEE

Selección del color

EL ESTAMPADO DE FONDO, ES PARA PODER PONER

IMÁGENES SOBRE MI PLANTILLA, AL

SELECCIONAR LA QUE SEA DE MI AGRADO

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

haya elegido.

1.- DOY CLICK EN EXAMINAR

BUSCO MI IMAGEN, LE DOY CLICK EN

ABRIR

2.- DOY CLICK EN SUBIR IMAGEN

3.- PARA FINALIZAR GUARDO

Cambio de título de la página

1.- Seleccionar ajustes

2.- BuscadoresTítulo de la página

Guardar

1- Seleccionar la función «F5»

2- y nos muestra el titulo que se introdujo.

Favicón

1.- SELECCIONAR AJUSTES

2.- DAR CLICK EN FAVICON

IMPORTANTE EL TAMAÑO

DE LA IMAGEN

BUSCAR LA IMAGEN EN GOOGLE

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

GUARDO MI IMAGEN EN ESCRITORIO

1.- Seleccionar escritorio

2.- Guarda

Abrir Paint

BUSCAR LA IMAGEN

ABRIR IMAGEN SELECCIONADA

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

1.- SELECCIONAR DEL MENU: “IMAGEN”

REDUCIR MI IMAGEN AL 50%1.- IMAGEN

2.- EXPANDIR Y CONTRAERHORIZONTAL 50%

VERTICAL 50%

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

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%

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

1.- SELECCIONAR AJUSTES

2.- DAR CLICK EN FAVICON

IMPORTANTE EL TAMAÑO

DE LA IMAGEN

1.- Buscar la imagen en “examinar”

2.- Dar click en abrir

3.- Dar click en subir

Revisar el favicon

AQUÍ ESTA MI FAVICON

Elementos para introducir objetos

Título

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)

Texto

Opciones para modificar el texto

Guardar

Ing. Pascual de Anda Cárdenas

Hipervínculos

insertar/editar hipervínculo

1.- Seleccionar la palabra deseada

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

3.- Insertar/editarhipervínculo

hipervínculo

3.- Ir a la dirección deseada

Insertar enlace

Guardar

Videos Insertar videos

Seleccionar You tube

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

DE MI AGRADO

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

1.- Abrir you tube

SELECCINAR Y COPIAR LA DIRECCION DE URL

PEGAR LA DIRECCION DE URL

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

AQUÍ YA PUEDO VER MI VIDEO DANDO CLICK EN PLAY

Otra manera de insertar videos

1.- Dar click en la cruz blanca

2.-DAR UN CLICK EN WIDGET / HTML

3.- Voy al video en you tube

4.- Dar click en compartir

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

6.- PEGAR EL CODIGO AQUI

Y … AQUÍ SE VE EL VIDEO

Para hacer los videos pequeños

Dar un click al video y debe aparecer este cuadro

PARA PODER MODIFICAR LAS MEDIDAS DEL

VIDEO, HAY QUE CAMBIAR LOS

NUMEROS

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

DAR CLICK EN GUARDAR EN LA PARTE DE ABAJO

Y ASI QUEDARIA NUESTRO

VIDEO

Elemento descarga

ÉXITO

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

página

(queda en blanco)

ERROR

Slideshare

Ingresar a:

http://www.slideshare.net/

Dar click en signup

Llenar formulario

Llenar los campos

Subir formatos de archivos

Seleccionar pdf

abrir

Copiar el código EMBED

Google Maps

Introducir destino

Seleccionar google maps

Guardar

* Música*Registro de servicio

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

Jimdo.com

Insertar música

http://www.mixpod.com/

Ingresar a la dirección

SELECCIONAR SIGN UP

(Registro personal)

Llenar el formulario

Escribir spam

Click en Sign Up

Crear la lista de rproducción

Buscar cantantes o canciones

Resultados de la búsqueda

Para agregar a la lista de canciones

seleccionadas

Reproducir antes de insertar a la lista

Cualquier opción marcada nos muestra este menú de

reproductores

Opciones para cambiarle el color al reproductor

Ejemplo

Configurar nuestro reproductor

Cambia de posición las canciones

Llenar los campos

Copiar el código Embed

Regresar a las listas creadas

Opciones de modificación

Imagen

Buscar la imagen

Imagen con texto

Guardar

Galería de fotos

*Buscar 5 imágenes en Google

*Guardarlas en el escritorio

Eliminar imagen

Imágenes seleccionadas

Poner título

Opciones de:RotaciónEliminar

Hipervínculos

Subir fotos

Formulario

Llenar formulario

Crear Banner

• http://www.bannersnack.com/

Registrarse

Seleccionar el tamaño

Borrar foto

Color, tipo de letra,

Vista previa de

los efectos

Regresar para editar

Volver a reproducir

ELIMINAR PÁGINA JIMDO.COM

Ing. Pascual de Anda Cárdenas

Por su atención, gracias

Ing. Pascual de Anda Cárdenas

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/