|
Video #1
Introducción al PHP & MySQL usando Dreamweaver CS3. Herramientas a usar: EasyWamp, Tinymce y EMS SQL MANAGER for MySql. Instalación de EasyWamp y realizar los tests respectivos en el localhost para ver si están operativos: PHP versiones 4 y 5, y el MySql mediante el PHPMyAdmin.
Tiempo de Video: 12 min 17 seg |
|
Video #2
Hacemos un test de las versiones PHP4 y PHP5 y como intercambiarnos entre ellas. Instalación del EMS SQL MANAGER for MySql. Crear nuestra Base de Datos del Curso. Explorar la interfaz gráfica a usar en la administración de la Base de Datos.
Tiempo de Video: 10 min 27 seg |
|
Video #3
En este video, creamos un usuario particular, le asignamos todos los privilegios del usuario root. Creamos nuestra primera tabla de las 3 que haremos a lo largo del curso. Introducimos los conceptos de campos, tipo, clave primaria, canpo "no nulo", índice único ... todo esto con el EMS SQL MANAGER for MySql.
Tiempo de Video: 11 min 33 seg |
|
Video #4
Creamos las tablas curso_nom_pags y curso_paginas, desde el EMS SQL MANAGER for MySQL. Se crea el sitio desde Dreamweaver CS3 donde va a estar alojado el proyecto y se elabora la página de test index.php con un texto de prueba.
Tiempo de Video: 14 min 29 seg |
|
Video #5
Modificamos la página index.php para usarla como plantilla para nuestro sitio. Colocamos la región editable. Creamos los menús de opciones para la web principal y colocamos algo de contenido en la region editable.
Tiempo de Video: 12 min 09 seg |
|
Video #6
Creamos la carpeta que va a alojar las páginas administrativas de nuestro sitio. Usando la plantilla, creamos el index.php y la página registro_usuarios.php en donde crearemos el formulario para el procesamiento de los usuarios que tendrán acceso a nuestra web.
Tiempo de Video: 11 min 37 seg |
|
Video #7
Comenzamos a usar bases de datos en Dreamweaver y nos conectamos a la tabla usuarios para generar el formulario de procesamiento de usuarios. Modificamos el código PHP generado y encriptamos la contraseña. Visualizamos el formulario ya finalizado.
Tiempo de Video: 15 min 32 seg |
|
Video #8
Revisando el código en PHP generado con Dreamweaver. Creando la página ok.php que mostrará un mensaje cuando el procesamiento se haya hecho correctamente. Procesando un usuario y revisando los resultados con la herramienta EMS SQL Manager for MySQL.
Tiempo de Video: 10 min 23 seg |
|
Video #9
Aplicando colores compatibles con el logo, a todas las páginas realizadas hasta los momentos en nuestro sitio. Revisar el resultado final.
Tiempo de Video: 14 min 10 seg |
|
Video #10
Realizar nuestro formulario para el registro de páginas. Usamos para ello el asistente de inserción de registros y técnicas empleadas en videos anteriores. Descomprimir y ubicar en su carpeta, el TinyMCE como editor de textos.
Tiempo de Video: 08 min 44 seg |
|
Video #11
Finalizando la página registro_paginas.php. Usando un recordset o juego de registros. Modificando la apariencia del formulario final. Colocar el código JavaScript que llamará al TinyMCE. Finalizando los estilos respectivos para que concuerde con las páginas previas.
Tiempo de Video: 19 min 22 seg |
|
Video #12
Creando la página actualizar_paginas.php usando para ellos el Asistente para Modificación de Registros. Crear el recordset necesario. Modificando la apariencia del formulario final. Colocar el código JavaScript que llamará al TinyMCE. Lo que hicimos en dos videos previos, acá lo repasamos en un solo video.
Tiempo de Video: 20 min 04 seg |
|
Video #13
Crearemos los formularios para registrar y actualizar el nombre de las páginas. Modificando la tabla curso_nombre_pags para crear un nuevo índice de tipo UNIQUE y ASCENDENTE. Cuando usar filtros y cuando no (equivalente a un GET en PHP). Razones para usar el recordset o juego de registros.
Tiempo de Video: 20 min 04 seg |
|
|
Video #14
Crear la página login.php y el respectivo formulario. Validar el formulario con el asistente para autenticación de usuarios. Crear el juego de registros respectivos, para mostrar un error de conexión rsErrorLogin.
Tiempo de Video: 22 min 18 seg |
|
|
Video #15
Modificar la página principal administrativa o el index.php para prepararla para el manejo de los contenidos y las páginas. Crear los recordsets que alimentarán dinámicamente esta página. Crear los enlaces a Actualizar y Modificar ambas tablas (la de contenidos y la de nombre de páginas).
Tiempo de Video: 17 min 32 seg |
|
|
Video #16
Mejorando el aspecto de la página index.php y prueba de los enlaces de la misma. Colocar un enlace para desconectar al usuario y cerrar la sesión. Crear un enlace para crear un usuario desde esta misma página. Ingresar por medio de login.php a la página principal administrativa index.php.
Tiempo de Video: 23 min 05 seg |
|
|
Video #17
Restricción de accesos por medio de variables de sesión. Alterando el código PHP generado para usar
la función session_start().
Tiempo de Video: 10 min 26 seg |
|
|
Video #18
Corrección al archivo registro_paginas.php usando
el recordset apropiado, para cargar el nombre de
las páginas registradas.
Tiempo de Video: 26 min 17 seg |
|
|
Video #19
Ingresar las páginas que contendrá el proyecto en el módulo respectivo a nivel de administrador. Crear
el mensaje de error personalizado al conectarse
desde login.php.
Tiempo de Video: 12 min 30 seg |
|
|
Video #20
Crear un documento nuevo de nombre visualizar.php
para que nos muestre el contenido de las páginas
registradas. Probar el visualidador de páginas.
Tiempo de Video: 15 min 12 seg |
|
|
Video #21
Modificar el mensaje de error desde el editor
TinyMCE. Crear un enlace desde este editor. Mostrarlo en Internet Explorer. Modificar la estructura
de la página de servicios.
Tiempo de Video: 12 min 32 seg |
|
|
Video #22
Presentación del Nuevo Curso. Crear la Base de Datos sistema_clientes y
sus tablas: clientes y usuarios. Crear el sitio del proyecto en Dreamweaver.
Diseñar nuestra primera página: index.php y realizar la conexión con la
Base de Datos.
Tiempo de Video: 12 min 38 seg |
|
|
Video #23
Diseño del formulario de registro de clientes en index.php. Utilizar los
campos Spry para validar con Ajax. Validar los campos de E-Mail y Razón
Social. Realizar las pruebas respectivas.
Tiempo de Video: 15 min 38 seg |
|
|
Video #24
Agregar el comportamiento de servidor "Insertar Registro" a nuestro
formulario. Crear la página de respuesta: registrado_ok.php. Procesamiento
de Registros. Revisar los datos incluídos en PhpMyAdmin.
Tiempo de Video: 08 min 41 seg |
|
|
Video #25
Agregar un nuevo campo RIF modificando la tabla de clientes. Modificar el formulario para aceptar el nuevo campo. Modificar el juego de registros.
Tiempo de Video: 13 min 32 seg |
|
|
Video #26
Crear la página registro_existente.php para mostrar el mensaje de error y evitar registros duplicados. Realizar las pruebas. Crear el esqueleto de nuestro formulario: consultar.php para realizar consultas por Razón Social y Ciudad.
Tiempo de Video: 10 min 37 seg |
|
|
Video #27
Crear el juego de registros para la consulta de clientes. Insertar una tabla dinámica, para mostrar los datos de los clientes. Modificar la consulta generada por Dreamweaver para aceptar la búsqueda por uno o dos campos.
Tiempo de Video: 14 min 35 seg |
|
Video #28
Nuevo proyecto de Galeria de Videos. Crear la carpeta Galeria y la subcarpeta Imagenes, luego ejecutamos el contenido del archivo dump.txt para crear la base de datos mas las tablas y la data de prueba que vamos a usar en el proyecto usado el PHPMyAdmin.
Tiempo de Video: 11 min 07 seg |
|
Video #29
Luego de crear los archivos index.php tanto para la parte del usuario como en la parte administrativa, creamos un nuevo archivo de nombre galeria.php. Usamos la opción de tabla dinámica para mostrar los registros creados previamente en el juego de registros correspondiente.
Tiempo de Video: 09 min 31 seg |
|
Video #30
Crear los estilos internos de la tabla a mostrar en galeria.php. Crear el archivo: formregistro_galerias.php en la parte administrativa que nos va a permitir procesar los datos del formulario. Creamos el div que va a contener el formulario y lo dejamos listo para colocarle los controles respectivos.
Tiempo de Video: 13 min 47 seg |
|
Video #31
Crear el formulario usando código HTML. Los dos campos que van a llevar el título y el status del video y un textarea para la descripción. Se crea el button para enviar. Creamos un nuevo recordset filtrado por gal_id. Modificamos el código generado por Dreamweaver para crear la primera parte del INSERT.
Tiempo de Video: 14 min 44 seg |
|
Video #32
Comenzamos el estudio de las Hojas de Estilo en Cascada (CSS). Utilizamos 2 de las 4 técnicas para usarlas: 1.- Colocando las instrucciones CSS en la cabecera o en el cuerpo del código HTML y 2.- Colocando las llamadas a los estilos en los Tags o Etiquetas.
Tiempo de Video: 22 min 45 seg |
|
Video #33
Continuando con el estudio de Hojas de Estilo en Cascada (CSS), analizamos las últimas opciones de incoporar estilos a nuestra web: 3.- Creando un archivo externo y llamarlo desde un link de la página principal y 4.- Importando un archivo externo al documento HTML.
Tiempo de Video
: 12 min 06 seg |
|
Video #34
En el video 03 de esta serie, comenzamos a analizar lo que son las etiquetas div y span en un documento realizado con Hojas de Estilo en Cascada. Analizamos mas a fondo el atributo width, height y border - solid. Finalizamos probando como podemos colocar una div dentro de otra y los atributos que predominan al realizar esta modificación.
Tiempo de Video
: 16 min 25 seg |
|
Video #35
Crear un tope con las etiquetas div y span; igualmente se crea un prototipo de menú lateral y un párrafo al lado del menú. Analizamos en este video, como afectan al diseño final de la página los atributos background y float. Realizamos pruebas finales para verificar las últimas modificaciones introducidas.
Tiempo de Video
: 17 min 59 seg |
|
Video #36
Analizando los atributos padding y margin y sus variantes: left, top, right y bottom. Colocar un valor de padding o margin único. Indicarle al documento mediante estos atributos de hojas de estilo como colocar los valores en el sentido de las agujas del reloj, comenzando por la izquierda.
Tiempo de Video
: 16 min 24 seg |
|
Video #37
Estudio de los atributos class y id en las etiquetas div y la forma de identificar cada uno de estos atributos en la sección de estilos. La utilidad de estos atributos usando etiquetas de HTML sencillas. Extendiendo el uso de los atributos analizados en los videotutoriales previos.
Tiempo de Video
: 12 min 24 seg |
|
Video #38
Análisis de los atributos text y line-height. Dentro de estos dos atributos hacemos referencia a las opciones que tenemos de alinear el texto en un div determinado. De igual forma estudiamos text-decoration, y finalizamos el video con la altura entre líneas que nos permite una de los dos atributos que se van a ver en este video.
Tiempo de Video
: 11 min 46 seg |
|
Video #39
Crear el sitio para los archivos del curso. Utilizar el atributo background y cada una de sus variantes: background-image, backgroud-repeat, background-position, background-attachment.Usar el background en un div, probar un div con imagen.
Tiempo de Video
: 21 min 20 seg |
|
Video #40
Estudio del atributo font y sus variantes: font-family, (alterar el orden de la fuentes con una fuente propia), font-size, color, font-style, font-weight, font-variant. Aplicar estilos a una frase específica de un párrafo, mediante span.
Tiempo de Video
: 18 min 52 seg |
|
Video #41
Análisis de los atributos float y clear para los div. Diversos ejemplos y examinar los resultados en el navegador. Utilidad de estos dos atributos a la hora de trabajar con estilos.
Tiempo de Video
: 13 min 44 seg |
|
Video #42
Estudio del atributo position y sus respectivas variantes: absolute, relative, static y fixed. Uso de todas estas variantes en un texto en itálicas. Manejo de etiquetas HTML desde la zona de estilos.
Tiempo de Video
: 10 min 40 seg |
|
Video #43
Continuando con nuestro estudio de las CSS pasamos a analizar en profundidad el atributo border y sus variantes: border-bottom, border-right, border-top y border-left y los subatributos dashed, dotted y groove.
Tiempo de Video
: 15 min 33 seg |
|
Video #44
Finalizamos la parte del curso de CSS usando código con el estudio de el atributo overflow y sus variantes: auto, scroll y visible. En próximos videos de este curso, pasamos a la parte práctica de usar CSS y TABLELESS.
Tiempo de Video
: 12 min 04 seg |
|
Video #45
Comienzo de CSS Práctico. Crear los fundamentos para realizar un menú horizontal. Usando Dreamweaver para crear las reglas de estilo CSS.
Tiempo de Video
: 11 min 58 seg |
|
Video #46
Usar las reglas CSS para cambiar el menú vertical a horizontal. Utilizar las propiedades respectivas para colocar el color de fondo y separar las opciones mediante la propiedad Box.
Tiempo de Video
: 11 min 54 seg |
|
Video #47
Finalizamos nuestro menú horizontal, realizado con 100% CSS y Tableless.
Efecto de tipo rollover usando varias opciones.
Tiempo de Video
: 19 min 53 seg |
|
Video #48
Cambiar el menú horizontal del video pasado a menú vertical. Hacer los
cambios respectivos en las propiedades CSS. Visualizar el resultado. Realizar cambio de color de fondo del menu y el color del hover.
Tiempo de Video
: 10 min 21 seg |
|
Video #49
Crear la Estructura Inicial de un proyecto final usando Tableless o CSS
Práctico. Crear el Esquema en Divs: Cuerpo, Encabezado, Menú, Columna Izquierda,
Columna Derecha, Contenido y Pie de Página. Visualizar el resultado.
Tiempo de Video
: 09 min 42 seg |
|
Video #50
Aplicar reglas de estilo a la sección CUERPO de nuestro documento Tableless.
Realizar los cambios aplicados.
Tiempo de Video
: 10 min 29 seg |
|
Video #51
Aplicar reglas de estilo para encabezado y colocar una imagen. Crear las reglas
de estilo para: menú, columna izquierda, columna derecha y contenido.
Tiempo de Video
: 20 min 21 seg |
|
Video #52
En el video 45 de esta serie, comenzamos a analizar el lenguaje de etiquetas JavaScript. Explicamos un poco la teoría inicial de lo que es este lenguaje; luego pasamos a realizar los primeros ejercicios: funcion alert(), introducción a las variables.
Tiempo de Video
: 18 min 26 seg |
|
Video #53
En este video, examinamos la función document.write() y los eventos en JavaScript. En esta primera oportunidad los eventos: onload, onclick y onunload. Introducción a las funciones definidas por el usuario. Uso de Eventos y Funciones.
Tiempo de Video: 22 min 53 seg |
|
Video #54
Examinaremos desde un formulario document.title, y document.form1.campodetexto.value para los campos de texto. Analizamos la función window.open() para abrir una ventana e ir a una dirección web específica. Esta instrucción en algunos navegadores abre una pestaña en otros una ventana.
Tiempo de Video: 18 min 37 seg |
|
Video #55
Validación de los campos nombre y correo de un formulario. Comienzo del uso de los if para realizar comparaciones. Propiedad length de un campo de texto. Estudio del evento onsubmit para realizar la llamada a una función desde el formulario.
Tiempo de Video: 16 min 35 seg |
|
Video #56
Validación del envío de datos de un formulario, mediante un captcha. Estudio de instrucciones: document.GetElementByID(imagen).src = ruta/img, Math.Floor(), Math.Random(). Anidamiento correcto de if para lograr la respuesta correcta del usuario. Intercambio de imágenes de forma aleatoria.
Tiempo de Video: 27 min 00 seg |
|
Video #57
Estudio de la función confirm(). Llamada desde un formulario. Uso de dos funciones para capturar sus valores. Usar el confirm() junto con el window.open() para abrir una nueva ventana, en caso de que el valor sea verdadero.
Tiempo de Video: 16 min 20 seg |
|
Video #58
Tipos de Datos en JavaScript. Funciones de conversión de Tipos. Realizar un formulario con do campos y procesarlos desde una función JavaScript, convirtiendo sus valores a numérico. Validar campos vacíos.
Tiempo de Video: 18 min 43 seg |
|
Video #59
Introducción al uso de parámetros en funciones de JavaScript. Llamada de un alert() con una función desde el evento onclick() de un formulario. Visualizar los resultados uniendo cadenas de texto y valores numéricos sin conversión de tipos.
Tiempo de Video: 12 min 38 seg |
|
Video #60
Uso de la funciones y parámetros desde un formulario en JavaScript. Aplicación práctica de productos. Cómo saber el producto seleccionado. Pasar mas de un parámetro. Otra sintaxis para usar con parámetros que funciona en unos navegadores y en otros no, que muestra la necesidad de pasar parámetros correctamente.
Tiempo de Video: 18 min 22 seg |
|
Video #61
Corrección del ejercicio anterior para que funcione en Internet Explorer. Comienzo de la Galeria de Imágenes Parte I. Crear el archivo estilos.css. Crear la página galeria.html donde se visualizará la galería. Uso de las listas sin ordenar y las etiquetas div para hacer una galería de 5 imágenes, compatible con Web 2.0.
Tiempo de Video: 19 min 19 seg |
|
Video #62
Usar la biblioteca de imágenes suministrada para rellenar cada uno de las cinco cajas creada con las listas sin ordenar. Crear un div para mostrar el producto seleccionado de la galería de arriba. Dividir este div para mostrar en los próximos videos descripción, imagen y precio de venta.
Tiempo de Video: 13 min 39 seg |
|
Video #63
Usamos las etiquetas li de las listas sin ordenar y llamamos a la función en JavaScript de nombre mostrar_producto(). Pasar como parámetros: Descripción del producto, ruta de la imagen y precio de venta del producto.
Tiempo de Video: 15 min 57 seg |
|
Video #64
Crear los estilos necesarios para darle mayor vistosidad a la página del producto en detalle. Crear la función cargar() para que muestre el primer producto al llamarlo desde la etiqueta body el evento onload(). Probar su funcionamiento. Sustituir el evento onclick() para visualizar el producto por el evento onmouseover(). Visualizar el resultado en dos navegadores.
Tiempo de Video: 13 min 22 seg |
|
Video #65
Repaso con ejemplos sencillos de los ciclos y condicionales (for, while, switch-case, break, continue e if). Revisar un ejemplo completo usando todos estos ciclos y condiciones.
Tiempo de Video: 20 min 30 seg |
|
Video #66
Estudio del Objeto Date y sus propiedades. Veremos como ejemplo, como crear una cadena dinámica con los datos de la fecha actual, e incluso con intervalos de horas. Las propiedades estudiadas: getDate(), getDay(), getMonth(), getFullYear() y getHours().
Tiempo de Video: 22 min 41 seg |
|
Video #67
Usar CSS con JavaScript para cambiar el color de fondo del navegador, tipo
opciones de la página msn.com.
Tiempo de Video: 15 min 28 seg |
|
Video #68
Usar CSS con JavaScript. Inicio de la creación de barra de progreso. Crear las
reglas necesarias.
Tiempo de Video: 10 min 30 seg |
|
Video #69
Usar CSS con JavaScript. Finalizar la barra de progreso. Codificar en JavaScript
el progreso de la barra. Realizar un conteo regresivo.
Tiempo de Video: 11 min 59 seg |
|
Video #70
Proyecto de Galería de Productos en JavaScript. Crear un archivo de estilos externo css_productos.css. Crear los divs necesarios para la estructura visual principal.
Tiempo de Video: 16 min 27 seg |
|
Video #71
Proyecto Galería de Productos II - Dividir la parte inferior en tres divs: anterior, mas información y siguiente. Aplicar los
estilos necesarios.
Tiempo de Video: 12 min 03 seg |
|
Video #72
Proyecto Galería de Productos III - Crear el archivo JavaScript externo. Colocar las primeras instrucciones. Enlazarlo con la
página HTML del proyecto.
Tiempo de Video: 06 min 19 seg |
|
Video #73
Comienzo del curso de JQuery. Repaso de los conceptos comunes de esta librería o framework de JavaScript. Características principales de JQuery.
Tiempo de Video: 07 min 28 seg |
|
Video #74
Descarga del JQuery, desde su sitio oficial. Installación de la librería. Llamada desde el código JavaScript. Repaso de funciones de JavaScript y estilos CSS. Ejercicio final para poner los fundamentos de videos posteriores.
Tiempo de Video: 19 min 53 seg |
|
Video #75
Teoría de estructura de documentos DOM y ventajas del uso de JQuery. Crear nuestro primer alert desde una instrucción con la estructura de JQuery.
Tiempo de Video: 10 min 45 seg |
|
Video #76
Modificar estilos en cascada desde JQuery. Utilizar selectores que afecten las características de la página, usando JQuery.
Tiempo de Video: 17 min 00 seg |
|
Video #77
JQuery Práctico. Usar código nuevo, para que cuando hagamos click en un enlace, un div creado previamente vaya desapareciendo en segundos. Uso de funciones anidadas. Efecto: fadeOut().
Tiempo de Video: 10 min 55 seg |
|
Video #78
Uso de Filtros con selectores en JQuery. Estudio del filtrado básico: first, last, even, odd, gt(numero), eq(numero) y
not.
Tiempo de Video: 13 min 55 seg |
|
Video #79
JQuery Práctico. Efectos con slideUp(), hide(). Efectos contrarios usando la propiedad css display:none ... show(),
fadeIn(), slideDown(). Cambiar colores de enlaces dinámicos desde la función JQuery.
Tiempo de Video: 12 min 14 seg |
|
Video #80
Uso de Filtros: id de párrafos, clases, filtrar por medio de una cadena de caracteres. Uso de los operadores:
circunflejo (^=) y asterisco (*=).
Tiempo de Video: 09 min 53 seg |
|
Video #81
JQuery Práctico. Uso del .animate(). Probar los efectos. Uso de .animate() en dos pasos.
Tiempo de Video: 10 min 31 seg |
|
Video #82
Nuevos modos de filtrado. Estudio de las cláusulas contains(numero) y las de tipo child: nth-child (numero), first-child y last-child.
Tiempo de Video: 13 min 54 seg |
|
Video #83
Filtrados que afectan a elementos de un formulario, de tipo: form :text:disabled, form :radio y
:checkbox:checked, etc.
Tiempo de Video: 18 min 33 seg |
|
Video #84
JQuery Práctico. Crear archivos externos .css y .js para vincularlo al ejercicio de
repaso sobre selectores y filtros. Uso del addClass y removeClass.
Tiempo de Video: 17 min 28 seg |
|
Video #85
JQuery Práctico. Ejercicio: crear una lista con valores numéricos que van a incrementar o disminuir su valor, dependiendo de dos funciones realizadas para tal fin.
Tiempo de Video: 11 min 58 seg |
Comparte este material con tus amigos y colegas en Facebook
Comparte este material con tus amigos y colegas en Twitter
