Diplomado En Diseño Web

DIPLOMADO EN DISEÑO WEB

 

RC-SER 07-093  REV.01-08/16

INTRODUCCIÓN.

Debido a la creciente necesidad de tener sitios Web con alto nivel profesional para acceso inmediato a la información, así como la difusión efectiva de los distintos servicios, ofrecemos al público

en general, el presente diplomado en Diseño Web

Objetivo general:

-Llevar al participante a través de una serie técnicas y recomendaciones para que sea capaz de planear, diseñar y desarrollar su propio sitio web con paginas dinámicas de gran impacto visual y

acceso a bases de datos. A través del manejo de las herramientas: HTML5, CSS3, FIREWORKS CS5, DREAMWEAVER CS5, PHP y MYSQL.

Objetivo Particular:

-Durante la primera parte del diplomado, el participante definirá el proyecto a desarrollar:

Mapa y boceto  del sitio, es decir  interfaz y estructura gráfica.

-En la segunda parte el participante pasara a preparar :

Páginas estáticas en base al diseño del sitio web propuesto así también las páginas dinámicas con interacción a bases de datos.

-Por último verificación,pruebas y hospedaje del sitio web.

 

Durante el desarrollo del sitio Web se irán aplicando los principales comandos de las herramientas de software ya mencionadas, así como las recomendaciones especiales por parte

del facilitador para salvaguardar siempre el uso óptimo de herramientas y recursos durante el desarrollo de cada etapa y llegar así con éxito al sitio web planeado.

El sitio Web a desarrollar durante este diplomado tendrá  acceso a bases de datos, contacto con el cliente y contenido estáticos orientado a mostrar el portafolio de servicios y productos que brinda una empresa.

“Información General del Diplomado”.

Nivel:Básico-intermedio.

      Modalidad: 100% Práctico.

      Duración promedio:   115  horas.

TALLER I: “Definición de estructura y diseño del sitio Web 24 horas”.

Objetivo:

            Definir el sitio web a desarrollar durante el desarrollo del diplomado: boceto, mapa y diseño de sitio con la interfaz y estructura gráfica correspondiente.

 

Requisitos:

            Conocimientos básicos de computación.

 

Programa:

 

Numero

Puntos a Tratar

A01

Definición de caso práctico a desarrollar

A02

Definición del mapa de sitio y boceto

A03

Definición del diseño del sitio (interface y estructura grafica )

A04

Principales comandos de herramienta FIREWORKS 

A05

Desarrollo de caso práctico y recomendaciones

A06

Sesión de dudas y evaluación de conocimientos

 

 
TALLER II: “Definición y creación de páginas estáticas. 50 horas”.

Objetivo:

            Que el participante defina yconstruya las paginas estáticas que formaran parte del sitio Web propuesto usando los conceptos y definiciones dados por el facilitador así como el uso de
los principales comandos de las herramientas: HTML, DREAMWEAVER y CSS3.

 

Requisitos:

      Conocimientos básicos de programación estructurada

Programa:

 

Numero

Puntos a Tratar

B01

Definición e identificación de páginas estáticas

B02

Principales comandos de herramienta HTML 

B03

Principales comandos de herramienta DREAMWEAVER 

B04

Principales comandos de herramienta CSS3

B05

Desarrollo de caso práctico y recomendaciones

B06

Sesión de dudas y evaluación de conocimientos

 

 

TALLER III: “Definición y creación de páginas dinámicas con manejo de bases de datos”.

Objetivo:

            Que el participante defina y construya las paginas dinámicas con acceso a bases de datos del sitio Web propuesto usando los conceptos y definiciones dados por el facilitador así como el uso de los principales comandos de las herramientas: PHP, JAVASCRIPT  y MYSQL.

Requisitos:

            Conocimientos básicos de programación estructurada.           

Programa:

 

Numero

Puntos a Tratar

C01

Definición e identificación de páginas dinámicas

C02

Definición y conceptos de manejo de bases de datos

C03

Principales comandos de herramienta PHP 

C04

Principales comandos de herramienta MYSQL 

