Upload
others
View
9
Download
0
Embed Size (px)
Citation preview
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