INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C.
ALUMNA: XIMENA FERNÁNDEZ DE LARA LÓPEZ
3° B INFORMÁTICA III
LIC. LILIA RIVERO GONZÁLEZ PORTAFOLIO DIGITAL: PAGINA WEB 2015-2016
BLOQUE III
INFORMÁTICA
Objetivo: Realizar una página web a base de las etiquetas mostradas y enseñadas en clase para así poder dar una presentación a nuestro producto expuesto durante los parciales anteriores, como producto final de año se dará a conocer dicha página web en la cual se presentaran tanto videos como imágenes y demás contenidos que mostraran el trabajo realizado durante dichos parciales así como la presentación digital del producto para un público en general.
Herramientas: ♥Computadora ♥Bloc de notas * EL CUAL SERA EL RECEPTOR DE TODOS LOS CÓDIGOS UTILIZADOS EN LA PAGINA WEB* ♥Signos *LOS CUALES SERVIRÁN PARA LOS FRAMES Y OTRAS ETIQUETAS* ♥Etiquetas de página web * LOS CUALES SERÁN OBTENIDOS EN CLASE Y APLICADOS PARA DAR FORMA A LA PAGINA WEB*
Procedimiento: Para comenzar nuestra página web, tuve que comenzar por el esqueleto el cual lo fui realizando con etiquetas de frameset y así darle la forma deseada. Comencé abriendo el bloc de notas y abriendo los códigos con un HTML, seguido de esto se colocaron diferentes framename, así como las medidas de mis divisiones y cuantas quería hasta lograr el resultado deseado y cerrando dicho procedimiento nuevamente con HTML y un slash. Mi página finalmente quedo con 4 divisiones, cada una con su respectivo nombre de lo que llevaría.
En esta imagen se muestra la elaboración del esqueleto en formato txt
Aquí se muestra el resultado final del esqueleto.
Después de poder lograr mi esqueleto, comencé con mi video y mi fondo, utilizando las ediquetas body y EMBED, en el video coloque lo que es un video musical y un anuncio oficial de pall mall pues mi producto son cigarrillos pall mall.
Aquí se muestra en el bloc de notas las etiquetas utilizadas y el orden en que se realizó.
Así se ve dicho formato guardado en HTML
Aquí se muestra la etiqueta donde se colocaron las canciones vinculadas a la imagen de Facebook
A continuación, ya teniendo realizada esta parte, seguí con la música en el cual también vincule una imagen de Facebook para así simular un enlace directo a la red social y redireccione a la página oficial de Pall Mall
Asi se muestra la música en la parte de arriba y la imagen vinculada en la parte de abajo.
Este es el bloc de notas de la imagen que se vinculó con la música, utilizando la etiqueta font face y el hipervínculo.
Resultado final de la etiqueta en HTML
Una vez obtenida la parte del entretenimiento de mi página comencé por agregar los textos y la parte importante de mi página web en el cual comencé por la misión y visión de la página que se muestra a continuación. Abajo de las etiquetas de hipervinculos utilizo <H1> para un encabezado y <font face > para escribir la historia y también pudo cambiar el color de la letra
Formato de las etiquetas de misión y visión.
Resultado de misión y visión con fondo negro y letras rosadas.
También decidí colocar la imagen principal de la cajetilla de cigarros para darle más presentación
Formato de imagen de Pall mall con la etiqueta IMG SRC
Resultado de la imagen colocada.
Ya realizada parte principal dela página web continúe con la galería y la historia de pall mall utilizando de igual forma <H1> para un encabezado y <font face > para escribir la historia y cambiar el color de la letra
Formato en bloc de notas para la historia de la página.
Resultado de la historia y su orden en la página web
Bloc de notas donde coloque 6 imágenes diferentes utilizando las etiquetas IMG SRC
Resultado de las etiquetas y la vista de las imágenes con las medidas asignadas
Para la realización del título de la página web utilice la imagen la cual recorte y deje el nombre y así darle una mejor vista a la presentación del titulo
Etiquetas utilizadas para el título de la página web.
Resultado final del título y como se muestra
Finalmente, ya realizado el trabajo y acomodar todo en orden en la carpeta de la página web se muestra el resultado de todas las etiquetas y códigos utilizados para la creación de la página, así es el producto final:
Muestra de la historia de Pall Mall donde además se contempla el formato del video, imagen y música.
Misión y visión de Pall Mall
Conclusión:
A decir verdad este proyecto me resulto sumamente complicado y difícil para mi gusto, tantas etiquetas y formatos para mi es algo muy complejo, a pesar de todas las dificultades y de mucho luchar por comprender fui realizando esta página poco a poco y lograr lo más que podía y deseaba para mi página web, debo decir que no me gusto este trabajo simplemente por ser tan tedioso pero el ver el resultado de mi trabajo y la vista que le daba a mi producto de cigarrillos me entusiasmo muchísimo y me animo, pues a pesar de todo pude obtener el resultado que esperaba. Es uno de los proyectos de informática más difíciles que he tenido a lo largo de la preparatoria, pero a decir verdad para ser algo tan complejo para mi gusto estoy muy satisfecha con lo logrado pues debo admitir que en verdad un trabajo así lleva su tiempo y dedicación además de cuidar hasta el más mínimo detalle o podría causar un gran error difícil de ver para aquellas personas que no estamos tan familiarizadas con los trabajos de informática. Fue difícil pero me gusto bastante al final pues me llevo una gran experiencia en esta materia.