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 diseños en el tiempo y especificaciones previstas

- Se ha reconocido y utilizado las herramientas de diseño WEB

- Se han reconocido y utilizado las distintas formas inserción de imágenes

- Se han relacionado páginas WEB mediante el uso de enlaces (Hipervínculos).

de la realización de talleres de aplicación en el aula y laboratorio de informática en el primer parcial del

Elaboración y Administración 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 página web?

1.3. Un sitio web

1.4 Uso del Bloc de Notas

1.5 Etiquetas HTML básicas.

1.6 Estructura básica de la página

1.6.1Estructura del texto

1.6.2 Texto y caracteres especiales

1.6.3 Imágenes

1.6.4 Imágenes 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

EVALUACIÓN:

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 básicos del diseño de una página WEB y el lenguaje de marcas HTML, a través

Manejar adecuadamente el material

bibliográfico - electrónico. -

Aplicar las herramientas estudiadas

para elaborar diseños Web planteados.

- Elegir las herramientas adecuadas

para el correcto diseño de las páginas

WEB.

Conceptos Básicos de diseño Web - Introducción HTML

CONTENIDOS

NOMBRE DE LA

UNIDAD:

Bachillerato Técnico Polivalente en Informática

Número de actividades propuestas:UNIDAD DE TRABAJO Nº Tiempo estimado:

ÁREA: Técnico ProfesionalASIGNATURA ó

MÓDULO :

Lic. Luis Benavides Sellán

Prof. Cleber Campoverde

FIRMAFIRMAPROFESOR (A) PROFESOR (A)

Fecha de presentación:

Director (a) de área:

Coordinador (a) de curso:

AÑO LECTIVO 2014-2015

Abg. Franklin Alvarado

ESPECIALIDAD: Informática

Primero Segundo X Tercero

SECCIONES: 14 -15

_________

2 20 3

F)

F)

Recibido:



Director (a) de área: Abg. Franklin Alvarado



CRITERIOS DE

EVALUACIÓN:


- Se ha reconocido y utilizado las herramientas de diseño WEB

- Se han seleccionado criteriosamente los tipos de fuente, colores e imágenes para lograr un mejor

impacto visual de las páginas WEB.

PROFESOR (A) FIRMA PROFESOR (A) FIRMA

CONTENIDOS

Procedimientos


Hechos / Conceptos








- Aplicar las hojas de estilo a diferentes

páginas WEB integradas en uno ó más

sitios. - Seleccionar

los formatos y tipos de fuente más

apropiados en función de la temática

de un sitio WEB.

1.1. Estilos

Colores en la web

Unidades de distancias y tamaños

1.2. Formato del texto

1.1. Bordes

1.4. Márgenes

Lados de un elemento

1.5. Fondo

1.6. Cómo declarar un estilo

1.7. Dónde declarar un estilo

1.8. Orden de aplicación de los estilos CSS



mejora.



NOMBRE DE LA

UNIDAD:

Aspectos de la página estilos básicos

OBJETIVO DE

LA UNIDAD:

Mejorar la apariencia de las páginas WEB, reduciendo el tiempo de diseño a través de la

implementación de las hojas de estilo mediante la realización de talleres en el aula y laboratorio

durante los períodos correspondientes a la unidad de trabajo.

ASIGNATURA ó

MÓDULO :ÁREA: Técnico Profesional

UNIDAD DE TRABAJO Nº Tiempo estimado: Número de actividades propuestas:






CURSO: Segundo de Bachillerato ESPECIALIDAD: Informática


Primero Segundo Tercero X

SECCIONES: 14 -15

_________

3 17 3

F)

F)

Recibido:






CRITERIOS DE

EVALUACIÓN:


- Se ha aplicado en forma correcta y funcional las técnicas de maquetación y diseño de menús en

función de la temática de los sitios WEB diseñados.


CONTENIDOS

Procedimientos


Hechos / Conceptos








- Aplicar las técnicas de maquetación y

diseños de menús en la elaboración de

páginas WEB -

Crear y seleccionar los formatos y

hojas de estilos más apropaidos para la

temática del sitio WEB.

1. Maquetar una página web

1.1 Tamaño

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 página, líquido o elástico

2. Menús HTML

2.1 Estilo básico del menú

2.2. Posición de los elementos

2.3 Tamaño de los elementos

2.4 Distintos estilos del elemento

