Tutoria para sites padrino tutor

62
DEBES ENTRAR A TU CORREO DE GMAIL Y LUEGO CAMBIAS LA DIRECCION URL POR LA SIGUIENTE. https://sites.google.com/

Transcript of Tutoria para sites padrino tutor

Page 1: Tutoria para sites padrino tutor

DEBES ENTRAR A TU CORREO DE GMAIL Y LUEGO CAMBIAS LA DIRECCION URL POR LA SIGUIENTE. https://sites.google.com/

Page 2: Tutoria para sites padrino tutor

EN TUS SITES CREAS UNO, Y DEBE SER EN PAGINAS EN BLANCO O SI YA LO TIENES DEBES DE ENTRAR A EL.

Page 3: Tutoria para sites padrino tutor

EN ESTOS BOTONES ES DE DONDE SE HACEN LOS RESPECTIVOS CAMBIOS EN EL TRABAJO. UNO PARA ESCRIBIR O MODIFICAR PAGINA, OTRO PARA AGRAGAR PAGINA Y OTRO PARA ENTRAR A LA CONFIGURACION DEL SITE.

Page 4: Tutoria para sites padrino tutor

DESDE ESTE BOTON PODEMOS MODIFICAR PAGINA Y CADA VEZ QUE SE HACE ALGUN CAMBIO SE LE DA GUARDAR

Page 5: Tutoria para sites padrino tutor

SE APRECIA LA BARRA DE MENU PARA CAMBIAR LOS ELEMENTOS DE ESCRITURA, COLOR Y VARIOS ASPECTOS, CUANDO SE HAGAN CAMBIOS SE DA A GUARDAR

Page 6: Tutoria para sites padrino tutor

DAMOS CLOCK EN DISEÑO Y SE DEBE ESCOGER EL TIPO DESEADO SE RECOMIENDA A UNA COLUMNA PARA QUE SE TRABAJE MAS COMODAMENTE.

Page 7: Tutoria para sites padrino tutor

DESDE ESTE BOTON PODEMOS AGREGAR UNA PAGINA Y EN ESTA PAGINA ESTARA LA TEMATICA QUE NOS CORRESPONDE HACER Y CADA VEZ QUE SE HACE ALGUN CAMBIO SE LE DA GUARDAR

Page 8: Tutoria para sites padrino tutor

BOTON PARA ENTRAR AL ADMINISTRADOR DEL SITIO

Page 9: Tutoria para sites padrino tutor

SE DESPLEGA UN SUBMENU Y ENTRAMOS AL ADMINISTRADOR DE SITIO

Page 10: Tutoria para sites padrino tutor

EN ESTA BARRA LATERAL IZQUIERDA SE BUSCA LOS ASPECTOS A MODIFICAR, SE APLICAN Y SE LE DA GURDAR, Y LUEGO AL NOMBRE DEL SITIO

Page 11: Tutoria para sites padrino tutor

PARA PEGAR LA IMAGEN PRINCIPAL DEBES ENTRAR A MAS Y SE DESPLIEGA LA BARRA DE SUBMENU, Y DAS EN ADMINISTRAR EL SITIO.

Page 12: Tutoria para sites padrino tutor

CAMBIA EL PANTALLAZO Y TE DIRIGES A LA BARRA LATERAL IZQUIERDA Y DEBES BUSCAR PRESENTACION DEL SITIO.

Page 13: Tutoria para sites padrino tutor

ENTRAS A LA OPCION PRESENTACION DEL SITIO

Page 14: Tutoria para sites padrino tutor

CAMBIA NUEVAMENTE LA PAGINA Y DAS EN CAMBIAR LOGOTIPO

Page 15: Tutoria para sites padrino tutor

DAS CLICK EN SELECCIONAR ARCHIVO PARA QYUE MONTES LO QUE DESEES, RECUERDA, LOS ARCHIVOS DEBEN ESTAR GUARDADOS EN UNA CARPETA PARA UNA MEJOR Y MAS FACIL BUSQUEDA

Page 16: Tutoria para sites padrino tutor

APARECE CAJA DE DIALOGO PARA QUE BUSQUES EL ARCHIVO EN EL RESPECTIVO DISCO DURO/LACARPETA/EL ARCHIVO/RESALTAS/Y DAS ABRIR

Page 17: Tutoria para sites padrino tutor

SE MONTA EL LOGO QUE DESEAS Y ESTE APARECE PEQUEÑO Y DAS ACEPTAR

Page 18: Tutoria para sites padrino tutor

DAS GUARDAR Y LUEGO LA PAGINA PRINCIPAL

Page 19: Tutoria para sites padrino tutor

MIRAS LOS CAMBIOS EN LA PAGINA

Page 20: Tutoria para sites padrino tutor

ESTE LOGO LO PUEDES UTILIZAR PARA TUTARBAJO, SABES QUE SE DEBE CAMBIAR LOS ASPECTOS DE LA IMAGEN, EL NOMBRE DEL SITES QUE HACES «BIOLOGIA TERCERO PERIODO 1-2» Y MONTAS EL QUE ESTAS DESARROLLANDO, SE RECOMIENDA QUE EN PAINT

Page 21: Tutoria para sites padrino tutor

EN PAINT SE RECOMIENDA QUE DEBES DE TENER ESTAS DIMENSIONES EN ATRIBUTOS PARA QUE UBIQUES LA IMAGEN PRINCIAPAL

Page 22: Tutoria para sites padrino tutor

