PROGRAMA DE DESARROLLO DE PÁGINAS WEB DINÁMIZAS ARTS: DREAMWEAVER AVANZADO Nombre de la Asignatura: Diseño y Desarrollo de Páginas Web Nro. horas: 32horas Materia: Teórico Práctica Prerrequisitos: Manejo Medio del Inglés INTRODUCCIÓN ARTS Instituto busca que sus estudiantes desarrollen sitios web basados en estándares, logrando proyectos en donde logre diseñar de forma visual o directamente sobre el código y desarrolle páginas con sistemas de gestión de contenido. Con el uso de esta herramienta se podrá plantear propuestas basadas en las potentes herramientas de CSS y se le permitirá mantener un lenguaje común funcional en los diversos navegadores existentes. OBJETIVO GENERAL •
Desarrollar sitios web dinámicos tanto comerciales como informativos que permitan listados, detalles de ítems, criterios de búsqueda, comentarios y sesiones.
OBJETIVOS ESPECÍFICOS • • • • •
Desarrollar un sitio dinámico y dotarlo de navegabilidad. Desarrollar una base de datos específicamente para utilizarla junto con un lenguaje PHP. Desarrollar gestores de contenido básicos. Desarrollar mecanismos de filtrado y organización de la información dinámica. Utilizar archivos de tipo XML para incorporar galerías de imágenes dinámicas. CONTENIDO PROGRAMÁTICO
UNIDAD I: INTRODUCCIÓN Filosofías para acometer proyectos web • Filosofía del diseño • Filosofía del usuario o Las páginas dinámicas. o Servidores de aplicación
•
o Bases de datos Filosofía de la integración.
Tendencias de la web moderna • El consumo web. • Publicidad en la web. • Contenido. o Contenido generado por el usuario y redes sociales. 1. Carácter dinámico de estas soluciones. o Juegos interactividad. o Ejemplos de campañas exitosas. Introducción a los sitios (sites) dinámicos • ¿Qué son servidores de aplicación? • ¿Qué son las bases de datos? • ¿Cómo funcionan los sitios (sites) dinámicos? • Ejemplos de sitios (sites) dinámicos Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 bible ADOBE DREAMWEAVER CS3 Autor, David Karlin Dedicación en tiempo: 10% UNIDAD II: El entorno de trabajo. Servidores de aplicación. • PHP. • ASP. • Adobe Coldfusion. • Instalación. • Establecer un servidor de prueba local vs usar un servidor de prueba remoto. Bases de datos. • Microsoft Access. • MySQL • SQL • Oracle. Bibliografía: Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, 9/22/2010. Dedicación en tiempo: 10% UNIDAD III: Planificación del sitio Planificación de la base de datos de acuerdo con el contenido del sitio y las necesidades del proyecto. (Convertir el proyecto de sitio estático en un sitio dinámico).
• Crear la base de datos en un panel de administración de sitio web. • Crear usuarios para la base de datos. • Crear las tablas para la base de datos en Access. Diagrama de navegación, enfoque en el “panel administrativo” (backend) del sitio. Bibliografía: Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, 9/22/2010. http://www.lynda.com/home/DisplayCourse.aspx?lpk2=68620 Dreamweaver 8 Dynamic Development, Autor: Dan Short, 2/23/2006 http://www.lynda.com/home/DisplayCourse.aspx?lpk2=184 Dedicación en tiempo: 10% UNIDAD IV: Fundamentos de PHP. El servidor remoto y el servidor de prueba. Código PHP básico. Inserción de comandos simples de PHP. Usar vista en vivo y vista de código en vivo con PHP. Usar inclusiones del servidor (serve side includes). Definir la conexión con la base de datos. Crear tablas con campos directamente en la base de datos con código PHP. Bibliografía: Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, 9/22/2010. http://www.lynda.com/home/DisplayCourse.aspx?lpk2=68620 Dreamweaver 8 Dynamic Development, Autor: Dan Short, 2/23/2006 http://www.lynda.com/home/DisplayCourse.aspx?lpk2=184 Dedicación en tiempo: 10% UNIDAD V: Crear un administrador para un sitio dinámico.
Los tipos de datos e ingreso de datos en la base de datos. Preparar un formulario de inserción de registro con registros conjuntos (recordsets). Utilizar el asistente de inserción de registros. Crear un formulario personalizado de inserción de registros. Utilizar el comportamiento de servidor de inserción de registros. Asistente de actualización de registros. Presentar listados de la información existente en la base de datos. Listar, añadir, borrar y modificar: • Tipos de Usuario. • Usuarios. • Tipos de Producto o servicio. • Productos o Servicios. • Comentarios. Bibliografía: Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, 9/22/2010. http://www.lynda.com/home/DisplayCourse.aspx?lpk2=68620
Dreamweaver 8 Dynamic Development, Autor: Dan Short, 2/23/2006 http://www.lynda.com/home/DisplayCourse.aspx?lpk2=184 Dedicación en tiempo: 10% UNIDAD VI: Página de productos, página de detalle del producto.
Listado de productos en las páginas de usuario (front end). El análisis (parsing) de datos, página de detalles del producto. El carro de compras. Los comentarios. Las estrellas. Dedicación en tiempo: 10%
UNIDAD VII: Validar usuarios con PHP.
Crear un formulario de ingreso y registro para el script PHP. Iniciar una sesión de usuario con comportamiento de servidor PHP. Proteger el acceso a las páginas con comportamiento de servidor PHP. Salir de la sesión de usuario con comportamiento de servidor PHP. Bibliografía: Dreamweaver CS4 Dynamic Development, Autor: David Gassner, 12/18/2008 http://www.lynda.com/home/DisplayCourse.aspx?lpk2=705 Dedicación en tiempo: 10%
UNIDAD VII: Validar formularios con Spry.
Fundamentos de validación por cliente. Controles de formulario de validación. Crear el interfaz de usuario. Modificar la presentación de la validación con hojas de estilo de cascada Bibliografía: Dreamweaver CS4 Dynamic Development, Autor: David Gassner, 12/18/2008 http://www.lynda.com/home/DisplayCourse.aspx?lpk2=705 Dedicación en tiempo: 10%
UNIDAD VIII: Sets de datos XML en Spry.
Crear un sets de datos XML spry. Generar salida del archivo XML con PHP. Generar salida con HTML. Crear una tabla Spry. Darle formato a una tabla spry. Crear una lista repetible. Crear regiones repetidas Spry.
Bibliografía: Dreamweaver CS4 Dynamic Development, Autor: David Gassner, 12/18/2008 http://www.lynda.com/home/DisplayCourse.aspx?lpk2=705 Dedicación en tiempo: 10% UNIDAD IX: Creación de un interfaz de usuario dinámico con Spry. Usar conjunto de registros (recordsets) múltiples y tablas dinámicas múltiples. Revisión del uso de los elementos spry para emplearlos en la creación del interfaz de usuario. Bibliografía: Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, 9/22/2010. http://www.lynda.com/home/DisplayCourse.aspx?lpk2=68620 Dreamweaver 8 Dynamic Development, Autor: Dan Short, 2/23/2006 http://www.lynda.com/home/DisplayCourse.aspx?lpk2=184 Dedicación en tiempo: 10%