Diseño y Elaboración de Páginas Web “DEWE-02” · de ideas y de información, así como una...
Transcript of Diseño y Elaboración de Páginas Web “DEWE-02” · de ideas y de información, así como una...
Diseño y Elaboración de Páginas Web “DEWE-02”
1
Conalep Ing. Bernardo Quintana Arrioja
Portafolio de Evidencias
DISEÑO Y ELABORACIÓN DE
PAGINAS WEB
Lic. Juan Ruiz Fernández
Profesional Técnico Bachiller en Informática
Febrero 2018
Alumno: ________________________________________
Matricula: ______________________Grupo:___________
Sello: ____________________
Diseño y Elaboración de Páginas Web “DEWE-02”
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.
Diseño y Elaboración de Páginas Web “DEWE-02”
3
Misión, Visión y política de calidad
Diseño y Elaboración de Páginas Web “DEWE-02”
4
Valores Conalep
Calidad
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.
Compromiso con la sociedad
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 cada una de ellas
Comunicación
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.
Cooperación
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.
Mentalidad positiva
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.
Respeto a la persona
Consideramos a cada una de las
personas como individuos dignos de
atención, con intereses más allá de lo
estrictamente profesional o laboral.
Responsabilidad
Cada uno de nosotros debe responsabilizarse del
resultado de su trabajo y tomar sus propias decisiones
dentro del ámbito de su competencia.
Conalep Ing. Bernardo Quintana Arrioja
Diseño y Elaboración de Páginas Web “DEWE-02”
5
1. Desarrollo de páginas web estáticas. 80 horas
1.1 Determina la estructura del sitio web con base en las necesidades del usuario. 20 horas
HOJA DE EVALUACIÓN 1
Nombre del alumno No. de lista
Nombre del
profesor
Lic. Juan Ruiz Fernández. Grupo
Fecha Actividad
(TAREA, PRACTICA, EXPO, ETC) Calificación Firma o Sello
PROMEDIO
Diseño y Elaboración de Páginas Web “DEWE-02”
6
1. Desarrollo de páginas web estáticas.
1.2 Elabora páginas web estáticas haciendo uso del lenguaje de etiquetas XHTML. 30 horas
HOJA DE EVALUACIÓN 2
Nombre del alumno No. de lista
Nombre del
profesor
Lic. Juan Ruiz Fernández. Grupo
Fecha Actividad
(TAREA, PRACTICA, EXPO, ETC) Calificación Firma o Sello
PROMEDIO
Diseño y Elaboración de Páginas Web “DEWE-02”
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). 30 horas
HOJA DE EVALUACIÓN 3
Nombre del alumno No. de lista
Nombre del
profesor
Lic. Juan Ruiz Fernández. Grupo
Fecha Actividad
(TAREA, PRACTICA, EXPO, ETC) Calificación Firma o Sello
PROMEDIO
Diseño y Elaboración de Páginas Web “DEWE-02”
8
2. Desarrollo de páginas web dinámicas. 64 Horas
2.1 Implementa interactividad a las páginas web, mediante el desarrollo de código de programación en
un lenguaje script. 30 horas
HOJA DE EVALUACIÓN 4
Nombre del alumno No. de lista
Nombre del
profesor
Lic. Juan Ruiz Fernández. Grupo
Fecha Actividad
(TAREA, PRACTICA, EXPO, ETC) Calificación Firma o Sello
PROMEDIO
Diseño y Elaboración de Páginas Web “DEWE-02”
9
2. Desarrollo de páginas web dinámicas. 64 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
HOJA DE EVALUACIÓN 5
Nombre del alumno No. de lista
Nombre del
profesor
Lic. Juan Ruiz Fernández. Grupo
Fecha Actividad
(TAREA, PRACTICA, EXPO, ETC) Calificación Firma o Sello
PROMEDIO
Diseño y Elaboración de Páginas Web “DEWE-02”
10
Criterios de evaluación
Portafolio de
evidencias.
(Carpeta, Tareas, trabajos en
clase)
Evidencia por
conocimiento. Examen Teorico
Evidencia por
producto. Examen practico
Evidencia por
desempeño.
Practicas.
Diseño y Elaboración de Páginas Web “DEWE-02”
11
Contrato de aprendizaje
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.
Lin
eam
ien
tos
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.
Diseño y Elaboración de Páginas Web “DEWE-02”
12
Mapa del modulo
Diseño y Elaboración de Páginas Web “DEWE-02”
13
Tabla de ponderación.
Diseño y Elaboración de Páginas Web “DEWE-02”
14
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.
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.
Diseño y Elaboración de Páginas Web “DEWE-02”
15
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.
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 del 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