Assembler

II UNIDAD DE APRENDIZAJE

DISEÑO DE PAGINAS WEB
Objetivos
específicos

1.2.5.5.2. Diseñar un portal web informativo, usando el FrameWork “Bootstrap - Twitter”.
Semana 05

1. Crear hojas de estilo usando css
2. Crear mensajes de advertencia, confirmación, ventanas pop-up, modales utilizando

Semana 06

javascript
Semana 07

3. Crear una pagina HTML, haciendo uso de audio y videocon HTML5
Objetivos
operacionales

Semana 08 al
4. Diseñar un portal web, utilizando el Framweork Bootstrap twitter

12

5. Elaborar una monografía con respecto al impacto de las tecnologías de información en el

Semana 07

sector empresarial(Responsabilidad Social)
6. Elaborar una monografía con respecto a los gestores de contenidos: Drupal y

Semana 08

wordpress(InvestigaciónFormativa)
ACTIVIDADES

TMPO

SEMANA 05

A1.2 El docente tutor en grupo organiza en grupo de 4 integrantes por afinidad para el desarrollo de los
siguientes ejercicios.
1. Con ayuda del aula virtual en el EVA los estudiantes visualizan el contenido: Hojas de estilo,
clases, estilos css, entre otros.
2. Instale las herramientas necesarias para el desarrollo del portal web: php y apache.presento alguna dificultad. Explíquelo?

¿Se

ESTRATEGIA

3. Configure el entorno de trabajo: servidor web y lenguaje de programación. Se presento
alguna dificultad. Explíquelo.
4. Crea una pagina HTML, en ello crear un párrafo de 200 palabras y a ello aplicarlo un estilo,
asignarle un color rojo al texto.
5. Usando clases, al párrafo anterior, asignarle un color verde, margen de 10pixeles, todo el

párrafo debe estar dentro de una capa(), asimismo en la clase(css) se debe considerar
las la siguientes propiedades: margin-top, margin-right, margin-bottom, margin-left,
margin: top right bottom left, padding-top, padding-right, padding-bottom,
padding-left, padding: top right bottom left, border-top-width, border-rightwidth, border-bottom-width, border-left-width,border-width: top right
bottom

left, font-family, font-size,

font-weight, text-decoration, vertical-

align, text-transform y text-align.
6. La actividad será enviada a través del EVA en el enlace de la tarea

7. Investigación Formativa: elaborar una monografía con respecto a los gestores de contenidos:
Drupal y wordPress, debe señalar la bibliografía y/o web grafía siguiendo las normas APA oVancouver.
SEMANA 06:

El docente tutor organiza a los estudiantes en grupo de 4 integrantes por

afinidad

para

desarrollar los ejercicios propuestos.
Con ayuda del aula virtual en el EVA los estudiantes visualizan el contenido: ”Java Script y
capas ”.
Crear una página HTML, en ello visualizar por pantalla un mensaje de bienvenida.

En la misma página HTML, crear un botón paravolver hacia atrás
En la misma página HTML, recoger un dato por teclado y visualizarlo.
En la misma página HTML, pedir confirmación para visitar una página
En la misma página HTML, abrir una ventana pop-up cada cierto tiempo.
En la misma página HTML, visualizar un reloj digital en la página web.
En la misma página HTML, crear una galería de imágenes.
En la misma página HTML, deshabilitar elbotón derecho del mouse
Imprimir una pagina web
En la misma página HTML, mostrar mensajes en movimiento en la barra de estado del
navegador
En la misma página HTML, crear un correo electrónico.

La actividad será enviada a través del EVA en el enlace de la tarea

En el EVA, los estudiantes y el docente interactúan en el foro “Objetos avanzados en HTML
5”
SEMANA 07

El docente tutor organizaa los estudiantes en grupo de 4 integrantes por

afinidad

para

desarrollar los ejercicios propuestos.
Con ayuda del aula virtual en el EVA los estudiantes visualizan el contenido: ”HTML 5 ”.
Crear un pagina HTML, en ello insertar un video utilizando las etiquetas de HTML 5.
En la misma pagina HTML, insertar un audio utilizando las etiquetas de HTML 5
En la misma pagina HTML, en...