Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Tutoria para sites padrino tutor

402 views

Published on

En el siguiente trabajo estas apreciando el tutorial de como crear un sites para el proyecto padrino tutor y debes de analizarlo y tu practica quedara muy bien.

Published in: Education
  • Be the first to comment

  • Be the first to like this

Tutoria para sites padrino tutor

  1. 1. DEBES ENTRAR A TU CORREO DE GMAIL Y LUEGO CAMBIAS LADIRECCION URL POR LA SIGUIENTE. https://sites.google.com/
  2. 2. EN TUS SITES CREAS UNO, Y DEBE SER EN PAGINAS EN BLANCO OSI YA LO TIENES DEBES DE ENTRAR A EL.
  3. 3. EN ESTOS BOTONES ES DE DONDE SE HACEN LOS RESPECTIVOS CAMBIOS EN ELTRABAJO. UNO PARA ESCRIBIR O MODIFICAR PAGINA, OTRO PARA AGRAGAR PAGINAY OTRO PARA ENTRAR A LA CONFIGURACION DEL SITE.
  4. 4. DESDE ESTE BOTON PODEMOS MODIFICAR PAGINA Y CADA VEZ QUE SE HACE ALGUNCAMBIO SE LE DA GUARDAR
  5. 5. SE APRECIA LA BARRA DE MENU PARA CAMBIAR LOS ELEMENTOS DE ESCRITURA,COLOR Y VARIOS ASPECTOS, CUANDO SE HAGAN CAMBIOS SE DA A GUARDAR
  6. 6. DAMOS CLOCK EN DISEÑO Y SE DEBE ESCOGER EL TIPO DESEADO SE RECOMIENDA AUNA COLUMNA PARA QUE SE TRABAJE MAS COMODAMENTE.
  7. 7. DESDE ESTE BOTON PODEMOS AGREGAR UNA PAGINA Y EN ESTA PAGINA ESTARA LATEMATICA QUE NOS CORRESPONDE HACER Y CADA VEZ QUE SE HACE ALGUNCAMBIO SE LE DA GUARDAR
  8. 8. BOTON PARA ENTRAR AL ADMINISTRADOR DEL SITIO
  9. 9. SE DESPLEGA UN SUBMENU Y ENTRAMOS AL ADMINISTRADOR DE SITIO
  10. 10. EN ESTA BARRA LATERAL IZQUIERDA SE BUSCA LOS ASPECTOS A MODIFICAR, SEAPLICAN Y SE LE DA GURDAR, Y LUEGO AL NOMBRE DEL SITIO
  11. 11. PARA PEGAR LA IMAGEN PRINCIPAL DEBES ENTRAR A MAS Y SE DESPLIEGALA BARRA DE SUBMENU, Y DAS EN ADMINISTRAR EL SITIO.
  12. 12. CAMBIA EL PANTALLAZO Y TE DIRIGES A LA BARRA LATERAL IZQUIERDA YDEBES BUSCAR PRESENTACION DEL SITIO.
  13. 13. ENTRAS A LA OPCION PRESENTACION DEL SITIO
  14. 14. CAMBIA NUEVAMENTE LA PAGINA Y DAS EN CAMBIAR LOGOTIPO
  15. 15. DAS CLICK EN SELECCIONAR ARCHIVO PARA QYUE MONTES LO QUEDESEES, RECUERDA, LOS ARCHIVOS DEBEN ESTAR GUARDADOS EN UNACARPETA PARA UNA MEJOR Y MAS FACIL BUSQUEDA
  16. 16. APARECE CAJA DE DIALOGO PARA QUE BUSQUES EL ARCHIVO EN ELRESPECTIVO DISCO DURO/LACARPETA/EL ARCHIVO/RESALTAS/Y DAS ABRIR
  17. 17. SE MONTA EL LOGO QUE DESEAS Y ESTE APARECE PEQUEÑO Y DASACEPTAR
  18. 18. DAS GUARDAR Y LUEGO LA PAGINA PRINCIPAL
  19. 19. MIRAS LOS CAMBIOS EN LA PAGINA
  20. 20. ESTE LOGO LO PUEDES UTILIZAR PARA TUTARBAJO, SABES QUE SE DEBECAMBIAR LOS ASPECTOS DE LA IMAGEN, EL NOMBRE DEL SITES QUE HACES«BIOLOGIA TERCERO PERIODO 1-2» Y MONTAS EL QUE ESTASDESARROLLANDO, SE RECOMIENDA QUE EN PAINT
  21. 21. EN PAINT SE RECOMIENDA QUE DEBES DE TENER ESTAS DIMENSIONES ENATRIBUTOS PARA QUE UBIQUES LA IMAGEN PRINCIAPAL
  22. 22. S E RECOMIENDA QUE PEGUES ESTA DIMENSION EN POWER POINTPARA QUE UBIQUES LAS IMÁGENES, Y EL TITULO LO HACES DESDEWORD ART
  23. 23. S E RECOMIENDA QUE PEGUES ESTA DIMENSION EN POWER POINTPARA QUE UBIQUES LAS IMÁGENES, Y EL TITULO LO HACES DESDEWORD ARTLUEGO DE UBICAR TU LOGO COMO CON LA INFORMACION BASICA,AGRUPAS LAS IMÁGENES Y LAS LLEVAS A PAINT
  24. 24. EN PAINT SE DEBE GRABAR CON TIPO PNG Y SE GUARDA EN LA CARETA DEL PROYECTO PARALUEGO MONTARLA COMO SE EXPLICO.
  25. 25. Para introducir un iconoTe ubicas en la celda que deseas montar la imagen, recuerda activar el icono demodificar la pagina
  26. 26. Le debes dar insertar click, imagen click
  27. 27. Cambia la caja de dialogo y le das en seleccionar archivo
  28. 28. Aparece caja de dialogo donde debes buscar la imagen porunidad/carpeta/archivo/resaltas o activas/abrir
  29. 29. La imagen aparece en un pequeño recuadro y le das aceptar para que quedemontada en la pagina en la tabla.
  30. 30. La imagen esta montada y te pide que le des una dirección o url para donde sepueda ir
  31. 31. Aparece una nueva caja de dialogo que contiene una dirección por defecto
  32. 32. Borras la dirección completamente y luego pegas la dirección nueva, de la paginaque desea, además debes de activar el cuadro de abrir nueva ventana.
  33. 33. Debes dar guardar para que se active la nueva dirección, y ya el nuevo icono quemontas te llevara a la pagina que desea
  34. 34. Para pegar la tabla o los cuadros que contienen los iconos con loshipervínculos, debes de dar en diseño y elegir a una columna
  35. 35. Aprecia como se vela pagina y ella tiene los espacios establecidos
  36. 36. Ubica el cursos donde deseas pegar la tabla y le das atabla y resaltas lascuadriculas de filas y columnas
  37. 37. Aparece el cuadro o la respectiva tabla que montaste y la puedes modificarmanualmente o por el codigo html
  38. 38. Apreciamos la tabla de 1*1 modificada manualmente Si haces click en html veras el tamaño en pixeles
  39. 39. 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
  40. 40. Puedes insertar una segunda tabla de 7*2 para que se monten los diferentes iconos o ladirección del hpv a las paginas del site. Se hace colocando el cursos luego de la celdaanterior
  41. 41. Aparece la tabla de 7 columnas por 2 filas y esta con un tamaño estandar y sedebe modificar para que quede uniforme con la celda superior. Le das al iconohtml para que te lleve a la configuración de esta tabla
  42. 42. Debes cambiar la informacion de la fila y se hace lo sgte. 1 resaltas el td style de latabla anterior y copiar o crtl+c 2 resaltas la informacion de la celda y pegas los datos
  43. 43. Cuando pegues la información de la celda superior debes cambiar los valores a losrecomendados que son 118px por 45px; luego debes resaltar todo y lo pegas enlas demás celdas.
  44. 44. 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 enactualizar
  45. 45. Se aprecia el cambio y solo estarán las tres filas organizadas, para que semultipliquen solo debes de resaltar, copiar, ubicar el cursor pegar y repiteshasta tener cuatro bloques de estos.
  46. 46. La pagina con sus cuatro bloques
  47. 47. PARA INTRODUCIR UN LOGO
  48. 48. https://sites.google.com/site/bulbiologiatercero/ http://www.eduteka.org/#!tagR-biologia

×