martes, 24 de septiembre de 2013

MODULO 4 Diseño de paginas web

GRUPO 601

MODULO 
PLAN DE EVALUACIÓN - ACREDITACIÓN
ASIGNATURA: PÁGINAS WEB
SEDE: ESTATAL
SEMESTRE: SEXTO                                              SUBMODULO: 1                CORTE: 1
PERIODO:  2020-2

DESEMPEÑO A DEMOSTRAR
COMPETENCIAS A DESARROLLAR
EVIDENCIA A EVALUAR
CRITERIOS DE DESEMPEÑO
INSTRUMENTO
PONDERACIÓN
Uno o más desempeños pueden asociarse con una evidencia.
Son aquellas que se relacionan directamente con el desempeño 
Conocimiento, proceso o producto mostrado por el
alumno para observar o verificar el logro del desempeño.
¿Qué necesito comprobar en la evidencia para verificar el logro del desempeño?
Instrumento utilizado para evaluar la evidencia
Valor máximo asignado a la evidencia
Diseña y publica páginas Web en lenguaje HTML y en un software de aplicación, además de establecer comunicación vía
internet

4.   Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados.

5.   Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos.

7.   Aprende por iniciativa e interés propio a lo largo de la vida. 

8.   Participa y colabora de manera efectiva en equipos diversos. 



Diseño de Sitio Web
Diseño Sitio Web

Utilizar algún software de aplicación.

En equipos de 2 integrantes desarrolla las actividades referentes al diseño de tu sitio web como son:

•Elegir posibles temas a tratar en el sitio web
•Clasifica los temas
•Escoge un tema para tu sitio web •Definición de la Información a publicar.
•       ¿Qué fuentes de información tengo? •Escalabilidad
•Planificación, contar con una página principal y 2 páginas secundarias.

•Definición del diseño:

•       Esquemas
•       Anteproyecto que incluya la información e imágenes que correspondan al sitio













Lista de cotejo













20%
Diseña y publica páginas Web en lenguaje HTML y en un software de aplicación, además de
establecer
comunicación           vía internet.

Prácticas de laboratorio.

Prácticas de laboratorio:

ü  Formato

ü  Imágenes

ü  Tablas

ü  Listas

ü  Hipervínculos





Lista de cotejo





20%
Diseña y publica páginas Web en lenguaje HTML y en un software de aplicación, además de
establecer
comunicación   vía
internet

Proyecto final de una página Web en código HTML.

Es requisito haber realizado todas las actividades del submódulo.
Elaboración del proyecto final de un sitio web que contenga:

Una página principal que incluya:
ü  Encabezado
ü  Imágenes
ü  Hipervínculos a otras páginas web
ü  Hipervínculos a las páginas de tu sitio.
ü  Opción para enviar un correo

Una página, en la que apliques tablas.

Una página, en la que apliques listas.








Listas de cotejo 








60%

PLAN DE EVALUACIÓN - ACREDITACIÓN  
ASIGNATURA: PÁGINAS WEB
SEDE: ESTATAL
SEMESTRE: SEXTO                                              SUBMÓDULO: 2                CORTE: 2
PERIODO:  2018-1

DESEMPEÑO A DEMOSTRAR
COMPETENCIAS A DESARROLLAR
EVIDENCIA A EVALUAR
CRITERIOS DE DESEMPEÑO
INSTRUMENTO
PONDERACIÓN
Uno o más desempeños pueden asociarse con una evidencia.
Son aquellas que se relacionan directamente con el desempeño 
Conocimiento, proceso o producto mostrado por el
alumno para observar o verificar el logro del desempeño.
¿Qué necesito comprobar en la evidencia para verificar el logro del desempeño?
Instrumento utilizado para evaluar la evidencia
Valor máximo asignado a la evidencia
Diseña y publica páginas Web en lenguaje HTML y en un software de aplicación, además de establecer comunicación vía
internet

4.
5.
7.
8.

Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados.

Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos.


Aprende por iniciativa e interés propio a lo largo de la vida. 

Participa y colabora de manera efectiva en equipos diversos. 


Diseño de Sitio Web
Elaboración de un proyecto de una sitio web de un negocio en el que incluya lo siguiente:

•            Estructura lógica del sitio web que vas a diseñar.

•            Bosquejo del proyecto para diseñar tu sitio web:

ü    Encabezado
ü    Imágenes
ü    Tablas
ü    Listas
ü    Uso de Hipervínculos a Tus páginas y a otras externas.







Lista de cotejo






20%
Diseña y publica páginas Web en lenguaje HTML y en un software de aplicación, además de establecer comunicación vía internet.
Prácticas de laboratorio guiadas en Dreamweaver.

Prácticas guiadas del ejemplo del sitio web incluido en la guía didáctica, en la que abordes:

ü  Encabezados
ü  Formato
ü  Imágenes
ü  Tablas
ü  Listas
ü  Hipervínculos
ü  Opción para envío de correo electrónico






Lista de cotejo






20%

Diseña y publica páginas Web en lenguaje HTML y en un software de aplicación, además de establecer comunicación vía
internet

Proyecto final de una página Web en Dreamweaver.
Es requisito haber realizado, todas las actividades del submódulo.
Elaboración del proyecto final de un sitio web que contenga:

Una página principal que incluya:

ü  Encabezado
ü  Imágenes
ü  Tablas
ü  Listas
ü  Hipervínculos a otras
             páginas web
ü  Hipervínculos a las páginas de tu sitio
ü  Opción para enviar un correo electrónico









Lista de Cotejo.








60%


 
            
PLAN DE EVALUACIÓN - ACREDITACIÓN
ASIGNATURA: PÁGINAS WEB
SEDE: ESTATAL 
SEMESTRE: SEXTO                                              SUBMODULO: 3                CORTE: 3
PERIODO:  2018-1

