INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C CINTHYA HUGGETH RIOS GARCIA LILIA RIVERA GONZALEZ INFORMATICA “SEMESTRE B” PAGINA WEB 3A CICLO ESCOLAR 2015-2016
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
INTRODUCCIÓN A continuación presentare la elaboración de una página web por medio de “ html” iré explicando todo el procedimiento de esta ,además de poner una pequeña conclusión de lo aprendido y experimentado al elaborar cada parte.
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
INDICE 1.- ELABORACION DEL ESQUELETO …………………………………………….4 2.--TITUTULO DE LA PAGINA WEB………………….……………………….…….7 3.-INSERTAR IMÁGENES EN LA PAGINA WEB………………….……………….9 4.-INSERTAR VIDEO……………………………………………..…………..……..12 5.-INSERTAR MUSICA……………………………………………………………..13 6.- INSERTAR TABLAS……………………………………………..……………….16 7.- INSERTA HIPERVIHINCULO……………………………………………………17 8.-ENSAYO…………………………………………………………………………..18
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
NOMBRE : ESQUELETO OBJETIVO : HACER NUESTRO PROPIO DISEÑO O ESQUELETO , EN HTML ,PARA NUESTRA PAGINA WEB HERRAMIENTAS : *BLOC DE NOTAS *DISEÑO DEL ESQUELETO YA ESTABLECIDO *ETIQUETAS BASICA DE HTML PROCEDIMIENTO: QUE ES HTML? ES UN LENGUAJE QUE SE EMPLEA PARA EL DESARROLLO DE PAGINAS DE INTERNET, COMPUESTA POR UNA SERI DE ETIQUETAS. BUENO ANTES DE EMPEZAR YA DEBISTE AVER PLANEADO O DIBUJADO TU ESQUELETO, ES MUY IMPORTANTE ESTO, YA QUE YA SABES QUE ES LO QUE TIENES QUE HACER CUANTAS SECCIONES , TIENE
ESTA ES LA ESTRUCTURA YA TERMINADA ,SI OBSERVAS BIEN ESTA EN SECCIONES .
YQUE VA A CONTENER CADA UNA DE ELLAS.
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
ABRIMOS NUESTRO BLOC DE NOTAS , NUNCA DEBEMOS OLVIDARNOS DE ABRIR LA PAGINA CON “HTML” TODO LO QUE ABRAMOS LO TENEMOS QUE CERRAR BODY RECIBE LA INFORMACION DEL DOCUMENTO LOS FRAME SE USAN EN LUGAR DE LO BODY LOS FRAMASET SON PARA DAR LAS SECCIONES O LOS CORTES , TODO ESTA EN INGLES , AHÍ MUESTRA PORCENTAJES , QUE SON LOS ESPACIOS QUE QUIERES OCUPAR O MEJRO DICHO LAS MEDIDAS. NOTA DEBES GUARDA CADA COSA COMO TXT. Y LA MISMA EN HTML. AHÍ SE MUESTRA PORCENTAJES.
LOS PORCENTAJES DE LA IMAGEN ANTERIOR CORRESPONDE A LA PARTE SUPERIOR DE ESTA IMAGEN ESTE ES EL ESQUELETO FINAL .
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
CONCLUSION: SE ME COMPLICO BASTANTE G¿HACER EL ESQUELETO NO LE ENTENDIA NADA , GRACIAS A LA YUDA DE NUESTRA MAESTRA PUDE ENTENDERLE.
NOMBRE : TITULO DE LA PAGINA
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
OBEJTIVO : COLOCAR Y ARMAR TU PAGINA WEB POR MEDIO DE LAS ETIQUETAS. HERRAMIENTAS : BLOC DE NOTAS ETIQUETAS ESQUELETO PROCEDIMIENTO: EXISTEN MUCHAS ETIQUETAS QUE NOS AYUDAN A DAR MÁS ESTETICA A NUESTRA PAGINA YO USE LA ETIQUETA MARQUEESINA , ESTA ES TEXTO CON MOVIMIENTO. LE CAMBIE EL TIPO DE FUENTE CON LA ETIQUETA “FON FACE” LE DI COLOR A LA FUENTE , CON EL BODY EL FONDO, E INCLUSO LE CAMBIE EL TAMAÑON DE LA FUENTE ES ALGO MUY IMPORTANTE LO SIGUIENTE “TODO SE DEBE DE HACER EN UN BLOC DE NOTAS DIFERENTE Y TENER TODO EN UNA MISMA CARPETA, PARA WUE ESTO SE PEQGUE AL ESQUELETO DEBEN DE ESCRIBIR (SRC) QUE ES LA RUTA Y EN EL ESQUELETO AL ULTIMO CERRAR BODY SIN INICIARLO”
AQUÍ SE MUESTRA LA ESTRUCTURA DEL TITULO
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
TITULO TERMINADO
CONCLUSION: GRACIAS A LA AYUDA DE LAS PRACTICAS QUE NOS DEJARON CON ANTICIPACION PUDE PONER EL TITULO , ESTUVE CAMBIANDO COLORES. Y ME DECIDI POR ESTOS
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
NOMBRE : INSERTAR IMÁGENES EN LA PAGINA WEB OBJETIVO : APRENDER A INSERTAR IMÁGENES ALA PAGINA WEB . HERRAMIENTAS: BLOC DE NOTAS ESQUELETO ETIQUETAS PREOCEDIMIENTO: SEGUIREMOS CON LA MISMA ESTRUCTURA UTILIZAREMOS LA ETIQUETA “IMG” PONEMOS LA RUTA (SRC) SEGUIDA DEL NOMBRE DE LA IMAGEN (LA IMAGEN YA DEBE ESTAR DESCARGADA Y METIDA EN LA MISMA CARPETA) ESTA DEBE ESTAR ENTRE COMILLAS , CON SU FORMATO Y CERRARLO PUEDES PONER LAS IMÁGENES QUE QUIERAS.
AQUÍ ESTA YA LA ESTRUCTURA TERMINADA
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
AHÍ DE MUESTRAN LAS IMÁGENES Y LA BARRA PARA DEZPLAZAR
CONCLUSION : LA VERDAD SE ME HIZO MUY FACIL E INTERESANTE TUVE POCOS PROBLEMAS FUE DEMASIADO RAPIDO RESOLVERLOS
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
NOMBRE: INSERTAR VIDEO OBJETIVO : APRENDER A COLOCAR VIDEOS A TU PAGINA WEB HERRAMIENTAS: *BLOC DE NOTA * ESQUELETO * ETIQUETAS PROCEDIMIENTO : SEGUIMOS CON LA MISMA ESTRUCTURA EN ESTE CASO UTILIZAREMOS LA ETIQUETA EMBED COLOCAMOS NUESTRA RUTA (SRC) YA SABEN EL VIDEO YA DEBE ESTAR DESCARGADO Y EN LA CARPETA..
AQUÍ ESTA
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
EN EL CUADRO GRANDE BLANCO DE DEBE DE MOSTRAR EL VIDEO , DEBIDO A QUE MI COMPUTADORA TIENE FIREFOX NO SE REPRODUCE.
CONCLUSION MUY SENCILLO ESTE PASO SOLO UTILICE MI LIBRETA PARA COLOCAR , NO SABIA EL PORQUE NO SE REPRODUCIA , PERO YA ESTA LISTO.
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
NOMBRE: INSERTAR MUSICA OBJETIVO: COLOCAR MUSICA , A TU PAGINA WEB. HERRAMIENTAS: BLOC DE NOTAS ESQUELETO EIQUETAS. PROCEDIMIENTO: SEGUIMOS CON LA MISMA ESTRUCTURA Y LA MISMA ETIQUETA , COLOCAMOS NUESTRA RUTA (SRC) Y LA MUSICA DEBES ESTAR EN LA CARPETA. ESTRUCTURA TERMINADA
CONCLUSIONPAOS LO MISMO CON EL VIDEO .
DEBERIA APARECER EN EL ECUADRO DE ABAJO
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
NOMBRE: INSERTAR TABLAS OBJETIVO: COLOCAR Y SABER HACER UNA TABLA EN NUESTRA PAGINA WEB. HERRAMIENTAS: *BLOC DE NOTAS * ESQUELETO *ETIQUETAS PROCEDIMIENTO: MISMA EXTRUCTURA ESTA VES SERA UN POCO LABORIOSO LO QUE DEBOS SABER BIEN ES LO SIGUIENTE
<TR> FILAS <TD> COLUMNAS BORDER=BORDE WIDTH=ANCHO HEIHGTH=ALTO BGCOLOR=COLOR
SABIENDO ESTO PODEMOS HACER NUESTRAS TABLAS
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
EXTEUCTURA TERMINADA
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
NOMBRE: HIPERVHINCULO OBJETIVO: AGREGAR UN HIPERVHINVULO A LA PAGINA WEB HERRAMIENTAS: ETIQUETA BLOC DE NOTAS ESQUELETO PROCEDIMINTO: SEGUIMOS CON LA ESTRUCTURA UTILIZAREMOS LA ETIQUETA “HREF” QUE ES LA QUE MARCA LA DIRECION
AQUIE ESTA ESTRUCTURADO
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
COMO SE OBSER ES DEMASIADO FACIL, SOLO FALTA GUARDARLO Y LISTO. Conclusión: algo hice mal y no salió , pero me divertí bastante jeje
SE MUESTRA AHÍ LAS TABLA Y LA PAGINA WEB YA CASI TERMINADA SOLO ME FALTA VER ESOS DOS PROBLEMAS
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” PORTAFOLIO
ENSAYO: ESTE SE PODRIA DECIR QUE ES EL ULTIMO TRABAJO QUE HAGO EN MI ETAPA DE LA PREPARATORIA, SINCERAMENTE ES L QUE MÁS ME GUSTO, ES EL TRABAJO QUE MÁS HICE SOLA, Y FUE BASTANTE SENCILLO, EXTRAÑARE TODAS ESTAS PRACTICAS, HAY COSAS DE LA INFORMATICA QUE SON MUY INTERESANTE, DIVERTIDAS, COMPLEJAS SOBRE TODO, POR ESO HOY EN DIA LA TECNOLOGIA HA AVANZADO. ME GUSTARIA SEGUIR APRENDIENDO UN POCO MÁS. ES UN POCO TRISTE DARSE CUENTA DE QUE YA NO VERAS A LAS MISMAS PERSONAS Y SOBRE TODO A LA MISMA MAESTRA, ES UNA DE LAS POCAS MAESTRAS QUE SON DIVERTIDAS Y DEDICADAS EN SU TRABAJO, ES HASTA AHORITA UNA DE LAS MAESTRAS QUE HA PODIDO ENSEÑARME ALGO BIEN EN CUANTO COMPUTACION, PROGRAMAS. FUE UN GUSTO SER UNA DE SUS ALUMNAS Y SER PARTE DE IBERO.