S E RECOMIENDA QUE PEGUES ESTA DIMENSION EN POWER POINT PARA QUE UBIQUES LAS IMÁGENES, Y EL TITULO LO HACES DESDE WORD ART

Page 23: Tutoria para sites padrino tutor

S E RECOMIENDA QUE PEGUES ESTA DIMENSION EN POWER POINT PARA QUE UBIQUES LAS IMÁGENES, Y EL TITULO LO HACES DESDE WORD ART

LUEGO DE UBICAR TU LOGO COMO CON LA INFORMACION BASICA, AGRUPAS LAS IMÁGENES Y LAS LLEVAS A PAINT

Page 24: Tutoria para sites padrino tutor
Page 25: Tutoria para sites padrino tutor

EN PAINT SE DEBE GRABAR CON TIPO PNG Y SE GUARDA EN LA CARETA DEL PROYECTO PARALUEGO MONTARLA COMO SE EXPLICO.

Page 26: Tutoria para sites padrino tutor

Te ubicas en la celda que deseas montar la imagen, recuerda activar el icono de modificar la pagina

Para introducir un icono

Page 27: Tutoria para sites padrino tutor

Le debes dar insertar click, imagen click

Page 28: Tutoria para sites padrino tutor

Cambia la caja de dialogo y le das en seleccionar archivo

Page 29: Tutoria para sites padrino tutor

Aparece caja de dialogo donde debes buscar la imagen por unidad/carpeta/archivo/resaltas o activas/abrir

Page 30: Tutoria para sites padrino tutor

La imagen aparece en un pequeño recuadro y le das aceptar para que quede montada en la pagina en la tabla.

Page 31: Tutoria para sites padrino tutor

La imagen esta montada y te pide que le des una dirección o url para donde se pueda ir

Page 32: Tutoria para sites padrino tutor
Page 33: Tutoria para sites padrino tutor

Aparece una nueva caja de dialogo que contiene una dirección por defecto

Page 34: Tutoria para sites padrino tutor

Borras la dirección completamente y luego pegas la dirección nueva, de la pagina que desea, además debes de activar el cuadro de abrir nueva ventana.

Page 35: Tutoria para sites padrino tutor

Debes dar guardar para que se active la nueva dirección, y ya el nuevo icono que montas te llevara a la pagina que desea

Page 36: Tutoria para sites padrino tutor

Para pegar la tabla o los cuadros que contienen los iconos con los hipervínculos, debes de dar en diseño y elegir a una columna

Page 37: Tutoria para sites padrino tutor

Aprecia como se vela pagina y ella tiene los espacios establecidos

Page 38: Tutoria para sites padrino tutor

Ubica el cursos donde deseas pegar la tabla y le das atabla y resaltas las cuadriculas de filas y columnas

Page 39: Tutoria para sites padrino tutor

Aparece el cuadro o la respectiva tabla que montaste y la puedes modificar manualmente o por el codigo html

Page 40: Tutoria para sites padrino tutor

Apreciamos la tabla de 1*1 modificada manualmente

Si haces click en html veras el tamaño en pixeles

Page 41: Tutoria para sites padrino tutor

Este es el tamaño que tiene y se recomienda que se deje de 842 px por 20 pxcon este tamaño se trabaja mas cómodo en la pagina y es el recomendado

Page 42: Tutoria para sites padrino tutor

Puedes insertar una segunda tabla de 7*2 para que se monten los diferentes iconos o la dirección del hpv a las paginas del site. Se hace colocando el cursos luego de la celda anterior

Page 43: Tutoria para sites padrino tutor

Aparece la tabla de 7 columnas por 2 filas y esta con un tamaño estandar y se debe modificar para que quede uniforme con la celda superior. Le das al icono html para que te lleve a la configuración de esta tabla

Page 44: Tutoria para sites padrino tutor

Debes cambiar la informacion de la fila y se hace lo sgte. 1 resaltas el td style de la tabla anterior y copiar o crtl+c 2 resaltas la informacion de la celda y pegas los datos

Page 45: Tutoria para sites padrino tutor

Cuando pegues la información de la celda superior debes cambiar los valores a los recomendados que son 118px por 45px; luego debes resaltar todo y lo pegas en las demás celdas.

Page 46: Tutoria para sites padrino tutor

Apreciamos ya todos los datos cambiados y esto modificara la tabla en la pagina, también se recomienda que el bloque de celdas de abajo no se modifique click en actualizar

Page 47: Tutoria para sites padrino tutor

Se aprecia el cambio y solo estarán las tres filas organizadas, para que se multipliquen solo debes de resaltar, copiar, ubicar el cursor pegar y repites hasta tener cuatro bloques de estos.

Page 48: Tutoria para sites padrino tutor

La pagina con sus cuatro bloques

Page 49: Tutoria para sites padrino tutor

PARA INTRODUCIR UN LOGO

Page 50: Tutoria para sites padrino tutor
Page 51: Tutoria para sites padrino tutor
Page 52: Tutoria para sites padrino tutor
Page 53: Tutoria para sites padrino tutor
Page 54: Tutoria para sites padrino tutor
Page 55: Tutoria para sites padrino tutor
Page 56: Tutoria para sites padrino tutor
Page 57: Tutoria para sites padrino tutor
Page 58: Tutoria para sites padrino tutor
Page 59: Tutoria para sites padrino tutor
Page 60: Tutoria para sites padrino tutor
Page 61: Tutoria para sites padrino tutor