DESEMPEÑO A DEMOSTRAR
COMPETENCIAS A DESARROLLAR
EVIDENCIA A EVALUAR
CRITERIOS DE DESEMPEÑO
INSTRUMEN TO
PONDERACI ÓN
Uno o más desempeños pueden asociarse con una evidencia.
Son aquellas que se relacionan directamente con el desempeño 
Conocimiento, proceso o producto mostrado por el alumno para
observar o verificar el logro del desempeño.
¿Qué necesito comprobar en la evidencia para verificar el logro del desempeño?
Instrumento utilizado para evaluar la evidencia
Valor máximo asignado a la evidencia
Diseña y publica páginas Web en lenguaje HTML y en un software de aplicación, además de establecer comunicación vía
internet

4.

5.
7.
8.
Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización
de medios, códigos y herramientas apropiados.
Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos.

Aprende por iniciativa e interés propio a lo largo de la vida. 

Participa y colabora de manera efectiva en equipos diversos.



Conceptos Básicos. Actividad de la 1-3
ü  Términos básicos
ü  Diseñar la estructura del directorio de tu SITIO
WEB.
ü  Búsqueda electrónica
sobre los sitios de alojamiento.
Lista de cotejo
20%
Diseña y publica páginas Web en lenguaje HTML y en un software de aplicación, además de establecer comunicación vía internet.
Publicar un sitio web con Dreamweaver. Actividad integradora.
Publica sitio web.
ü  Selecciona un alojamiento gratuito para publicar un sitio web.
ü  Registra el sitio web.
ü  Publica un sitio web.
ü  Ingresa al sitio web al dar clic en la dirección electrónica que publicó.

O bien

Entrega un reporte que contenga lo siguiente:

1.     Portada.
2.     El alumno tomará fotografías o copiará las ventanas que van apareciendo al momento de ir realizando las acciones que se Llevaron a cabo.
3.     Muestra el proceso de registro
Lista de Cotejo
80%





del sitio web, utilizando las fotografías





4.
Muestra el proceso de Publicación del sitio web, utilizando las fotografías.





5.



Muestra la dirección URL de su sitio web

























Guía de modulo semestral
Defina los siguientes conceptos:
Un documento hipertexto
Los documentos html
Los marcos o frames
Página web
Sitio web
Sitio estático
Sitio local
Sitio interactivo
Sitio dinámico
Css
Dreamweaver
Comportamientos
Onclick
Onmouseover
Hiperenlace
Tablas
Sitio
 archivos
Gif
Jpg
Formularios
El campo de texto...
Un botón
Las zonas editables
Plantilla
Servidor

Explica la  función de las etiquetas:
<b> 
<title>
<body>
<html> y </html> 
<bgsound> 
<head>

 atributo background...
<imagen>.
<th>...
 <table> y </table>. 
El atributo colspan 
El atributo noresize...
<frameset> y </frameset>.
<frame>...
<object>...
<embed> 

Identifica los elementos que contienen las siguientes áreas:
Área de paneles.
La barra de la aplicación.
La barra de herramientas de documento
La barra de estado.
El inspector de Propiedades
Panel Archivos.
Selector de etiquetas.
Espacio de trabajo.
Ventana de documento
Barra de herramientas Documento.

Barra de la aplicación.

Tutorial para subir tu sitio a galeón (Gratis)
https://www.youtube.com/watch?v=NLvwd5zQGeE


https://www.youtube.com/watch?v=NLvwd5zQGeE




SITIOS PUBLICADOS DE:


ACTIVIDADES



En el cuaderno: 2 actividades

EN EL CORREO: prepadlg@gmail.com  Su sitio completo comprimido


























































NOTA: ENTREGAR LA GUÍA CONTESTADA A MANO EL DÍA DEL EXAMEN, ANTES DEL EXAMEN

GUÍA PARA EXAMEN 

 PARA EL PRIMER PARCIAL

NOMBRE DEL ALUMNO: ______________________________________________
IINSTRUCCIONES: Define los siguientes términos.

Qué es:
 HTML

Sitio web
Pagina web
Navegadores

Editores

Etiquetas

Identificador del tipo de documento

Cabecera de la página

Cuerpo del documento
Formatear el texto

Marquesinas
Hiperenlace
Tipos de referencias

Tablas 
Marcos 
Formularios 
Instrucciones: Escribe la estructura del código de una página Web en HTML.




Instrucciones: Escribe las etiquetas utilizadas para incluir en tu página los siguientes elementos.
¿Cómo insertar...?
Imágenes,

Marquesinas
Hiperenlace
Tablas 
Marcos 
Formularios 
Marquesinas
Música
Video


Instrucciones: Escribe la interpretación de los siguientes atributos.
width
height
cellpadding
cellspacing
border
align
bgcolor
background
bordercolor


Instrucciones: Escribe el código para crear la siguiente tabla.

DIFERENCIAS
DIFERENCIAS
PERRO
HOMBRE
PEQUEÑO
GRANDE
Duración crecimiento
10 meses
18 a 24 meses
16 años
Tiempo de gestación
58 a 63 días
9 meses
Duración de vida del pelo/cabello
1 año
2 a 7 años

Instrucciones: explica las siguientes opciones del atributo   .
  _blank:
_parent:
_self:
_top:

Instrucciones: dibuja los controles que resultan en un formulario con las siguientes opciones de type de la etiqueta input.

Elementos de entrada <input>
type="text" 
type="password"
type="submit"
type="checkbox"
 type="radio" 


Instrucciones: Explique la función de la etiqueta <select> y </select> en un formulario.










Publicado por en No hay comentarios:
Suscribirse a: Comentarios (Atom)