Reporte de practicas by Roberto Sanchez Perez

SEMESTRE “B” IFORMATICA III

PORTAFOLIO DIGITAL SEMESTRE “B”

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

INFORMATICA PROF: LILIA RIVERA GONZALES SANCHEZ PEREZ ROBERTO KHALIL 3° “D” REPORTE DE PRÁCTICAS

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

INDICE  INTRODUCCION  OBJETIVO PARCIAL I  ESTRUCTURA DE LA PAGINA WEB PARCIAL II  INTRODUCCION AL DISEÑO WEB PARCIAL III  ESTRUCTURA DE LA PAGINA WEB  ETIQUETAS BASCICAS  ETIQUETAS DE FORMATO  HIPERVENCULOS  FORMULARIOS  ENSAYO

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

INTRODUCCION A continuación se conocerá como fue la creación de mi sitio web, en este caso modifique la pagina de CHILIS, una empresa restaurantera de México y Estados Unidos. Conoceremos el nuevo logo de la empresa, hecho en Corel Draw, en donde aplicamos diferentes tipos de formas etc, paro poder modificar el logo.

Para la creación de la página web ocupe diferentes etiquetas en el bloc de notas. Por último se agrego las diferentes etiquetas de formularios, imágenes, tablas e hipervínculos, que hicieron posible mi sitio web.

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

PARCIAL I

DISEÑO GRAFICO

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

JUSTIFICACION CREACION DE CONCEPTO OBJETIVO :

Crear una percepción al consumidor que permita recordarles los colores. Logo, figura. Esto debe cumplir con el servicio o producto de la empresa , de igual manera debe acomodarse en el mercado sin perder su identidad.

COLOR

Utilizaremos colores fríos que relajan, brindan tranquilidad, frescura, fuerza de onda bastante baja y poco perceptibles ante los ojos como el blanco y aparte cálidos.

TIPOGRAFIA

Caligrafía esta se requiere parecer a lo que uno hace a mano y se vea elegante y muestre actitud

SIGNOS

No recurrimos a ningún signo en especial, ya que nuestro logo solo necesita de una imagen.

TEXTURAS Solo se utilizo para destacar algunos elementos de nuestro logo.

FORMAS Solo la imagen del chile ya que ese representa nuestra empresa

LINEAS Los marcos que se encuentran en el diseño dan estilo y elegancia

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

PARCIAL II

INTRODUCCION AL DISEÑO WEB

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

PARCIAL III

PROGRAMACION WEB

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

PRACTICAS Objetivo: Realice una página web con el lenguaje html como se muestra a continuación. Estructura de pagina web

Lo primero que se hizo para poder hacer esta practica fue conocer el programa html. Esta varia dependiendo las etiquetas que

cada quien

escoja. EJEMPLO: el cuerpo de la pagina se usara <html> y <body> en mi caso ocupe <div>, para diferenciar cada celda para poder agregar un video, imagen o texto.

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

Mi pagina es en base a CHILIS

Las etiquetas que utilice son: ( estas se ocupan en ingles) <body background=”image.jpg”> Para colocar imágenes <div

id=”capa

style=”position:absolute:left450:width:500px:height450px: border:5px solid white> Para determinar el tamaño de de la casilla. <bgsound src=music.mp3”loop=1 Para ponerle sonido

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

<maruee> chilis </marquee> Para para el movimiento del titulo <center><h2></h2></center> Para centrar y dar tamaño de letras <p></p> Para colocar texto dentro de la estructura >img

src=”image.jpg#width=200px;height=500>

Para

colocar imagenes y el tamaño para donde las coloques <embed src=”video.mp4” Para colocar video.

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

Objetivo: Saber estructurar una pagna web con leguaje html. Herramientas: Se debe utilizar las etiquetas <html< y <body> para estructurar Despues para colocar secciones se necesita <div> Para el tamaño, posicion es y color <span style=color:”> En esta estructura se debe saber el diseño ya que debemos tomar en cuenta lo que colocaremos. Conclusion: No es facil diseñar una esrutura por las medidas y por la colocacion. Y el tener qu colocar las palabras en ingles.

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

Objetivo: Elaborar una tabla dentro de nuestra pagina web. Herramientas:

<table> Para crear tabla <tr> Para crear fila <td> Crear columna NOTA: las practicas del bloc de notas se deben guardar en .txt y para que se habrá el sitio es .html Conclusión : Esta tabla fue sencilla ya que no son muchas etiquetas

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

Objetivo: Aplicar las etiquetas básicas para construir el contenido de cada una de las páginas del sitio web. Herramientas: <bgcolor>: El color de fondo de la pagina <marquee> Para colocar dentro de las etiquetas el contenido que debe de llevar <body background=”image.jpg”>: Para colocar el color del fondo del sitio web. NOTA: Cada uno de los elementos y cambios se deberán guardar correctamente <h1> </h1> son herramientas para el tamaño de letra <p> </p> para colocar un párrafo Conclusión: No fue fácil colocar las etiquetas pero con la practica aprendes.

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

Objetivo : Agregar sonido y música Herramientas: <bgsound> colocar sonido o música, los formatos mas habituales son MP3.

Para colocar imagen <img src=”image.jpg> Para colocar sonido <embed src=”music.mp3” Para colocar video <embed src=”video.mp4” Conclusion: Es fácil colocar las etiquetas ya que solo se ponen el nombre del archivo

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

ESTRUCTURA DE LA PÁGINA En el cito web que se creó se realizaron y se pusieron en práctica diferentes conocimientos adquiridos en clase. Tratamos de hacer un sitio ligero de forma que no costara demasiado trabajo de hacer. En el cito web se agregaron diferentes imágenes y videos que promocionaban la empresa, el objetivo principal era conocer el lenguaje html y llevarlo en práctica con nuestro sitio web. Al iniciar a construir la pagina web fue algo sencillo y que no tenia gran ciencia , pero conforme a lo solicitado se fue dificultando ya que todo lo que se había aprendido se tenia que poner en practica para desarrollar perfectamente el sitio web y dejarlo como se solicitaba .

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

En la creación del logotipo se realizo para la innovación de la empresa

Para el logo tipo se utilizaron los colores según lo que se tenia planeado para que fuera atractivo. Se utilizo de la psicología del color, ya que queríamos que se reflejara en lo que se tenia pensado del que fuera un logo fresco pero con carácter y elegancia, es por eso que se utilizaron colores fuertes.

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

ETIQUETAS Para la creación del sitio web, fue necesario el conocimiento de cada una de las etiquetas y su función en el lenguaje html. Cada una de ellas tiene una función muy diferente de cada una, todas son necesarias y ninguna es mas o menos importante que la otra ya que sirven para la elaboración del sitio web.

Se usaron los más básicos como: <html>: es el lenguaje que se emplea para el desarrollo de una página web <body> es el cuerpo del documento <div> sirve para crear secciones de contenidos <body bfcolor> fonde de un solo color <body background> para colocar una imagen al fondo. <bgsound> sonido <font face> para el tipo y tamaño de texto <b> negritas

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

<i> cursivas <u> subrayado >img> colocar imágenes <marquee> para que el texto se moviera <table> crear una tabla <embed src=”nombredelarchivo.mp3” para el video o música

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

SITIO WEB HIPERVINCULOS EN PAGINA WEB OBJETIVO: Se deben colocar hipervínculos para ir a las otras paginas. HERRAMIENTAS: Se empieza con la estructura de html y el cuerpo body, después colocar la imagen o texto para poder enviar a la otra pagina utilizando el hipervínculo.

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS

En este caso se colocaron el texto MENU, PEDIDOS, PROMOCIONES,HOME.

INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO A.C BACHILLERATO INCORPORADO A LA B.U.A.P. SEMESTRE “B” SANCHEZ PEREZ ROBERTO KHALIL INFORMATICA III REPORTE DE PRACTICAS