haciendo sitio web con php de cero

(Actualizado hasta la parte 26 - 31 de julio 2014)
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 del video 5... 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
 

 parte 2 https://www.youtube.com/watch?v=jknixcibpas
 

 parte 3 https://www.youtube.com/watch?v=q29bkfmhw6q
 

 
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
 

 
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
 

 
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
 

 -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
 

 
 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
 

 
 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
 

 
 video 8
 -administracion de productos (para agregar productos y eliminarlos desde el administrador)
 https://www.youtube.com/watch?v=k7dktupos_k
 

 
 video 9-administracion de productos (para actualizar los productos, modificarlos o editarlos)
 https://www.youtube.com/watch?v=bjz9i313_i0
 

 
 
video 10 -administración de usuarios (para agregar los usuarios y ver los usuarios registrados en tabla)
 https://www.youtube.com/watch?v=5vrgthmm92s
 

 
 
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
 

 
 
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
 

 
 
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
 


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


 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


 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

 
 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

 
Video 18 -Proceso de compra (INICIO DEL CARRITO DE COMPRA)
 -Diseño nuevo
https://www.youtube.com/watch?v=AVqKB1IpySw

 
 Video 19 -Proceso de compra (Formulario de contacto para el carrito de compra)
 -Corrigiendo algunos errores.
https://www.youtube.com/watch?v=LTOJz3bdFwc

 
 Video 20 -Proceso de compra (Formulario de paqueteria y pago)
 -Diseño
https://www.youtube.com/watch?v=rMQEe-x-dgc

 
 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

     
 Video 22
 -Proceso de compra (Verificación, nuevas funciones y FINALIZACIÓN DEL CARRITO DE COMPRA)
https://www.youtube.com/watch?v=qujshijIDcQ

 
 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


Video 24
https://www.youtube.com/watch?v=RVI-29W75DE&list=UU4uCN30259BsnUjU96ecvlw
Video 25 https://www.youtube.com/watch?v=IwmoA-OY6cw&list=UU4uCN30259BsnUjU96ecvlw

Video 26https://www.youtube.com/watch?v=VXX5nQQfeeQ&list=UU4uCN30259BsnUjU96ecvlw
 para finalizar parte del codigo del video 1 al 23:
 
Enlaces De Descarga
para todos las descargas del codigo que falta dirigete a la descripción de los videos

 
 nota: si quieres ver el video en hd, mejor vete directamente al youtube para verlo desde ahí.
[/font][/size]
 
 
gracias por visitar el post
haciendo sitio web con php de cero
20 Puntos Score: 4/10
Visitas: 3488 Favoritos: 28
Ver los usuarios que votaron...
8 Comentarios haciendo sitio web con php de cero
ujuu!! interesante  
Buen post !!!  
demasiado interesante lo probarare we  
te felicito amigo tremendo post uff no puede ser el link de mega esta caido  
@genurs @Hadoken1 una disculpa ya esta resubido el link de mega
Interesante, gracias por compartir
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!