Story Transcript
Curso o: EXPE ERTO EN E DES SARRO OLLO WEB W Código:: 1606 Familia P Profesiona al: Informá ática y com municacio ones Acreditac ción: Form mación rec conocida a través de d vías no formales Modalida ad: Distanc cia Duración n: 330 hora as Objetivos s: MODULO 1: El térm mino HTMLL hace refferencia al lenguaje de marcaddo predominante parra la elaboración de páginaas web que se utiliza para describirr y traducir la estructu ura y la información enn forma de texto, así como para complemeentar el textto con obje etos tales ccomo imáge enes. Así esste conjuntoo de materriales didáctticos dotará al alumnado para adquiirir las habilidades neccesarias que e le permita an aplicar eel lenguaje JJavaScript een el diseño web b, así como su estructura yy funciones, así como cconocer las novedadess que apareecen con la versión Nivvel 3 de las Hojaas de estilo en caascada (CSSS3). MODULO 22:JavaScriptt es un lengguaje de pr ogramación n que se utiliza para reealizar accio ones dentro o del ámbito de una páginaa Web. Se ttrata de unaa programaación del lad do cliente, ya que su ccarga de procesamientto es soportada por dor, y puestto que es co ompatible ccon la mayo oría de ello os, se ha co nvertido en n el lenguaje de el navegad programacción del lado d del cliente más m utilizad do. A travéés de este conjunto de materialees didáctico os el alumn nado podrá desaarrollar programass manejand do la pote encia de laa programaación orien ntada a obbjetos, trab bajando co on la estructura de una clase, sus métodos y y atributoss, control dde accesos, paquetes, etc., paraa poder daar sentido a la programacción orientada a objetos, aasí como co onocer las ccaracterísticcas especiales que preesentan las aplicacionees en PHP, su nu uevo enfoque orrientado a o objetos, la sseguridad een la aplicacción y el acceso a basess de datos.
BLOG G NOTICIAS EMPRESARIA ALES: http:///medinam ultiservicio osempresa ariales.blog gspot.com..es/
MODULO 3:En la acttualidad Drreamweaveer es uno de d los principales proogramas utiilizados porr los profesionaales para el diseño y maquetaación de pááginas webb. Estos maateriales diidácticos offrecen, passo a paso, una completa gguía de todo lo neecesario para la comp posición de nuestra creación web b, proporcioonando los conocimieentos necesarioss para insertar so onidos, videos o links. Contenid dos: MÓDULO O 1: Diseño o web ava anzado co on HTML5 y CSS3 TEMA 1. HERRAMIENTTAS NECESA ARIAS Introducció ón Editor de ttexto Navegadorres TEMA 2. IN NTRODUCCIÓN HTML Introducció ón HTML ¿Cómo creeamos documento HTM ML? Característticas básicas TEMA 3. TEEXTO, ENLA ACES, LISTASS, IMÁGENEES Y OBJETO OS Textos en H HTML Enlaces HTML Listas en H Imágenes yy objetos TEMA 4. TA ABLAS, FOR RMULARIOS Y ESTRUCTTURAS Tablas os Formulario Estructuras y layout OTRAS ETIQU UETAS IMPO ORTANTES TEMA 5. O uetas imporrtantes Otras etiqu TEMA 6. M METAINFORM MACIÓN, ACCESIBILIDA AD Y VALIDA ACIÓN ¿Qué es la Metainform mación? Accesibilidad Validación NTRODUCCIÓN CSS TEMA 7. IN Introducció ón CSS Soporte dee CSS en navvegadores Especificacción oficial Funcionam miento básicco de CSS ¿Cómo incluir CSS en la Web? Estilo básicco Medios CSS Comentarios Sintaxis dee la definició ón
BLOG G NOTICIAS EMPRESARIA ALES: http:///medinam ultiservicio osempresa ariales.blog gspot.com..es/
TEMA 8. SEELECTORES,, UNIDADESS DE MEDID DA Y COLORES Selectores CSS Unidades d de medida Colores TEMA 9. M MODELOS DEE CAJAS, PO OSICIONAM IENTO Y VISSUALIZACIÓ ÓN Modelo dee cajas Propiedadees de las cajas Margen, reelleno, bord des y modelo de cajas Posicionam miento y visualización Posicionam miento Visualizació ón TEMA 10. EESTRUCTUR RAR UNA PÁ ÁGINA “LAYYOUT” Introducció ón a layout ¿Cómo cen ntrar una páágina horizo ontalmentee? ¿Cómo cen ntrar una páágina verticalmente? Estructura y layout Altura/ancchuras máximas y mínim mas Estilos avanzados TEMA 11. TTEXTO, ENLLACES, IMÁG GENES Y LISSTAS Textos en C CSS Enlaces Imágenes Listas TEMA 12. TTABLAS, FO ORMULARIO OS Y SHORTH HAND Tablas Formulario o TEMA 13. O OTRAS UTILLIDADES DE CSS Versión paara imprimirr Personalizaar el cursor Hacks y filttros Prioridad een las declaraciones Validar CSSS Recomend daciones Geenerales Recursos ú útiles
BLOG G NOTICIAS EMPRESARIA ALES: http:///medinam ultiservicio osempresa ariales.blog gspot.com..es/
TEMA 14. FFIREBUG ¿Qué es Firebug? ¿Como se instala? ¿Como usaamos Firebu ug? TEMA 15. IINTRODUCC CIÓN HTML5 ¿Qué es HTTML5? ¿Cuáles son las mejorras? Etiquetas O Obsoletas Etiquetas m modificadass Lista de etiiquetas HTM ML5 Atributos eeliminados Otros cambios Estructura HTML5 Nueva estrructuración del body Otros elem mentos nuevvos de estru ucturación TEMA 16. N NUEVOS ATTRIBUTOS, E EVENTOS Y PSEUDO‐CLLASES Introducció ón a atributtos globaless Nuevos atrributos Introducció ón a los nueevos evento os. TEMA 17. N NUEVOS ELLEMENTOS SSEMÁNTICO OS Elemento b bdi Elemento ccommand Elemento d data Elementoss details Elemento m mark Elemento m meter Elemento p progress Elemento rruby Elemento ttime Elemento w wbr TEMA 18. M MEJORAS EN LOS FORM MULARIOS Nuevos eleementos paara los Form mularios Cambios en el atributo type (inpu ut) Nuevos atrributos paraa form Nuevos atrributos paraa fieldset Nuevos atrributos paraa input Nuevos atrributos paraa textarea TEMA 19. O OTRAS MEJORAS DE HT TML5 Introducció ón a los elementos mu ultimedia Etiqueta so ource Etiqueta trrack Elemento vvideo Elemento aaudio
BLOG G NOTICIAS EMPRESARIA ALES: http:///medinam ultiservicio osempresa ariales.blog gspot.com..es/
Elemento eembed Elemento ccanvas Introducció ón a MathM ML Introducció ón a SVG Introducció ón a Drag and Drop Validador H HTML5 TEMA 20. IINTRODUCC CIÓN A CSS3 3 Introducció ón Unidades, colores y fu uentes Nuevos Selectores y p pseudo‐clases ANIMACION NES, FONDO OS Y BORDEES TEMA 21. A Propiedadees para la animación Nuevas pro opiedades p para los fon ndos Nuevas pro opiedades p para Bordess TEMA 22. C CAJAS, CAJA AS FLEXIBLE ES, COLORESS Y FUENTEES Propiedadees de las cajas Propiedadees de las cajas flexibless Propiedadees del colorr Propiedadees para las Fuentes TEMA 23. EENLACES Y MULTI‐COLLUMNAS Propiedadees para los hiperenlace es Propiedadees de las multi‐column nas TEMA 24. TTEXTO Y 2D D/3D TRANSSFORMACIO ONES Propiedadees para textto Propiedad 2D/3D Tran nsform TEMA 25. TTRANSICION NES E INTER RFAZ DE US UARIO Propiedadees para las ttransiciones Propiedadees para la in nterfaz de u usuario Validación CSS3 MÓDULO O 2: Progra amación de d páginas s web con n PHP y Ja avascript MÓDULO 11. JAVASCRIPT TEMA 1. IN NTRODUCCIÓN A LAS P PÁGINAS WEEB Introducció ón Programacción del lado o del cliente e Programacción del lado o del Servid dor ¿Qué utilizzaremos? ¿Qué neceesita saber? Nuestro prrimer ejemp plo TEMA 2. IN NTRODUCCIÓN A JAVASCRIPT La etiquetaa SCRIPT Contenido Alternativo o Variables Tipos de Datos
BLOG G NOTICIAS EMPRESARIA ALES: http:///medinam ultiservicio osempresa ariales.blog gspot.com..es/
Operadorees Cuadros dee diálogo Práctica 2 ONCEPTOS BÁSICOS DE PROGRAM MACIÓN TEMA 3. CO Introducció ón Estructuras de decisió ón Estructuras lógicas Estructuras de repeticción Definir fun nciones Llamadas aa funciones Ámbito de las variablees Práctica 3 TEMA 4. O OBJETOS EN JAVASCRIPT T Introducció ón La jerarquíía de objeto os Propiedadees y Evento os Métodos 779 Práctica 4 TEMA 5. LO OS OBJETOSS LOCATION N E HISTORYY ¿Qué es un n URL? El Objeto LLocation Redirigir a otra páginaa El Objeto H History Práctica 5 TEMA 6. ELL OBJETO DOCUMENT Introducció ón La propied dad Title Los coloress de la págin na El método write El conjunto o images Práctica 6 ORM TEMA 7. ELL OBJETO FO Formulario os HTML El conjunto o forms La propied dad elementts Validar la información n ¿Cuándo reealizar la vaalidación? Tipos de Validación Práctica 7 TEMA 8. LO OS OBJETOSS FRAME, NAVIGATOR Y SCREEN El conjunto o frames El objeto n navigator El objeto screen Práctica 8
BLOG G NOTICIAS EMPRESARIA ALES: http:///medinam ultiservicio osempresa ariales.blog gspot.com..es/
MÓDULO 22. PHP TEMA 9. IN NSTALACIÓN N Introducció ón Obtener ell paquete XAMPP Instalar el paquete XA AMPP Apache y M MySQL como servicios La directivaa register_gglobals Práctica 9 TEMA 10. C CREAR UN SSITIO WEB ¿Cómo fun ncionan las páginas PHP? Crear un alias en apacche La página p principal Práctica 100 TEMA 11. IINTRODUCC CIÓN A PHP P Las etiquettas PHP Variables Tipos de daatos Constantess Práctica 111 TEMA 12. A ARRAYS Y ESTRUCTURA AS DE CONTTROL Arrays Estructuras de repeticción Estructuras de decisió ón Combinar estructurass Arrays Aso ociativos El bucle foreach Arrays Multidimensionales Práctica 122a Práctica 122b TEMA 13. FFUNCIONESS Introducció ón Crear Funcciones Llamar a una función Paso de paarámetros Parámetro os por defeccto Práctica 133 TEMA 14. IINCLUIR AR RCHIVOS Ámbito de las variablees Variables eestáticas Uso de include y requ uire Incluir solo o una vez Seguridad de los archivos incluidos Práctica 144
BLOG G NOTICIAS EMPRESARIA ALES: http:///medinam ultiservicio osempresa ariales.blog gspot.com..es/
TEMA 15. P PROGRAMA ACIÓN ORIE ENTADA A O OBJETOS Introducció ón Clases Propiedadees Métodos Visibilidad Crear Objeetos Destructorres Práctica 155a Práctica 155b TEMA 16. H HERENCIA Presentación Crear subcclases Crear objetos de las subclases Sobrescrib bir métodos El acceso p protected Práctica 166 TEMA 17. R RECOGER IN NFORMACIÓ ÓN DEL USU UARIO Introducció ón El array $__GET El array $__POST Recogerloss en una página distinta Recogerloss en la mism ma página Entradas reequeridas Práctica 177a Práctica 177b TEMA 18. V VALIDACIÓN N DE FORM MULARIOS Expresionees regularess Limpiando la informacción Comprobando el form mulario de o origen Práctica 188 TEMA 19. C COOKIES Y SSESIONES Introducció ón Crear cookkies Caducidad de la cookiies Dependencia del naveegador Característticas de los cookies ¿Qué es un na sesión? El array $__SESSION La función od_start() yy od_clean(() Finalizar laa sesión El identificador de la ssesiones ¿Dónde se almacena lla información? Práctica 199ª Práctica 199b
BLOG G NOTICIAS EMPRESARIA ALES: http:///medinam ultiservicio osempresa ariales.blog gspot.com..es/
TEMA 20. A ACCESO A A ARCHIVOS Introducció ón Crear el archivo Escribir en el archivo Leer de un archivo Práctica 200 TEMA 21. EERRORES Y EXCEPCION NES Errores Excepcionees Práctica 211a Práctica 211b TEMA 22. C CONFIGURA ACIÓN DE LA A BASE DE D DATOS MySql oot Contraseñaa para el ro Extensión mysqli PHPMyAdm min Administraación de usu uarios Práctica 222 TEMA 23. B BASE DE DA ATOS Y SQL Tipos de taablas en MyySQL Crear tablaas Relacioness uno a mucchos Relacioness muchos a muchos SQL Acceder a la base de d datos Establecer la conexión n una tabla Mostrar los datos en u Cerrar la co onexión Práctica 233a Práctica 233b Práctica 233c TEMA 24. B BUSCANDO O MÁS FUNC CIONALIDAD D Ordenar ell resultado Dividir el reesultado en n páginas Consultas p preparadass Práctica 244 TEMA 25. A AUTENTIFIC CACIÓN DE LOS USUAR RIOS La página d de login La página d de registro Asegurar laa confidenccialidad Práctica 255 TEMA 26. EEL PROCESO O DE COMPRA Introducció ón Modificar llistaproducttos.php
BLOG G NOTICIAS EMPRESARIA ALES: http:///medinam ultiservicio osempresa ariales.blog gspot.com..es/
La página ccomprar.ph hp Identificar al cliente La página ccarritocomp pra.php Confirmar el pedido La página d de desconexión Migrar el ccarrito de laa compra Práctica 266a Práctica 266b TEMA 27. IINTEGRAR N NUESTRO CARRITO A U UNA PÁGINA A WEB ACTUAL Introducció ón ¿Qué vamo os a hacer? Construir la estructuraa HTML TEMA 28. FFORMAS DEE PAGO Introducció ón Tipos de Fo ormas de Paago Contrareem mbolso Transferen ncia Bancariia Domiciliación Bancaria Tarjetas Baancarias Tarjetas dee Comercio Paypal ¿Qué Form mas de Pago o Utilizaremos? Modificand do la Interfaaz de Nuesttra Tienda Modificand do nuestra base de dattos Modificand do el Código o Anterior Implementtando el Co ontrareembo olso Implementtando la traansferencia Implementtando el Payypal MÓDULO O 3: Diseño o de págin nas web c con Adobe e Dreamwe eaver CS66 TEMA 1. PR RESENTACIÓ ÓN Objetivo del curso Dirigido a ONCEPTOS BÁSICOS Y NOVEDADEES TEMA 2. CO ¿Que es un n dominio? ¿Qué es un n servidor? ¿Qué es un n alojamien nto Web? Resolución n de pantalla Lenguaje H HTML Tipografía y color en la Web Novedadess TEMA 3. SIITIOS Y DOC CUMENTOS Sitios en Dreamweaveer Configurarr un sitio
BLOG G NOTICIAS EMPRESARIA ALES: http:///medinam ultiservicio osempresa ariales.blog gspot.com..es/
Administraar y editar sitios Crear y abrrir documen ntos Espacio dee trabajo Vistas del d documento o Propiedadees de la pággina TEMA 4. TEEXTO Insertar disseño Importar d documentoss Propiedadees del texto o Creación d de listas Caracteress especiales Corregir y sustituir texxto Crear un estilo CSS NLACES TEMA 5. EN Introducció ón Crear un enlace Vínculo a u un correo Puntos de ancla Menú de ssalto Widget de barra de m menús Comprobar vínculos Estilos en vvínculos TEMA 6. IM MÁGENES Insertar un na imagen Propiedadees de la imaagen Alinear y reedimension nar una imagen Rollover Mapas de imagen Marcadorees de posición Objetos Intteligentes TEMA 7. TA ABLAS Tablas Insertar tablas Selección d de elementos de la tab bla Propiedadees de la tab bla Propiedadees de las ceeldas Tamaño dee tablas Copiar, peggar, combin nar y anidarr tablas Formato CSS TEMA 8. CA APAS Y COM MPORTAMIENTOS Las capas Insertar caapas Propiedadees de las capas Panel de elementos P PA
BLOG G NOTICIAS EMPRESARIA ALES: http:///medinam ultiservicio osempresa ariales.blog gspot.com..es/
Capas pred diseñadas Conversión n entre elem mentos PA yy tablas Comportam mientos Aplicar un comportam miento TEMA 9. ESSTILOS CSS I Hojas de estilo Panel estilo os Crear una nueva reglaa Propiedadees de tipo Propiedadees de fondo o Propiedadees de bloqu ue Propiedadees del cuadro Propiedadees del borde TEMA 10. EESTILOS CSSS II Propiedadees lista Propiedadees de posiciión Propiedadees de exten nsiones Desplazam miento/expo ortación de reglas CSS Vinculación n a una hojaa de estilos CSS externna CSS con disstintos naveegadores Hojas de estilos de mu uestra de D Dreamweaveer Diseño de páginas con n CSS TEMA 11. EELEMENTOSS MULTIME EDIA Y SPRYY Incluir arch hivos SWF Insertar archivos FLV Insertar so onido Framework de Spry Widget de acordeón Widget que puede contraerse Widget de paneles en n fichas TEMA 12. P PLANTILLASS Y BIBLIOTE ECA Plantillas Creación d de plantillas Crear regio ones editables Crear regio ones repetid das Regiones o opcionales d de una plantilla Basar páginas en una plantilla Edición y aactualización n de plantillas Panel Activvos Biblioteca
BLOG G NOTICIAS EMPRESARIA ALES: http:///medinam ultiservicio osempresa ariales.blog gspot.com..es/
TEMA 13. FFORMULAR RIOS Y SITIOS REMOTOSS Formulario os Creación d de un formu ulario HTMLL Propiedadees de objeto os I Propiedadees de objeto os II Validar un formulario otos Sitios remo Panel archivos
BLOG G NOTICIAS EMPRESARIA ALES: http:///medinam ultiservicio osempresa ariales.blog gspot.com..es/