conalep ing. bernardo quintana arrioja · e. determinación de elementos de los sistemas de...

“2016. Año del Centenario de la Instalación del Congreso Constituyente”

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

Febrero 2016

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

http://www.conalepmex.edu.mx/ProyPortCona12/images/galery/valores/valor-calidad.jpg

http://www.conalepmex.edu.mx/ProyPortCona12/images/galery/valores/valor-compromiso.jpg

http://www.conalepmex.edu.mx/ProyPortCona12/images/galery/valores/valor-comunicacion.jpg

http://www.conalepmex.edu.mx/ProyPortCona12/images/galery/valores/valor-cooperacion.jpg

http://www.conalepmex.edu.mx/ProyPortCona12/images/galery/valores/valor-mentpositiva.jpg

http://www.conalepmex.edu.mx/ProyPortCona12/images/galery/valores/valor-respeto.jpg

http://www.conalepmex.edu.mx/ProyPortCona12/images/galery/valores/valor-responsabilidad.jpg








































































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.2 Elabora páginas web estáticas haciendo uso del lenguaje de etiquetas XHTML.



Nombre del

profesor


Fecha Actividad


PROMEDIO


7


1.3 Construye hojas de estilo en cascada (CSS) de acuerdo con las especificaciones del World

Wide Web Consortium (W3C)



Nombre del

profesor


Fecha Actividad


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

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.

Line

amie

ntos

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.


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.


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


14

TABLA DE PONDERACION

conalep ing. bernardo quintana arrioja · e. determinación de elementos de los sistemas de...

Documents