Página Web en Bootstrap y DW CC

Hola a todos bienvenidos a este post donde estaremos realizando una página web con DreamWeaver CC, Base de Datos y estaremos utilizando Bootstrap 3 para el diseño responsivo y así sea adaptable a todos los dispositivos moviles.

CAPÍTULOS

1.- Creación del Sitio: Iniciaremos creando las carpetas del sitio donde estará alojada nuestra web y la estaremos conectando a dreamweaver para trabajar desde ahí. Ver vídeo aquí

2.- Maquetación: Crearemos la maquetación o el diseño de nuestra web. Ver vídeo aquí

3.- Edición del Menú: En esta capitulo vamos a modificar un poco el menú que contendrá nuestra web. Ver vídeo aquí

4.- Insertar Imagen: Vamos a colocar el logotipo de la web y las imagenes de las redes sociales etc. Ver vídeo aquí

5.- Formulario de Contacto: Crearemos nuestro primer formulario y sera el de contacto para que nuestros clientes se puedan comunicar con nosotros por medio de el. Ver vídeo aquí

6.- Base de Datos: Empezaremos a crear la base de datos que estaremos utilizando para la web donde se estarán almacenando todos los productos, categorías, usuarios, etc. Ver vídeo aquí

7.- Consulta a la BDs: Vamos a realizar nuestra primera consulta a la BDs para mostrar los registros en pantalla. Ver vídeo aquí

8.- Creación de la Tabla Productos: Crearemos la tabla productos donde se estarán alojando todos los registros de los productos que mostraremos en la web. Ver video aquí

9.- Comportamientos: En DW se pueden crear varios comportamientos, comenzaremos a crear el primer comportamiento o condición para que se nos muestren en pantalla los productos que corresponde a la categoría seleccionada y si ella no cuenta con ningún producto relacionado solo se nos muestre un texto que lo indique. Ver vídeo aquí

10.- Clases CSS: Vamos a empezar a crear e ingresar algunas clases para darle un poco de diseño a la web. Ver vídeo aquí

11.- Mejorando el aspecto y diseño: En este capitulo vamos a mejorar un poco el aspecto de la web. Ver vídeo aquí

12.- Paginación: Vamos a crear la paginación para visualizar mas productos en pantalla. Ver vídeo aquí

13.- Mejorar la vista del detalle: Le daremos un poco de diseño a la ventana que muestra el detalle del producto. Ver vídeo aquí

14.- Iniciamos la Administración: En este capitulo vamos a comenzar a crear la parte de la administración para que el usuario/administrador pueda manipular lo que se muestra en la página del lado del cliente. Ver vídeo aquí

15.- Subir imagen al servidor: Para realizar opción de cargar una imagen al servidor y mostrarla en pantalla utilizaremos un poco de javascript y un archivo de php con el formulario que realizara la operación. Ver vídeo aquí

16.- Consulta a la BDs: Vamos a mostrar los registros de las categorías como lo realizamos en el capitulo 7 pero ahora con un diseño diferente para la parte de la administración. Ver vídeo aquí

17.- Actualizar (modificar) registros de la BDs: Crearemos una pagina que realizara la consulta a la base de datos para la edición o actualizacion de cada uno de los registros. Ver vídeo aquí

18.- Eliminar registros de la BDs: En este capitulo realizaremos otra consulta a la base de datos pero ahora sera para la eliminacion de registros. Ver vídeo aquí

19.- Página de Logueo: Comenzaremos a crear la página de logueo para que el usuario pueda iniciar la sesión del lado de la administración. Ver vídeo aquí

20.- Variable de Sesión: Vamos a crear una variable de sesión para poder mostrar en pantalla los datos del usuario que esta logueado. Ver vídeo aquí

21.- Mostrar Datos: En este capitulo vamos a mostrar en una pagina los datos del usuario que esta logueado, en un formulario para que pueda editarlos, es decir, seria como una pagina de perfil. Ver vídeo aquí

22.- Actualizar datos del perfil: En capítulos anteriores ya hemos visto como realizar una actualizacion de registros de la BDs y en este capitulo lo haremos de la misma manera para reforzar lo aprendido. Ver vídeo aquí

23.- Validación del formulario: Para la validación de los formularios vamos a utilizar javascript y unos archivos de bootstrap que realizara la validación. Ver vídeo aquí

24.- Eliminar Imagenes: Vamos a crear un codigo para eliminar las imagenes que se guardan en el sitio al momento que el usuario la ingresa a su perfil o cuando la cambia. Ver video aquí

25.- Insertar Registros: En este capitulo vamos a crear el formulario para ingresar los productos a la base de datos. Ver video aquí

26.- Mostrar datos: Crearemos una consulta a la base de datos para extraer los registros y mostrarlos en pantalla. Ver video aquí

27.- EliminarRegistros: Realizaremos un nuevo archivo para eliminar registros de la besa de datos. Ver video aquí

28.- Editar Registros: Crearemos una página para la edición de datos para los productos creando un formulario. Ver video aquí

29.- Crear variable: En este capitulo estaremos creando una variable para la numeracion de los prodctos. Ver video aquí

30.-  Detalle en la imagen del producto: Solucionaremos un detalle que nos afecta al guardar los datos del formulario del producto. Ver video aquí 

31.- Niveles: Ingresaremos un campo en la tabla "tbl_usuarios" para administrar los usuarios por niveles, modificaremos el inico de sesión para que no permita el acceso a usuarios comunes y daremos privilegios correspondientes a cada usuario. Ver video aquí

32.- Página de inicio: Ingresaremos datos a la página de inicio de la administración. Ver video aquí

33.- Página del lado del cliente: Volvemos a la página del lado del cliente a realizar mejoras. Ver video aquí

34.- Página del lado del cliente: Creamos e ingresamos algunas clases para cambiar colores en el diseño. Ver video aquí

Nota: Como vamos a estar repitiendo muchas cosas que ya realizamos puede ver los demas videos AQUÍ