Conalep Ing. Bernardo Quintana Arrioja

Transcripción

1 Conalep Ing. Bernardo Quintana Arrioja Portafolio de Evidencias DISEÑO Y ELABORACIÓN DE PÁGINAS WEB SIGLEMA DEWE-02 Mtra. Luz Yuvina Campos García Profesional Técnico Bachiller en Informática Sexto Semestre Alumno: Matricula: Grupo: Sello: Febrero

2 Presentación El siguiente portafolio de evidencias tiene como finalidad mostrar al alumno los lineamientos a seguir en la asignatura de Diseño y Elaboración de Páginas Web. Propósito del modulo Desarrollar sitios web de acuerdo con los estándares internacionales establecidos de diseño y desarrollo web, atendiendo los requerimientos del usuario, para mostrar y actualizar la información contenida en las páginas web, incluyendo la de las bases de datos asociadas, sin importar la localización física del usuario. 2

3 Misión, Visión y política de calidad 3

4 Valores Conalep Año del Centenario de la Instalación del Congreso Constituyente Calidad Compromiso con la sociedad Comunicación Cooperación Hacemos las cosas bien desde la primera vez, teniendo en mente a la persona o área que hará uso de nuestros productos o servicios, considerando lo que necesita y cuándo lo necesita. Reconocemos a la sociedad como la beneficiaria de nuestro trabajo, considerando la importancia de su participación en la determinación de nuestro rumbo. Para ello debemos atender las necesidades específicas de cada región, aprovechando las ventajas y compensando las desventajas en Fomentamos la fluidez de comunicación institucional, lo que implica claridad en la transmisión de ideas y de información, así como una actitud responsable por parte del receptor. El todo es más que las suma de las partes, por lo que impulsamos el trabajo en equipo, respetando las diferencias, complementando esfuerzos y construyendo aportaciones de los demás. cada una de ellas Conalep Ing. Bernardo Quintana Arrioja Mentalidad positiva Respeto a la persona Responsabilidad Tenemos la disposición para enfrentar retos con una visión de éxito, considerando que siempre habrá una solución para cada problema y evitando la inmovilidad ante la magnitud de la tarea a emprender. Consideramos a cada una de las personas como individuos dignos de atención, con intereses más allá de lo estrictamente profesional o laboral. Cada uno de nosotros debe responsabilizarse del resultado de su trabajo y tomar sus propias decisiones dentro del ámbito de su competencia. 4

5 1. Desarrollo de páginas web estáticas Año del Centenario de la Instalación del Congreso Constituyente 1.1 Determina la estructura del sitio web con base en las necesidades del usuario. HOJA DE EVALUACIÓN 1 Nombre del alumno No. de lista Nombre del profesor Mtra. Luz Yuvina Campos García Grupo Fecha Actividad (TAREA, PRACTICA, EXPO, ETC) Calificación Firma o Sello PROMEDIO 5

6 1. Desarrollo de páginas web estáticas Año del Centenario de la Instalación del Congreso Constituyente 1.2 Elabora páginas web estáticas haciendo uso del lenguaje de etiquetas XHTML. HOJA DE EVALUACIÓN 2 Nombre del alumno No. de lista Nombre del profesor Mtra. Luz Yuvina Campos García Grupo Fecha Actividad (TAREA, PRACTICA, EXPO, ETC) Calificación Firma o Sello PROMEDIO 6

7 1. Desarrollo de páginas web estáticas. 1.3 Construye hojas de estilo en cascada (CSS) de acuerdo con las especificaciones del World Wide Web Consortium (W3C) HOJA DE EVALUACIÓN 3 Nombre del alumno No. de lista Nombre del profesor Mtra. Luz Yuvina Campos García Grupo Fecha Actividad (TAREA, PRACTICA, EXPO, ETC) Calificación Firma o Sello PROMEDIO 7

