Haciendo sitio web con PHP desde cero
como lo viste en el título, ¿cómo hacer un sitio web desde cero? solo que la meta es llegar a hacer también el carrito de compra, conforme avance subire lo demás.
personalmente me han servido de mucho sus tutoriales, pero esté es el más largo, y aún nisiquiera lo acaba.
la meta, como dije antes, es hacer el carrito de compra, pero el youtuber esta haciendo todo desde cero...
nota: todos los archivos utilizados hasta el momento estan en la descripción de los videos... si no son muy expertos haciendo el sitio web, mejor yo les recomendaría que vieran todos los tutoriales, para saber como hizo cada cosa, por que de ratos, a mi se me hizo algo confuso ver sólo el código.
caracteristicas del sitio web
¿qué se realizará en los videos?
¿qué se utilizará para hacer el sitio web?
programado orientado a objetos
con clases y funciones.
html5
html común
css3
(sin jquery, ni actions scripts que ocupen librerías con derechos de autor)
sin plantillas con derechos de autor
sin imagenes con derechos de autor
sin usar dream weaver
sin usar wordpress ni joomla, ni uso de cualquier tipo de "content management system", o cms.
¿qué se hará en cada video?
(en el siguiente caso en los 3 videos se realizará lo escrito a continuación)
primer video
segundo video
tercer video
-instalación de todos los componenetes a utilizar
-base de datos
-registro de usuarios
-no puede registrar un correo repetido
-los passwords tienen encriptado a la hora del registro
-verificación de password
-seguridad en los registros (eso creo)
-login con usuarios
-login con administrador
-cerrar sesiones
-cuando inicias sesion, aparece el index con el nombre de usuario y su foto de perfil dandole la bienvenida
-imagen en la pestaña del navegador
-enlaces
-titulos etc.
-errores de ortografia corregidos con caracteres especiales (sin uso del utf-8 no se que...)
parte 1 https://www.youtube.com/watch?v=E54xC4hAnsQ
[YOUTUBE]E54xC4hAnsQ[/YOUTUBE]
parte 2 https://www.youtube.com/watch?v=jKnIxcIbPas
[YOUTUBE]jKnIxcIbPas[/YOUTUBE]
parte 3 https://www.youtube.com/watch?v=q29BKFmHW6Q
[YOUTUBE]q29BKFmHW6Q[/YOUTUBE]
cuarto video
-diseño
-colocación del banner
-css3
-enlaces de facebook
-secciones
-divs
-colores en código
-sombras en los cuadros
-centrados, tipos de letras.
-tabla superior que sigue al scroll a donde valla
(cómo la de facebook, yahoo, mercado libre, youtube, etc.)
-enlaces de facebook que siguen al scroll a donde valla
parte 4 https://www.youtube.com/watch?v=wzZLvZOCI5s
[YOUTUBE]wzZLvZOCI5s[/YOUTUBE]
quinto video
-diseño
-cambio de imagen cuando pasa el ratón
-imagen de fondo semi-transparente
-uso del photoshop online
-colores en código
-un botón que sigue al scroll a donde valla
(este botón cuando lo presionas, nos lleva a la parte superior del sitio web, si es que la pagina esta muy larga)
-contador de visitas
(cuando actualizas la página se muestra una nueva visita en un texto en un cuadro superior que sigue al scroll)
-seguridad en el login y en los registros (mas o menos)
-video en el sitio web (programado en php)
(el video incluye un boton, cuando presionas el boton cambia el video)
(cuando la pestaña esta en español se reproduce un video en español)
(cuando la pestaña esta en ingles, se reproduce el video en ingles, claro esos videos tu ya los debes de tener)
(este tipo de código puede ser util si quieres hacer que en tu sitio web se puedan ver videos, aunque sea un par de estos)
(el video es sin enlaces a youtube)
parte 5 https://www.youtube.com/watch?v=xvA74FBcz0Q
[YOUTUBE]xvA74FBcz0Q[/YOUTUBE]
video 5.5
-este video es un anexo al video numero 5
en este video se utiliza el programa libre: "formatfactory", para conversion de audio y video, para poder convertir un tipo de video de un codec común, a un codec diseñado para la web.
el video 5.5 está hecho para las personas que tubierón problemas al colocar un video en su sitio web.
en la parte quinta de esta serie de videos se presenta un código especial que sirve para insertar videos a neustro sitio web.
parte 5.5 https://www.youtube.com/watch?v=MSKYoRL8BmE
[YOUTUBE]MSKYoRL8BmE[/YOUTUBE]
-cabe mencionar que tambien, este video está hecho para personas que quieran subir videos a youtube, y quieran que sus videos se suban mas rápido, normalmente el tipo de codec influye en la rápidez de subida a la web en youtube o cualquier otro sitio web.
video 5.6
en el video 5.6 se habló sobre ciertas dudas que tenian y se mostró el blog, así como algunos cambios que hize en la página de youtube y opiniones
-se enseñó como será el carrito de compra en un futuro y el sitio web (una muestra de otro sitio web)
(no hay código en este video)
https://www.youtube.com/watch?v=l3R64G3lkaY
[YOUTUBE]l3R64G3lkaY[/YOUTUBE]
video 6
en esté video se enseñó a:
-abrir sesion siendo administrador o usuario normal
-hacer un menú desplegable
-creacion de ciertas tablas en la base de datos
https://www.youtube.com/watch?v=ecy_RNcPqCc
[YOUTUBE]ecy_RNcPqCc[/YOUTUBE]
video 7
-creacion de ciertas tablas para los productos
-administracion de productos (para mostrar(listar) productos disponibles en una tabla)
https://www.youtube.com/watch?v=hrM03ceKqWY
[YOUTUBE]hrM03ceKqWY[/YOUTUBE]
video 8
-administracion de productos (para agregar productos y eliminarlos desde el administrador)
https://www.youtube.com/watch?v=k7dkTUPOS_k
[YOUTUBE]k7dkTUPOS_k[/YOUTUBE]
video 9 -administracion de productos (para actualizar los productos, modificarlos o editarlos)
https://www.youtube.com/watch?v=bjZ9i313_i0
[YOUTUBE]bjZ9i313_i0[/YOUTUBE]
video 10 -administración de usuarios (para agregar los usuarios y ver los usuarios registrados en tabla)
https://www.youtube.com/watch?v=5vRGthMM92s
[YOUTUBE]5vRGthMM92s[/YOUTUBE]
video 11 -administración de usuarios (para eliminar, modificar y programar las funciones para gestionar a los usuarios registrados)
https://www.youtube.com/watch?v=_hwNUxLuDTA
[YOUTUBE]_hwNUxLuDTA[/YOUTUBE]
video 12 -administración de comentarios (creación de una página dónde los usuarios puedan escribir comentarios y que estos se puedan modificar en la admiistració del sitio web)
https://www.youtube.com/watch?v=PhnQP8ZCbXg
[YOUTUBE]PhnQP8ZCbXg[/YOUTUBE]
video 13 -administración de comentarios (editar, modificar, agregar, comentarios y listar comentarios desde el administrador del sitio web, y modificar ciertos criterios para poder gestionar estos comentarios evitando problemas de organización en el sitio web)
https://www.youtube.com/watch?v=TvaSWfvVYzM
[YOUTUBE]TvaSWfvVYzM[/YOUTUBE]
video 14 - (si quieres los archivos para camara flash en descripción del video) -Creación de un archivo flash para sacar fotografias con la camara de la computadora, para que el publico las pueda usar como avatar en el registro de su cuenta.
https://www.youtube.com/watch?v=9I-JY1mQs88
[youtube]https://www.youtube.com/watch?v=9I-JY1mQs88[/youtube]
Video 15
-Gestión de los enlaces de todo el sitio web
-Modificación en la base de datos
(en la descripción del video el enlace para ejemplo de rutas de enlace)
-Corrección de un error en las funciones de las imagenes (IMPORTANTE)
https://www.youtube.com/watch?v=gy9eMuToypI
[youtube]https://www.youtube.com/watch?v=gy9eMuToypI[/youtube]
Video 16
-Gestión de los enlaces de todo el sitio web
-Creación de archivos nuevos e importantes
-Creación de la primer página de productos del carrito de compra
-Imagenes para el carrito de compras y estilos nuevos...
https://www.youtube.com/watch?v=UuxYT-loDws
[youtube]https://www.youtube.com/watch?v=UuxYT-loDws[/youtube]
Video 17
-Una condición para que nos muestre un mensaje cuando no hay productos
-Creación de todas las páginas de productos de nuestro sitio web
-Creación de la página de "detalles del producto"
https://www.youtube.com/watch?v=dJhQqjTrZmQ
[youtube]https://www.youtube.com/watch?v=dJhQqjTrZmQ[/youtube]
Video 18 -Proceso de compra (INICIO DEL CARRITO DE COMPRA)
-Diseño nuevo
https://www.youtube.com/watch?v=AVqKB1IpySw
[youtube]https://www.youtube.com/watch?v=AVqKB1IpySw[/youtube]
Video 19 -Proceso de compra (Formulario de contacto para el carrito de compra)
-Corrigiendo algunos errores.
https://www.youtube.com/watch?v=LTOJz3bdFwc
[youtube]https://www.youtube.com/watch?v=LTOJz3bdFwc[/youtube]
Video 20 -Proceso de compra (Formulario de paqueteria y pago)
-Diseño
https://www.youtube.com/watch?v=rMQEe-x-dgc
[youtube]https://www.youtube.com/watch?v=rMQEe-x-dgc[/youtube]
Video 21
-Proceso de compra (Verificación)
-Creación de nuevo concepto (Pedidos)
-Diseño, botones, e imagenes
https://www.youtube.com/watch?v=Zmw6dn2ueC0
[youtube]https://www.youtube.com/watch?v=Zmw6dn2ueC0[/youtube]
Video 22
-Proceso de compra (Verificación, nuevas funciones y FINALIZACIÓN DEL CARRITO DE COMPRA)
https://www.youtube.com/watch?v=qujshijIDcQ
[youtube]https://www.youtube.com/watch?v=qujshijIDcQ[/youtube]
Video 23
-DISEÑO (PRESENTACIÓN DE NUEVO DISEÑO DE MI BLOG Y NUEVO DISEÑO DEL SITIO WEB)
-El administrador puede navegar a travez de lo que ve el usuario común
-Privilegios de usuarios o administrador
-Funciones con javaScript para la seguridad del sitio web
-Funciones onsubmit para los campos de texto
https://www.youtube.com/watch?v=ELtK1n3NFcU
[youtube]https://www.youtube.com/watch?v=ELtK1n3NFcU[/youtube]
para finalizar parte del codigo del video 1 al 23:
nota: si quieres ver el video en hd, mejor vete directamente al youtube para verlo desde ahí.
gracias por visitar el post
Citar
