Instituto de Investigación y Enseñanza Iberoamericano A.C
Portafolio Semestre “B” Informática III
Instituto de Investigacion y Enseñanza Iberoamericano A.C Materia: Informatica III “REPORTE DE SITIO WEB” ING. Lilia Rivera Gonzalez 3° “D” Area: Salud Integrantes: Diana Titla Martinez Ruben Zacaula Moreno 2015 --- 2016
Instituto de Investigación y Enseñanza Iberoamericano A.C
Portafolio Semestre “B” Informática III
SEMESTRE
“B” INFORMATICA
III
Instituto de Investigación y Enseñanza Iberoamericano A.C
Portafolio Semestre “B” Informática III
INDICE: Introducción…..1 Objetivo…………..2 Etiquetas de formato….3
Etiquetas básicas………….4 Formularios e hipervínculos…5
Ensayo…………………………….6
Instituto de Investigación y Enseñanza Iberoamericano A.C
Portafolio Semestre “B” Informática III
Introducción: Por medio de este portafolio de semestre “B” plasmamos los conocimientos aprendidos como alumnos dar a conocer y mostrar como poder realizar una página web.
Instituto de Investigación y Enseñanza Iberoamericano A.C
Portafolio Semestre “B” Informática III
Primer parcial
“DISEÑO GRAFICO”
Instituto de Investigación y Enseñanza Iberoamericano A.C
Portafolio Semestre “B” Informática III
Historia:
Maruchan, nació en el año 1953, cuando un joven visionario japonés comienza la distribución de pescado congelado en el área de Tokio, Japón. Esta sencilla compañía se convertiría pronto en Toyo Suisan, una de las empresas alimenticias más exitosas del mundo. En 1989, Maruchan se introduce con gran éxito en México, superando incluso la cuota del país vecino, con el 83% del mercado. Desde entonces, la expansión de Maruchan es imparable... Y por fin, en el año 2010, los noodles más populares del mundo llegan a España, dónde ya podemos disfrutar del delicioso sabor de Maruchan, una comida rica, económica, rápida, nutritiva y muy, pero que muy fácil de preparar, lista en tan sólo 3 minutos.
Instituto de Investigación y Enseñanza Iberoamericano A.C
Portafolio Semestre “B” Informática III
Misión: Satisfacer a nuestros clientes y consumidores con un servicio constante, y amable que garantice el liderazgo en la distribución de nuestras líneas de productos, considerando en todo momento a nuestros empleados como base de nuestro desempeño.
Visión: Ser una compañía líder en el mercado de distribución, altamente productiva, para las líneas de productos representadas; basados en el crecimiento y desarrollo de nuestro personal.
Instituto de Investigación y Enseñanza Iberoamericano A.C
Portafolio Semestre “B” Informática III
Tabla de justificación Dar a conocer a los clientes OBJETIVO : una nueva imagen y a la empresa.
Rojo:
COLOR
Atracción y logra mantener la atención del consumidor Verde: Representa armonía, crecimiento, exuberancia, fertilidad y frescura Negro: la elegancia
TIPOGRAFIA
Britannic Bold TEXTURAS Liso.
Instituto de Investigación y Enseñanza Iberoamericano A.C
Portafolio Semestre “B” Informática III
Segundo parcial
“INTRODUCCION AL DISEÑO WEB”
Instituto de Investigación y Enseñanza Iberoamericano A.C
Portafolio Semestre “B” Informática III
Etiquetas de formato Estructura de una página. Para poder realizar paginas principalmente se requiere el programa bloc de notas. para a ser una estructura de una página con el lenguaje HTML siempre debe contener dos etiquetas principales (HTML y BODY) Nota: HTML no distingue mayúsculas ni minúsculas. Al realizar las divisiones que el usuario requiere para su página se requiere de la etiqueta: <DIV> <DIV> Se emplea para definir un bloqueo de contenido o sección de la pagina, para poder aplicar diferentes estilos e incluso para realizar operaciones. <DIV> Nos permite realizar divisiones en nuestra página nos permite varios elementos: listas, encabezados, párrafos etc.
Instituto de Investigación y Enseñanza Iberoamericano A.C
Portafolio Semestre “B” Informática III
Etiqueta BGCOLOR: Esta etiqueta nos permite la realización de un color de fondo a nuestra página web siempre y cuando debe estar dentro de la etiqueta de BODY al no utilizar BODY no podrá funcionar.
Figura 1. Utilizando la etiqueta BGCOLOR para nuestra página web.
Figura 2. Es así como queda la página agregando el color que el usuario desee.
Etiqueta: <BIG> Permite se usa para representar un texto con un estilo de fuente grande.
Instituto de Investigación y Enseñanza Iberoamericano A.C
Portafolio Semestre “B” Informática III
Divisiones de página web
Instituto de Investigación y Enseñanza Iberoamericano A.C
Portafolio Semestre “B” Informática III
Tercer parcial
“PAGINA WEB”
Instituto de Investigación y Enseñanza Iberoamericano A.C
Portafolio Semestre “B” Informática III
Etiquetas básicas: Para el sitio web se utilizaron algunas etiquetas básicas para la realización del sitio asi también como el lenguaje HTML.
Es importante saber que cada etiqueta su definición y para qué sirve a continuación mostrare las etiquetas que utilice para el sitio web. HTML: es un lenguaje que se emplea para el desarrollo de páginas de internet web. Al principio y al fin de todo documento. <BIG> aumenta el tamaño <FONT FACE> el tipo y tamaño del texto. <BODY> el cuerpo de documento <DIV> divisiones del documento <IMG> cargar imágenes <MARQUEE> marquesina <TABLE> insertar tabla <TH> titulo de tabla BGCOLOR: color de fondo BACKGROUnd : imagen de fondo
Instituto de Investigación y Enseñanza Iberoamericano A.C
Portafolio Semestre “B” Informática III
MI PÁGINA
Instituto de Investigación y Enseñanza Iberoamericano A.C
Portafolio Semestre “B” Informática III
ENSAYO: En Este portafolio digitad plasmamos los aprendizajes del semestre B como estructurar una página web. El crear una página web al principio es un poco difícil solo es necesario aprender y saber las etiquetas de HTML y la definición de cada una en que se basan. Ya que es muy útil.
Todo este semestre aprendimos cosas nuevas e interesantes un poco costoso como ir elaborando, cada parte de la pagina, nos puede ayudar en la universidad hasta en la vida diaria.