FORMATO Plan de Unidad Diseño de Sitios Web 2014 Segundo

Primero x Segundo Tercero
SECCIONES: 14 -15
_________
1 20 3
F)
F)
Recibido:
- Se han resuelto y presentado los diseos en el tiempo y especificaciones previstas
- Se ha reconocido y utilizado las herramientas de diseo WEB
- Se han reconocido y utilizado las distintas formas insercin de imgenes
- Se han relacionado pginas WEB mediante el uso de enlaces (Hipervnculos).
de la realizacin de talleres de aplicacin en el aula y laboratorio de informtica en el primer parcial del
Elaboracin y Administracin de Sitios WEB
Procedimientos
(Contenidos Organizadores)
Hechos / Conceptos
(Contenidos soporte)
Actitudes, Valores, Normas
primer quimestre.
OBJETIVO DE
LA UNIDAD:
1.1. Servidores y direcciones URL
1.2. Qu es una pgina web?
1.3. Un sitio web
1.4 Uso del Bloc de Notas
1.5 Etiquetas HTML bsicas.
1.6 Estructura bsica de la pgina
1.6.1Estructura del texto
1.6.2 Texto y caracteres especiales
1.6.3 Imgenes
1.6.4 Imgenes para Web
1.6.5 Direcciones absolutas y relativas
1.7 Enlaces
1.8 Divisiones o capas
1.9 Enlaces
CURSO: Segundo de Bachillerato
CRITERIOS DE
EVALUACIN:
COLEGIO FISCAL GUAYAQUIL
PLAN DE UNIDAD DE TRABAJO
QUIMESTRE: PRIMERO PARCIAL:
Responsabilizarse de las tareas realizadas.
- Tomar iniciativas, realizando sugerencias de
mejora.
- Desarrollar los trabajos y actividades
emprendidos con eficacia.
Conocer los aspectos bsicos del diseo de una pgina WEB y el lenguaje de marcas HTML, a travs
Manejar adecuadamente el material
bibliogrfico - electrnico. -
Aplicar las herramientas estudiadas
para elaborar diseos Web planteados.
- Elegir las herramientas adecuadas
para el correcto diseo de las pginas
WEB.
Conceptos Bsicos de diseo Web - Introduccin HTML
CONTENIDOS
NOMBRE DE LA
UNIDAD:
Bachillerato Tcnico Polivalente en Informtica
Nmero de actividades propuestas: UNIDAD DE TRABAJO N Tiempo estimado:
REA: Tcnico Profesional
ASIGNATURA
MDULO :
Lic. Luis Benavides Selln
Prof. Cleber Campoverde
FIRMA FIRMA PROFESOR (A) PROFESOR (A)
Fecha de presentacin:
Director (a) de rea:
Coordinador (a) de curso:
AO LECTIVO 2014-2015
Abg. Franklin Alvarado
ESPECIALIDAD: Informtica
Primero Segundo X Tercero
SECCIONES: 14 -15
_________
2 20 3
F)
F)
Recibido:
CRITERIOS DE
EVALUACIN:
- Se ha reconocido y utilizado las herramientas de diseo WEB
- Se han seleccionado criteriosamente los tipos de fuente, colores e imgenes para lograr un mejor
impacto visual de las pginas WEB.
PROFESOR (A) FIRMA PROFESOR (A) FIRMA
CONTENIDOS
Procedimientos
Hechos / Conceptos
- Aplicar las hojas de estilo a diferentes
pginas WEB integradas en uno ms
sitios. - Seleccionar
los formatos y tipos de fuente ms
apropiados en funcin de la temtica
de un sitio WEB.
1.1. Estilos
Colores en la web
Unidades de distancias y tamaos
1.2. Formato del texto
1.1. Bordes
1.4. Mrgenes
Lados de un elemento
1.5. Fondo
1.6. Cmo declarar un estilo
1.7. Dnde declarar un estilo
1.8. Orden de aplicacin de los estilos CSS
mejora.
NOMBRE DE LA
UNIDAD:
Aspectos de la pgina estilos bsicos
OBJETIVO DE
LA UNIDAD:
Mejorar la apariencia de las pginas WEB, reduciendo el tiempo de diseo a travs de la
implementacin de las hojas de estilo mediante la realizacin de talleres en el aula y laboratorio
durante los perodos correspondientes a la unidad de trabajo.
ASIGNATURA
MDULO :
UNIDAD DE TRABAJO N Tiempo estimado: Nmero de actividades propuestas:
Primero Segundo Tercero
X
SECCIONES: 14 -15
_________
3 17 3
F)
F)
Recibido:
CRITERIOS DE
EVALUACIN:
- Se ha aplicado en forma correcta y funcional las tcnicas de maquetacin y diseo de mens en
funcin de la temtica de los sitios WEB diseados.
CONTENIDOS
Procedimientos
Hechos / Conceptos
- Aplicar las tcnicas de maquetacin y
diseos de mens en la elaboracin de
pginas WEB -
Crear y seleccionar los formatos y
hojas de estilos ms apropaidos para la
temtica del sitio WEB.
1. Maquetar una pgina web
1.1 Tamao
1.2. Desbordamiento
1.3. Posicionamiento
1.4. Posicionamiento relativo
1.5. Posicionamiento absoluto
1.6. Posicionamiento flotante
1.7. Posicionamiento fijo
1.8. Ancho de la pgina, lquido o elstico
2. Mens HTML
2.1 Estilo bsico del men
2.2. Posicin de los elementos
2.3 Tamao de los elementos
2.4 Distintos estilos del elemento
2.5 CSS. Pseudoclases y pseudoelementos
mejora.
NOMBRE DE LA
UNIDAD:
Maquetacin Web
OBJETIVO DE
LA UNIDAD:
Implementar tcnicas y procedimientos para la aplicacin de maquetacin y diseos de mens en las
pginas Web a fin de optimar el impacto visual de las pginas, a travs de la realizacin de talleres
en el aula y el laboratorio de informtica durante los perodos correspondientes a la unidad de trabajo.
ASIGNATURA
MDULO :
Primero x Segundo Tercero
SECCIONES: 14 -15
_________
4 17 3
F)
F)
Recibido:
QUIMESTRE: SEGUNDO PARCIAL:
ASIGNATURA
MDULO :
NOMBRE DE LA
UNIDAD:
Editores Web: Microsoft Word - Introduccin a DreamWeaver
OBJETIVO DE
LA UNIDAD:
Conocer herramientas para la creacin y edicin de sitios Web a fin de reducir el tiempo y dificultad
en la construccin de sitios Web, a travs de la realizacin de talleres alicos y en el laboratorio de
informtica durante los perodos correspondientes a la unidad.
CONTENIDOS
Procedimientos
Hechos / Conceptos
- Diferenciar los diferentes tipos de
editores WEB conociendo sus ventajas
y desventajas -
Aplicar las herramientas del procesador
de palabras y el editor DreamWeaver
en el diseo de pginas Bsicas. -
Alternar entre las diferentes vistas de
DreamWeaver en funcin de las
necesidades.
1. Editores Web.
1.1 Concepto y tipos de editores Web
1.1.1 Editores de texto.
1.1.2 Editores HTML.
1.1.3 Editores WYSIWYG. 2.
Diseo de Pginas Web en Procesador de
palabras. 2.1
Herramientas principales. 2.2
Formato y diseo de Pgina. 3.
DreamWeaver. 3.1
Definicin y principales herramientas. 3.2
Vistas de trabajo. 3.3
Diseo de pgina Web bsica con texto,
imgenes y vnculos.
mejora.
CRITERIOS DE
EVALUACIN:
- Se ha explicado los aspectos destacados de los tipos de editores WEB. - Se
han utilizado en forma criteriosa las imgenes, textos y vnculos en los diseos solicitados.
Primero Segundo X Tercero
SECCIONES: 14 -15
_________
5 17 3
F)
F)
Recibido:
ASIGNATURA
MDULO :
NOMBRE DE LA
UNIDAD:
Diseo de Sitios Web en DreamWeaver
OBJETIVO DE
LA UNIDAD:
Conocer y aplicar las herramientas de DreamWeaver a fin de aadirle mayor vistosidad e interactividad
a los sitios Web, a travs de la realizacin de talleres en el aula y el laboratorio de computacin
durante los perodos correspondientes a la unidad de trabajo.
CONTENIDOS
Procedimientos
Hechos / Conceptos
- Crear el entorno necesario para la
creacin y mantenimiento de sitios
WEB en DreamWeaver.
- Aplicar las herramientas de
DreamWeaver para la implementacin
de mapas de imgenes y elementos
interactivos pginas Bsicas.
1. Definicin de Sitio Web.
1.1 Creacin y edicin de sitio Web en
DreamWeaver. 1.2
Mapa de imgenes. 1.3
Elementos interactivos: Botones Flash,
imagen de sustitucin, capas.
mejora.
CRITERIOS DE
EVALUACIN:
- Se ha aplicado criteriosamente las herramientas para la implementacin de mapas de imgenes y
herramientas interactivas
Primero Segundo Tercero
X
SECCIONES: 14 -15
_________
6 17 3
F)
F)
Recibido:
ASIGNATURA
MDULO :
NOMBRE DE LA
UNIDAD:
Utilizacin de herramientas asistentes para creacin de pginas Web - Jimdo
OBJETIVO DE
LA UNIDAD:
Conocer y utilizar eficientemente las herramientas asistentes para la creacin de sitios Web a fin de
solventar necesidades generales e inmediatas en el diseo de sitios WEB, a travs de la realizacin de
un proyecto en el transcurso de la unidad de trabajo.
CONTENIDOS
Procedimientos
Hechos / Conceptos
- Realizar en forma correcta el registro
en Jimdo - Aplicar
las herramientas de Jimdo para la
presentacin y publicacin de pginas
WEB.
1. Definicin de herramientas asistentes para
la creacin de pginas Web, principales
productos. 2. Jimdo.
2.1 Creacin de cuenta en Jimdo.
2.2 Creacin de pgina bsica.
2.2.1 Agregar elementos de diseo: titulos.
texto, texto con imgen.
2.2.2 Agregar elementos de men: Multiples
pginas Web. 2.2.3
Insercin de videos. 2.3 Blog.
2.3.1 Activar Blog.
2.3.2 Crear entradas de blog. 2.4
Otros elementos: Galera de imgenes,
catalogo de productos.
mejora.
CRITERIOS DE
EVALUACIN:
- Se ha demostrado suficiencia en el manejo de las diferentes opciones de diseo que proporciona
Jimdo - Se han
utilizado en forma criteriosa las imgenes, textos y vnculos en los diseos solicitados.

FORMATO Plan de Unidad Diseño de Sitios Web 2014 Segundo

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

FORMATO Plan de Unidad Diseño de Sitios Web 2014 Segundo

Caricato da

Copyright:

Formati disponibili

Primero x Segundo Tercero

Potrebbero piacerti anche