2.5 CSS. Pseudoclases y pseudoelementos



mejora.



NOMBRE DE LA

UNIDAD:

Maquetación Web

OBJETIVO DE

LA UNIDAD:

Implementar técnicas y procedimientos para la aplicación de maquetación y diseños de menús en las

páginas Web a fin de optimar el impacto visual de las páginas, a través de la realización de talleres

en el aula y el laboratorio de informática durante los períodos correspondientes a la unidad de trabajo.

ASIGNATURA ó










Primero x Segundo Tercero

SECCIONES: 14 -15

_________

4 17 3

F)

F)

Recibido:



QUIMESTRE: SEGUNDO PARCIAL:




ASIGNATURA ó




NOMBRE DE LA

UNIDAD:

Editores Web: Microsoft Word - Introducción a DreamWeaver

OBJETIVO DE

LA UNIDAD:

Conocer herramientas para la creación y edición de sitios Web a fin de reducir el tiempo y dificultad

en la construcción de sitios Web, a través de la realización de talleres aúlicos y en el laboratorio de

informática durante los períodos 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 diseño de páginas Básicas. -

Alternar entre las diferentes vistas de

DreamWeaver en función 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.

Diseño de Páginas Web en Procesador de

palabras. 2.1

Herramientas principales. 2.2

Formato y diseño de Página. 3.

DreamWeaver. 3.1

Definición y principales herramientas. 3.2

Vistas de trabajo. 3.3

Diseño de página Web básica con texto,

imágenes y vínculos.



mejora.



CRITERIOS DE

EVALUACIÓN:


- Se ha explicado los aspectos destacados de los tipos de editores WEB. - Se

han utilizado en forma criteriosa las imágenes, textos y vínculos en los diseños solicitados.







Primero Segundo X Tercero

SECCIONES: 14 -15

_________

5 17 3

F)

F)

Recibido:







ASIGNATURA ó




NOMBRE DE LA

UNIDAD:

Diseño de Sitios Web en DreamWeaver

OBJETIVO DE

LA UNIDAD:

Conocer y aplicar las herramientas de DreamWeaver a fin de añadirle mayor vistosidad e interactividad

a los sitios Web, a través de la realización de talleres en el aula y el laboratorio de computación

durante los períodos correspondientes a la unidad de trabajo.

CONTENIDOS

Procedimientos


Hechos / Conceptos








- Crear el entorno necesario para la

creación y mantenimiento de sitios

WEB en DreamWeaver.

- Aplicar las herramientas de

DreamWeaver para la implementación

de mapas de imágenes y elementos

interactivos páginas Básicas.

1. Definición de Sitio Web.

1.1 Creación y edición de sitio Web en

DreamWeaver. 1.2

Mapa de imágenes. 1.3

Elementos interactivos: Botones Flash,

imagen de sustitución, capas.



mejora.



CRITERIOS DE

EVALUACIÓN:


- Se ha aplicado criteriosamente las herramientas para la implementación de mapas de imágenes y

herramientas interactivas







Primero Segundo Tercero X

SECCIONES: 14 -15

_________

6 17 3

F)

F)

Recibido:







ASIGNATURA ó




NOMBRE DE LA

UNIDAD:

Utilización de herramientas asistentes para creación de páginas Web - Jimdo

OBJETIVO DE

LA UNIDAD:

Conocer y utilizar eficientemente las herramientas asistentes para la creación de sitios Web a fin de

solventar necesidades generales e inmediatas en el diseño de sitios WEB, a través de la realización 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

presentación y publicación de páginas

WEB.

1. Definición de herramientas asistentes para

la creación de páginas Web, principales

productos. 2. Jimdo.

2.1 Creación de cuenta en Jimdo.

2.2 Creación de página básica.

2.2.1 Agregar elementos de diseño: titulos.

texto, texto con imágen.

2.2.2 Agregar elementos de menú: Multiples

páginas Web. 2.2.3

Inserción de videos. 2.3 Blog.

2.3.1 Activar Blog.

2.3.2 Crear entradas de blog. 2.4

Otros elementos: Galería de imágenes,

catalogo de productos.



mejora.



CRITERIOS DE

EVALUACIÓN:


- Se ha demostrado suficiencia en el manejo de las diferentes opciones de diseño que proporciona

Jimdo - Se han

utilizado en forma criteriosa las imágenes, textos y vínculos en los diseños solicitados.







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

Documents

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