SEMESTRE B
INSTITUTO DE INVESTIGACIÓN Y ENSEÑANZA IBEROAMERICANO “PAGINA WEB” PROCESO INFORMÁTICA PROFRA: ING. LILIA RIVERA GONZALEZ DAFNE LIZBETH MÉNDEZ MERINO 3°B 15/05/2016 2015-2016
PARCIAL 3
INTRODUCCIÓN
En este parcial se hablo acerca del lenguaje de HTML para poder crear una propia página web. La cual pasó por distintas etapas, el crear una página web no es tan fácil como se piensa ya que se lleva a cabo la utilización de etiquetas básicas de HTML. Para poder llevar a cabo la creación de esta página primero se realizo el diseño de la página, una vez teniendo la página diseñada se dio paso a aplicar el lenguaje HTML, como, insertando a la dicha pagina audio, video, tablas e imágenes. La finalidad de esta página es darle publicidad al producto que el parcial pasado se realizo, o en su defecto se dio un cambio de imagen, en este caso se hablara de la leche lala.
OJETIVO
Aprender, comprender y aplicar las etiquetas bรกsicas de HTML en una pรกgina web, para poder dar publicidad al producto realizado.
PROCESO POR ETAPAS
ETAPA 1: DISEÑO DE PÁGINA WEB En esta primera etapa se realizo el boceto en clase de la página web, la cual fue supervisada por la profesora. HERRAMIENTAS:
Papel Lápiz colores
Imagen 1.1: diseño de página con los compartimientos deseados.
ETAPA 2: PAGINA WEB DIGITAL Se realizo el diseño de la página pero de forma digital con las etiquetas. HERRAMIENTAS:
Bloc de notas.
Imagen 1.2: Pagina web en bloc de notas.
Imagen 1.3: Pagina web en HTML.
ETAPA 3: INSERTAR TITULO Se creó un titulo que fuera relacionado con el producto, utilizando el lenguaje de HTML y las etiquetas. HERRAMIENTAS:
Bloc de notas
Imagen.
Imagen 1.4: Titulo en bloc de notas.
Imagen 1.5: Titulo en HTML
ETAPA 4: INSERTA IMÁGENES Para esta etapa es necesario descargar imágenes que tengan que ver con el producto. Cabe mencionar que para poder colocarlas en la etiqueta es necesario revisar las propiedades de la imagen para poder copiar o anexar la información correcta. HERRAMIENTAS:
Bloc de notas.
10 imágenes.
Imagen 1.6: Imágenes descargadas.
Imagen 1.7: bloc de notas con la etiqueta de imagen
Imagen 1.8: Imágenes en HTML.
ETAPA 5: INSERTAR AUDIO. Para esta etapa es necesario descargar un audio o canción, en este caso elegí el audio de uno de los comerciales de leche lala. Importante que el audio se encuentre en mp4, sino lo esta será necesario convertirlo para obtener buenos resultados. HERRAMIENTAS:
Bloc de notas.
Audio.
Imagen 1.9: Audio en carpeta, y sus propiedades.
Imagen 2.0: Bloc de notas con la etiqueta de audio.
Imagen 2.1: Audio en HTML.
ETAPA 5: INSERTAR VIDEO. Se creó un video que hablara acerca del producto ya antes mencionado, con la duración máxima de un minuto. Para realizar el video fue necesario obtener imágenes. Cabe mencionar que el video tiene que estar en mp4. HERRAMIENTAS:
Bloc de notas.
Video.
Imagen 2.2: Bloc de notas con etiqueta de video.
Imagen 2.3: Video en HTML.
ETAPA 6: INSERTAR TABLA. En la tabla de coloco la información nutricional que el empaque de la leche lala contiene. HERRAMIENTAS:
Bloc de notas.
Información.
Imagen 2.4: Bloc de notas con etiqueta de tablas.
Imagen 2.5: Tabla en HTML.
ETAPA 7: INSERTAR REDES SOCIALES. Para esto se utilizo el logotipo de Facebook, Instagram y Sanpchat. Para la pagina web se dejo espació para los tres logos, determinando que cada logotipo tiene su bloc de notas. HERRAMIENTAS:
Bloc de notas.
Imágenes.
Imagen 2.6: Bloc de notas con etiqueta de imagen.
Imagen 2.7: Imagen en HTML.
Imagen 2.8: Bloc de notas con etiqueta de imagen.
Imagen 3.0: Bloc de notas con etiqueta de imagen.
Imagen 2.9: Imagen en HTML.
Imagen 3.1: Imagen en HTML.
ETAPA 8: INSERTAR CADA UNO DE LOS ARCHIVOS ANTERIORES. Para poder unirlos, es necesario que cada uno de los archivos se encuentre en la misma carpeta. Para agregarlos a la página web solo se colocara el nombre del archivó en donde se desea o donde se fue colocado ese espacio. HERRAMIENTAS:
Bloc de notas.
Archivos en la misma carpeta.
Imagen 3.2: Bloc de notas con los archivos juntados.
Imagen 3.3: Pagina web finalizada
CONCLUSIÓN Al principio no entendía como se utilizaban las etiquetas de HTML , pero una vez aplicando estas a la página web me di cuenta que era muy fácil, claro todo tiene su chiste, es importantes aprender a cerca de informática ya que esta nos podrá servir para poder desenvolvernos en cualquier ámbito laboral de estudio que lo requiera , no solo es crearla sino le das tu toque personal y puedes de hablar de
cualquier cosa o de algĂşn tema en especifico, la verdad es que me agrado la prĂĄctica.