Está en la página 1de 14

TIENDA VIRTUAL BOOTSTRAP – PHP – MARIADB-NETBEANS

Objetivo.

Crear competencias en la utilización de herramientas orientadas a la web.

Herramientas a utilizar.

Web server Apache, PHP, gestor de base de datos MySQL, Netbeans. Uilizaremos XAMPP

Probar la distribución XAMPP c:\xampp

Ejecutar el siguiente comando xampp-control.exe

Y activar
1. En la distribución de XAMPP en htdocs crear un directorio para alojar la aplicación a desarrollar
y los complementos necesarios.
2. Nombre sugerido TiendaPHP.

3. Descargar Bootstrap versión 3.3.7


URL : https://getbootstrap.com/docs/3.3/getting-started/

Después de descargar el software descomprimirlo en el directorio del proyecto c:\xampp\TiendaPHP o


en el que Ud. Haya creado
INGRESAR A NETBEANS

Crear un proyecto de la siguiente forma


Crear el index.html
A continuación puede agregar los recursos a utilizar

Ejecutar el proyecto.
Definimos la barra de navegación

<div class="navbar navbar-inverse navbar-fixed-top">SuperBike</div>

Observe sus atributos y posición de la barra de navegación

Modificamos el body para presentar nuestra marca en el header de la barra de navegación y en la


propiedad Brand (se refiere a la marca de la empresa)
Adicionamos al formulario nuevos elementos

Adicionamos al formulario el menú de navegación y un complemento con dos objetos para buscar
información en la página
A continuación completar el menú de opciones hacia el lado derecho
Complete las opciones del menú con iconos representativos, utilizando glyphicon

A continuación se construyen los menús de opciones para categorías de bicicletas y accesorios


Procedimiento para presentar los productos
Presentar varios productos con sus imágenes. Subir a tareas como Laboratorio 2

También podría gustarte