C05

Desarrollo de caso práctico y recomendaciones


C06

Sesión de dudas y evaluación de conocimientos

 

 

TALLER IV: “Verificación, pruebas, y hospedaje de un nuevo sitio web” 5 horas.

 

Objetivo: Afinar los últimos detalles del sitio Web ya desarrollado logrando ejecutar pruebas de acceso a la información así como determinar el hospedaje de dicho sitio. Por ultimo
presentación del sitio Web propuesto y dar respuesta a dudas surgidas por el participante durante el desarrollo del diplomado.

 

 

Programa:

 

Numero

Puntos a Tratar

D01

Ejecución y pruebas de acceso a la información.

D02

Hospedaje del sitio Web. 

D03

Sesión de dudas y presentación del proyecto final

D06

Sesión de evaluación final y sugerencias.

 

 

 

 

3-   DIRIGIDO A :

  • A todas aquellas personas que estén interesadas en iniciarse en el ambiente de desarrollo Web o se encuentren trabajando actualmente con alguna de estas herramientas.

 

<!        4-    MODALIDAD Y MATERIAL A ENTREGAR:

El desarrollo del diplomado es 100 % practico se le entregara al participante un CD con el material de apoyo y en cada clase deberá tomar apuntes complementados con ejercicios que realizara en clase.

 

<!        5-   COSTOS  :

Precio externo: $ 12,865.00.    Precio externo de contado: $ 11,580.00.

El costo no incluye Break.  El pago se podría hacer en dos
exhibiciones 50% a más tardar al iniciar y el resto a liquidar en un mes.

 

 

 

” 6.- Programa Detallado del Diplomado”.

<! 

Herramienta: Fireworks CS5.

 

Puntos a tratar:

Interface del programa.

Identificación de los diferentes sectores de la inter­face. (Barra de menús, barra de
herramientas, ven­tana de documento, menú de paletas de trabajo y barra de propiedades).

Uso de los espacios de trabajo establecidos y crea­ción de áreas de trabajo personalizadas (workspa­ce).

 

Operaciones básicas de manipulación de documen­tos.

Creación de documentos y ajuste de características (ancho y altura, resolución y fondo).

Abrir, cerrar y guardar documentos.

 

Transformación y organización de objetos.

Redimensionamiento con la herramienta de selec­ción (puntero negro).

Redimensionamiento y rotación por medio de la herramienta de transformación libre.

Uso de la ventana de capas para organizar, blo­quear y manejar visibilidad de objetos.

 

Creación y edición de gráficos.

Herramientas para creación de formas simples y especiales.

Inserción de texto.

Aplicación de colores sólidos, gradientes y texturas a figuras de vectores y texto.

Aplicación de contornos especiales.

Importación de gráficos externos a FW.

Enmascarillado de objetos por medio de vectores o manejando transparencia.

 

Filtros en vivo (Live Effects).

Aplicación y edición de filtros a objetos varios des­de la barra de propiedades.

Creación de estilos gráficos a partir de filtros apli­cados.

 

Creación de elementos y efectos de interacción para web.

Creación y manejo de eventos para botones.

Inserción de áreas sensibles a partir de slices y hotspots.

Creación de enlaces a páginas web desde FW.

Barra de navegación.

Menú desplegable.

Rollover compuesto.

 

Creación de micrositio en FW a partir del uso de la ventana Pages.

Ventaja de utilizar páginas maestras para crear si­tios web.

Cómo generar una página maestra.

Cómo hacer páginas dependientes de la página maestra.

Segmentación de elementos de página maestra y segmentación de elementos de páginas depen­dientes.

Exportación organizada de todo el sitio en bloque.

 

Optimización y exportación de documentos FW para web.

Lineamientos para elegir formatos de optimización en web. (JPG, GIF Y PNG).

Segmentación de documento FW para su posterior exportación a web.

Uso de la ventana de optimización para definir el formato de salida de los diferentes segmentos a exportar del documento FW.

Exportación de documento FW a formato HTML.

 

Herramienta: HTML5.

