Tutoria dos de_sites
-
Upload
luixito-marulanda -
Category
Documents
-
view
90 -
download
1
Transcript of Tutoria dos de_sites
![Page 1: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/1.jpg)
DEBES ENTRAR A TU CORREO DE GMAIL Y LUEGO CAMBIAS LA DIRECCION URL POR LA SIGUIENTE. https://sites.google.com/
![Page 2: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/2.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/3.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/4.jpg)
DESDE ESTE BOTON PODEMOS MODIFICAR PAGINA Y CADA VEZ QUE SE HACE ALGUN CAMBIO SE LE DA GUARDAR
![Page 5: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/5.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/6.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/7.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/8.jpg)
BOTON PARA ENTRAR AL ADMINISTRADOR DEL SITIO
![Page 9: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/9.jpg)
SE DESPLEGA UN SUBMENU Y ENTRAMOS AL ADMINISTRADOR DE SITIO
![Page 10: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/10.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/11.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/12.jpg)
CAMBIA EL PANTALLAZO Y TE DIRIGES A LA BARRA LATERAL IZQUIERDA Y DEBES BUSCAR PRESENTACION DEL SITIO.
![Page 13: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/13.jpg)
ENTRAS A LA OPCION PRESENTACION DEL SITIO
![Page 14: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/14.jpg)
CAMBIA NUEVAMENTE LA PAGINA Y DAS EN CAMBIAR LOGOTIPO
![Page 15: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/15.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/16.jpg)
APARECE CAJA DE DIALOGO PARA QUE BUSQUES EL ARCHIVO EN EL RESPECTIVO DISCO DURO/LACARPETA/EL ARCHIVO/RESALTAS/Y DAS ABRIR
![Page 17: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/17.jpg)
SE MONTA EL LOGO QUE DESEAS Y ESTE APARECE PEQUEÑO Y DAS ACEPTAR
![Page 18: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/18.jpg)
DAS GUARDAR Y LUEGO LA PAGINA PRINCIPAL
![Page 19: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/19.jpg)
MIRAS LOS CAMBIOS EN LA PAGINA
![Page 20: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/20.jpg)
BIOLOGIATERCERO
PERIODO 1-2
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/21.jpg)
EN PAINT SE RECOMIENDA QUE DEBES DE TENER ESTAS DIMENSIONES EN ATRIBUTOS PARA QUE UBIQUES LA IMAGEN PRINCIAPAL
![Page 22: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/22.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/23.jpg)
S E RECOMIENDA QUE PEGUES ESTA DIMENSION EN POWER POINT PARA QUE UBIQUES LAS IMÁGENES, Y EL TITULO LO HACES DESDE WORD ART
PADRINO TUTOR
RELIGIONCUARTO
PERIODOS 3-4
LUEGO DE UBICAR TU LOGO COMO CON LA INFORMACION BASICA, AGRUPAS LAS IMÁGENES Y LAS LLEVAS A PAINT
![Page 24: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/24.jpg)
PADRINO TUTOR
RELIGIONCUARTO
PERIODOS 3-4
![Page 25: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/25.jpg)
EN PAINT SE DEBE GRABAR CON TIPO PNG Y SE GUARDA EN LA CARETA DEL PROYECTO PARALUEGO MONTARLA COMO SE EXPLICO.
![Page 26: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/26.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/27.jpg)
Le debes dar insertar click, imagen click
![Page 28: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/28.jpg)
Cambia la caja de dialogo y le das en seleccionar archivo
![Page 29: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/29.jpg)
Aparece caja de dialogo donde debes buscar la imagen por unidad/carpeta/archivo/resaltas o activas/abrir
![Page 30: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/30.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/31.jpg)
La imagen esta montada y te pide que le des una dirección o url para donde se pueda ir
![Page 32: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/32.jpg)
![Page 33: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/33.jpg)
Aparece una nueva caja de dialogo que contiene una dirección por defecto
![Page 34: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/34.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/35.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/36.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/37.jpg)
Aprecia como se vela pagina y ella tiene los espacios establecidos
![Page 38: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/38.jpg)
Ubica el cursos donde deseas pegar la tabla y le das atabla y resaltas las cuadriculas de filas y columnas
![Page 39: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/39.jpg)
Aparece el cuadro o la respectiva tabla que montaste y la puedes modificar manualmente o por el codigo html
![Page 40: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/40.jpg)
Apreciamos la tabla de 1*1 modificada manualmente
Si haces click en html veras el tamaño en pixeles
![Page 41: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/41.jpg)
Este es el tamaño que tiene y se recomienda que se deje de 842 px por 20 px con este tamaño se trabaja mas cómodo en la pagina y es el recomendado
![Page 42: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/42.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/43.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/44.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/45.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/46.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/47.jpg)
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 dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/48.jpg)
La pagina con sus cuatro bloques
![Page 49: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/49.jpg)
PARA INTRODUCIR UN LOGO
![Page 50: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/50.jpg)
![Page 51: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/51.jpg)
![Page 52: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/52.jpg)
![Page 53: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/53.jpg)
![Page 54: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/54.jpg)
![Page 55: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/55.jpg)
![Page 56: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/56.jpg)
![Page 57: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/57.jpg)
![Page 58: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/58.jpg)
![Page 59: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/59.jpg)
![Page 60: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/60.jpg)
![Page 61: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/61.jpg)
![Page 62: Tutoria dos de_sites](https://reader036.fdocuments.mx/reader036/viewer/2022062514/55b6c936bb61eb70158b4749/html5/thumbnails/62.jpg)
http://www.eduteka.org/#!tagR-biologia
https://sites.google.com/site/bulbiologiatercero/
BIOLOGIAG.3: P,1-2