8 Criterios de evaluación Año del Centenario de la Instalación del Congreso Constituyente Portafolio de evidencias. (Carpeta, Tareas, trabajos en clase) Evidencia por conocimiento. Examen Teorico Evidencia por producto. Examen practico Evidencia por desempeño. Practicas. 8

9 Lineamientos Año del Centenario de la Instalación del Congreso Constituyente Contrato de aprendizaje Normas de asistencia Asistir puntualmente a clases.(si llegan tarde entran a clase con hora falta) Deberás cumplir con el 80% de asistencia para tener derecho a evaluación. Normas de comportamiento Prohibido ingerir alimentos al interior del aula. Queda prohibida la salida a los sanitarios a dos o más alumnos al mismo tiempo. Se negarán los permisos para la salida a la cafetería. Los horarios para todo trámite administrativo son fuera del horario de clase (servicio social, justificación de faltas, control escolar, etc.) No hacer mal uso de los equipos celulares. No utilizar ningún aparato reproductor de música, ni audífonos en clase La mala conducta y falta de respeto se reportará al departamento de preceptoría. Portar la credencial de la escuela Debes traer el uniforme dentro y fuera del salón de clases. Normas de evaluación Deberás traer el material solicitado en clase Traer el portafolio de evidencias todas las clases Visitar el blog del docente para revisar tareas, trabajos y material solicitado luzyuvinacampos.wordpress.com Todo trabajo entregado fuera de tiempo, tendrá como consecuencia la disminución de calificación dependiendo el tiempo de entrega. La falta o incumplimiento de este contrato traerá como consecuencia la aplicación del Reglamento Escolar de la escuela: llamada de atención, reporte, entrevista con el padre o tutor, suspensión de clases y de laboratorio o expulsión definitiva del curso, dependiendo de la falta cometida y con la debida autorización de las autoridades correspondientes del plantel. Nombre y firma del Alumno Nombre y firma del Profesor Nombre y firma del padre o Tutor. 9

10 NOMBRE DEL MODULO Diseño y Elaboración de Paginas 144 hrs MAPA DEL MODULO UNIDAD DE RESULTADO DE APRENDIZAJE APRENDIZAJE 1. Desarrollo de 1.1 Determina la estructura del sitio páginas web estáticas 80 hrs web con base en las necesidades del usuario 20 horas 1.2 Elabora páginas web estáticas haciendo uso del lenguaje de etiquetas XHTML 30 horas 1.3 Construye hojas de estilo en cascada (CSS) de acuerdo con las especificaciones del World Wide Web (W3C) 30 horas 2. desarrollo de 2.1 implementa interactividad a las páginas web dinámicas 64 hrs páginas web, mediante el desarrollo de código de programación en un lenguaje script. 30 horas 2.2 Establece el acceso a bases de datos en páginas web mediante el desarrollo de código en un lenguaje de programación. 34 horas 10

11 UNIDAD DE APRENDIZAJE: DESARROLLO DE PÁGINAS WEB ESTÁTICAS. Propósito de la unidad: Desarrollará páginas web con contenido estático siguiendo la metodología de diseño y basada en estándares internacionales que permita dar cumplimiento a los requerimientos establecidos por el usuario 80 horas Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario 20 horas A. Identificación de elementos Web. Internet. World Wide Web. Navegadores Web. Protocolo HTTP. Protocolo FTP. W3C. CSS. Lenguajes del lado del usuario. HTML. JavaScript. XHTML XML Lenguajes del lado del servidor. B. Comprobación de uso de estándares en el código de programación. Validación de HTML. Validación de CSS. C. Determinación de la información del sitio. Definición del objetivo del sitio. Definición de la audiencia. Definición de contenidos. D. Diseño de la estructura del sitio. Elaboración de mapas del sitio. Definición de los sistemas de navegación. E. Determinación de elementos de los sistemas de navegación. Definición del diseño visual. Diseño de las estructuras de las páginas. Bocetos de diseño. Borradores de página. Maqueta Web. 1.2 Elabora páginas web estáticas haciendo uso del lenguaje de etiquetas XHTM A. Identificación de las Normas mínimas para facilitar el acceso. Peso de las Páginas. Diagramación de las Páginas. Uso de Presentaciones en Flash. Uso de Marcos o Frames. Uso de imágenes de fondo. Uso de meta tags adecuados. B. Uso de las Normas requeridas en la incorporación de elementos gráficos y multimedia. Optimización del peso de las imágenes. Formato de imágenes. Ubicación de imágenes. Uso del atributo ALT. Imágenes con alto y ancho. Manejo de Plugins. 11