Puntos a tratar:

Introducción.

¿Qué es HTML?

Funcionamiento de una página web.

 

Sintaxis básica (etiquetas principales).

Doctype.

Charset.

Html.

Head.

Title.

Body.

Atributos.

Etiquetas de texto.

Párrafo.

Span.

Liga.

 

Tablas y listas.

Etiqueta table.

Etiqueta ul y ol.

Menús.

 

Formularios.

Input.

Textarea.

Checkbox.

Radio.

Select.

 

Etiqueta DIV.

Etiquetas semánticas.

Article.

Aside.

Header.

Footer.

Section.

 

Recomendaciones sobre armado de un sitio.

Herramienta: DREAMWEAVER CS5.

Puntos a tratar:

Interfaz del programa.

Uso de las herramientas de Dreamweaver.

Espacio de trabajo.

 

Creación de sitio web en Dreamweaver.         

 

Desarrollo del caso práctico.

Slider de imágenes.

 

Desarrollo de un slider para el sitio.

JQuery.

Definición de Javascript.

Definición e implementación de jQuery.

 

HTML e imágenes para el slider.

Código CSS para el slider.

Instrucciones jQuery para el slider.

 

 

Herramienta: CCS3.

 

Puntos a tratar:

Introducción.

Estilos en HTML.

¿Qué es el lenguaje CSS?

Sintaxis de CSS.

Selectores básicos.

Atributos básicos: color, background-color, background-image y opacity.

Etiqueta style.

Atributo style.

Hojas de estilos.

Etiqueta link.

 Selectores complejos.

Clases.

Identificadores.

Herencia.

Agrupamiento de selectores.

Pseudo clases.

 

Modelo de caja.

Posicionamiento (position).

Dimensiones: width y height.

Atributos de modelo de caja : margin, border, y padding.

Herramienta: PHP y MySQL.

 

Puntos a tratar:

Introducción a la programación en PHP.

Introducción a la sintaxis PHP.

Variables en PHP.

Variables de sistema.

Variables de tipo String (Cadena).

Arrays en PHP.

Operadores en PHP.

Sentencias de control.

Ciclos.

Trabajar con bases de datos en PHP.

Funciones Php de acceso a Mysql.

Realizando una conexión a MySQL desde PHP.

Mostrar los datos de una consulta.

Como Añadir un Registro.

Eliminar Registros.

Modificar Registros.

Editar Información.

Guardar Información.

“7.- Calendario del Diplomado”.

      Frecuencia: Lunes, Miércoles y Viernes en horario de 6:30 a 9:30 p.m.

Próximas fechas de inicio: Llamar al módulo de ventas e información de servicios al 83294076.

Sesiones de 3 horas diarias, no se incluye break

 

“8.- Instalaciones”.

El diplomado se impartirá en las salas de capacitación ( primer piso ) del edificio de la Dirección de

Tecnologías de Información, ubicado en la calle Pedro de Alba S/N  en Ciudad Universitaria,

al lado de la capilla alfonsina.

San Nicolás de los Garza, N.L., México.

 

“9.- Reconocimiento/Diploma UANL”.

Al culminar satisfactoriamente cada taller de manera individual se le otorgará al participante un

reconocimiento de participación.

Para las personas que terminan completo los 4 talleres se le otorgará un diploma con valor curricular.

Solo se permitirá el 20 % de faltas por asuntos justificables para que se pueda tener derecho al

reconocimiento o diploma dependiendo del caso.

 

“10.- Mayores informes e inscripciones”.

        Acudir al módulo de Información de Ventas, ubicado en la planta baja del edificio de la DTI.

        Dirigirse con Edgar Villalobos en horarios de:

        8:30 a.m. a 6:00 p.m. de lunes a viernes para llenar la ficha de inscripción,

        y realizar el pago correspondiente.

Cupo Mínimo para iniciar: 10 personas, cupo limitado.

Mayores informes al teléfono: (81) 8329–4076.

O bien enviar ficha de inscripción o comentarios a:  ventas.ceti@uanl.mx

 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *