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: ____________________


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. 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


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



Nombre del

profesor


Fecha Actividad


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). 30 horas



Nombre del

profesor


Fecha Actividad


PROMEDIO


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



Nombre del

profesor


Fecha Actividad


PROMEDIO


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



Nombre del

profesor


Fecha Actividad


PROMEDIO


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.


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.


12

Mapa del modulo


13

Tabla de ponderación.


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.


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

diseño y elaboración de páginas web “dewe-02” · de ideas y de información, así como una...

Documents