12 C. Establecimiento del entorno para el desarrollo de un sitio web. Herramientas para el desarrollo. Planificación del trabajo. Elementos gráficos y multimedia. D. Implementación del código XHTML para el desarrollo de páginas Web. Aplicación de Formato a los siguientes elementos de las páginas web. Tipos de letra Párrafos Colores Creación de Hipervínculos en las páginas web. Referencia absoluta Referencia relativa Incorporación de Imágenes y elementos multimedia a las páginas web. Listas. Tablas. Formularios. Marcos. 1.3 Construye hojas de estilo en cascada (CSS) de acuerdo con las especificaciones del World Wide Web Consortium (W3C). A. Identificación del lenguaje de CSS. Definición de CSS. Especificación oficial de CSS. Funcionamiento básico. Formas de inclusión de CSS en XHTML. Glosario básico. Uso de comentarios. Sintaxis de la definición de cada propiedad. Selectores. Agrupación de reglas. Herencia. Colisiones de estilos. Unidades de medida. Colores. B. Implementación de los elementos CSS en la definición de la apariencia de los elementos que integran las páginas web. Boxmodel. Anchura y altura. Margen y relleno. Bordes. Margen, relleno, bordes y boxmodel. Fondos. Posicionamiento y visualización. Tipos de elementosposicionamiento normal. Posicionamiento float. Posicionamiento absoluto. Visualización. Texto. Tipografía. Propiedades de Texto. Enlaces. Imágenes. Listas. Tablas. Formularios. 12

13 UNIDAD DE APRENDIZAJE: 2 DESARROLLO DE PÁGINAS WEB DINÁMICAS. Propósito de la unidad: Desarrollará páginas web dinámicas con acceso a bases de datos empleando lenguajes de programación de l lado del servidor para la gestión de la información. 64 horas Resultado de aprendizaje: 2.1 Implementa interactividad a las páginas web, mediante el desarrollo de código de programación en un lenguaje script 30 horas A. Identificación del lenguaje de Javascript. Especificaciones oficiales. Formas de incluir Javascript en XHTML. Etiqueta <noscript> Glosario básico. Sintaxis. B. Implementación de los elementos del lenguaje de script en las páginas web para el desarrollo de páginas web dinámicas. Variables. Numéricas. Cadenas de texto. Arrays. Booleanos Operadores. Asignación Incremento y decremento. Lógicos. Matemáticos. Relacionales. Estructuras de control If If else For For in Funciones predefinidas de Javascript para: Cadenas de texto. Arrays. Números. Construcción de funciones Argumentos y valores de retorno. Ámbito de las variables. 2.2 Establece el acceso a bases de datos en páginas web mediante el desarrollo de código en un lenguaje de programación. A. Configuración del entorno de trabajo de la base de datos. Creación de bases de datos Configuración de la base de datos. B. Uso del lenguaje de programación con soporte de bases de datos en web. Sintaxis. Constantes y variables. Arreglos. Estructuras de Control de flujo. Funciones. C. Elaboración de formularios dinámicos en páginas web mediante el uso de un lenguaje de programación del lado del servidor de. Inserción. Modificación. Eliminación 13

14 TABLA DE PONDERACION 14