Html5

SANCHEZ ZEPEDA KARINA 5G DESARROLLO DE APLICACIONES III

ENERO-ABRIL 2017

Índice Introducción…………………………………..……………………………………………1

Maquetación……………………………………………….……………………………...2

Navegación…….……………………………………………………………………….…4

Controles HTML para la interacción…………………...…………………………….…8

Elementos

multimedia…………………………………………………..………………………….…10

Manejo de información dinámica……..……………………………………………..…11

Archivo CSS………………………………………………………….………………..…14

Código Java Script……………………………………………….………………………16

Publicación del sitio……………………………………………….……………………..18

Introducción

Se trabajara a una empresa la cual requiere de la administración de su producto

(vinos) los cuales son clasificados por tipo (rosado, tinto, espumoso), se tendrá

también un control de los proveedores con ciertas características.

Una visualización también de las cantidades, existentes, nombre, precio etc. Estas

características se verán reflejas en los campos de nuestra base de datos.

Este proyecto no solo se enfoca a la administración si no también hacerla atractiva

al administrador.

Maquetacion

En cada apartado se especificaron determinadas características relevantes:

Header Nuestra cabecera de la página

Nav Lo que podemos ver dentro de

nuestra página

ASIDE Información corta de interés

para el usuario

SECTION Contenido general

PIE Se encuentra nuestras redes

sociales

CABECERA NAVEGACION

ASIDE

SECTION

PIE DE PÁGINA

1.Se creo un apartado el cual el usuario podra acceder como adminstrador y de esta manera podra realizar las operaciones

que este requiera, de lo contrario no podra hacer uso de las tablas.

Elementos multimedia Se realiza la implementación de una entrevista está realizada a un empleado el cual nos proporción información importante

sobre el proceso del vino y los principales vinos en México.

Manejo de informacion dinamica Se creó nuestra base de datos en phpMyAmin se le asignó el nombre a la BD como vinatería esta con cuatro tablas las

cuales serían utilizadas tanto para los productos y los proveedores etc.

Se muestra a continuación la estructura.

Nota: Recordando que nuestro proyecto se debe situar en la carpeta: C:\xampp\htdocs\pract

Se creo un archivo el cual contendira el codigo el cual nos ayura a realzar la conexión

Se hace referencia al archivo conexión y se realiza la insercion de cada campo

Archivo CSS

Aquí se podrá observa a detalle cada una de las etiquetas utilizadas en la página las más relevantes section, body, header,

aside , nuestra barra de navegación, en cada una de estas se definieron ciertas característica referentes al diseño, color,

tipo de letra. Márgenes, se utiliza un slider y también se tomaron dimensione para este.

Se realizaron las inserciones

de datos correctamente

En este apartado podemos ver la

utilización de nuestro slider todo

esto diseñado en nuestro CSS

Codigo Java Script Funciones las cuales utilice solo fueron pocas líneas de código.

Se crea el archivo script.js

Publicacion del sitio

Nota: Profesora seguí los pasos para la publicación del sitio pero no logré.

Se hace referencia al archivo JS

en nuestro HTML5