1
Conalep Ing. Bernardo Quintana
Arrioja
Portafolio de Evidencias
DISEÑO Y ELABORACIÓN DE
PAGINAS WEB
Mtra. Luz Yuvina Campos García
Profesional Técnico Bachiller en Informática
Febrero 2015
Alumno: ________________________________________
Matricula: ______________________Grupo:___________
Sello: ____________________
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.
3
Misión, Visión y política de calidad
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
5
1. Desarrollo de páginas web estáticas.
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
6
1. Desarrollo de páginas web estáticas.
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
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
8
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.
9
Normas de asistencia y comportamiento
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 d el
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.
Lineam
ientos
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.
10
MAPA DEL MODULO NOMBRE
DEL
MODULO
UNIDAD DE
APRENDIZAJE
RESULTADO DE APRENDIZAJE
Diseño y
Elaboración
de Paginas
144 hrs
1. Desarrollo de
páginas web
estáticas
80 hrs
1.1 Determina la estructura del sitio
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
páginas web
dinámicas
64 hrs
2.1 implementa interactividad a las
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
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.
C. Establecimiento del entorno para el desarrollo de un sitio web.
Herramientas para el desarrollo.
Planificación del trabajo.
12
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.
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.
13
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
Top Related