INSTITUTO DE EDUCACIN SUPERIOR

TECNOLGICO PRIVADO
FLIX DE LA ROSA RETEGUI Y
GAVIRIA
PROYECCIN DEL APRENDIZAJE
1. DATOS INFORMATIVOS
1.1. Carrera Profesional : COMPUTACIN E INFORMTICA
1.2. Semestre : V Turno: DIURNO
1.3. Unidad Didctica : DISEO WEB
1.4. Docente : Tarazona Tapullima Josu Miller
2. DESARROLLO DEL APRENDIZAJE:
2.1. Encuentro: (Escribir la forma como se realizar esta actividad). 10 minutos.
La dinmica que realizaremos es Rota la pelota.
Se trata de hacer un crculo con todos los alumnos del saln, la cual el profesor facilitar una
pelota de papel con una serie de preguntas. Y sin mirar al grupo dar la orden de rotar la pelota
hasta hacer una pausa ordenada por el mismo, el alumno que tenga la pelta tendr un castigo.

2.2. Presentacin del tema: (Se detallar la forma como se presentar el tema considerando dos
aspectos fundamentales: saberes previos de los alumnos y la presentacin del tema en forma
general). 20 minutos

Elementos a considerar:
a) Saberes previos: Qu es una framework?, Qu Tipos de framework?

b) Nuevo saber: Bootstrap es un framework o conjunto de herramientas de Cdigo abierto

para diseo de sitios y aplicaciones web. Contiene plantillas de diseo con tipografa,
formularios, botones, cuadros, mens de navegacin y otros elementos de diseo basado en
HTML y CSS, as como, extensiones de JavaScript opcionales adicionales.

Bootstrap tiene un soporte relativamente incompleto para HTML5 y CSS 3, pero es

compatible con la mayora de los navegadores web. La informacin bsica de
compatibilidad de sitios web o aplicaciones est disponible para todos los dispositivos y
navegadores. Existe un concepto de compatibilidad parcial que hace disponible la
informacin bsica de un sitio web para todos los dispositivos y navegadores. Por ejemplo,
las propiedades introducidas en CSS3 para las esquinas redondeadas, gradientes y sombras
son usadas por Bootstrap a pesar de la falta de soporte de navegadores antiguos. Esto
extiende la funcionalidad de la herramienta, pero no es requerida para su uso.

Desde la versin 2.0 tambin soporta diseos sensibles. Esto significa que el diseo grfico
de la pgina se ajusta dinmicamente, tomando en cuenta las caractersticas del dispositivo
usado (Computadoras, tabletas, telfonos mviles).

Bootstrap es de cdigo abierto y est disponible en GitHub. Los desarrolladores estn

motivados a participar en el proyecto y a hacer sus propias contribuciones a la plataforma.

Para usar Bootstrap en una pgina HTML, el desarrollador solo debe descargar la
hoja de estilo Bootstrap CSS y enlazarla en el archivo HTML. Otra opcin sera
compilar el archivo CSS desde la hoja de estilo LESS o SASS descargada. Esto
puede realizarse con un compilador especial.
Si el desarrollador tambin quiere usar los componentes de JavaScript, stos deben
estar referenciados junto con la librera jQuery en el documento HTML.
Sistema de cuadrilla y diseo sensible: Bootstrap viene con una disposicin de
cuadrilla estndar de 940 pxeles de ancho. Alternativamente, el desarrollador puede
usar un diseo de ancho-variable. Para ambos casos, la herramienta tiene cuatro
variaciones para hacer uso de distintas resoluciones y tipos de dispositivos:
telfonos mviles, formato de retrato y paisaje, tabletas y computadoras con baja y
alta resolucin (pantalla ancha). Esto ajusta el ancho de las columnas
automticamente.
 INSTITUTO DE EDUCACIN SUPERIOR
TECNOLGICO PRIVADO
FLIX DE LA ROSA RETEGUI Y
GAVIRIA
Entendiendo la hoja de estilo CSS: Bootstrap proporciona un conjunto de hojas de
estilo que proveen definiciones bsicas de estilo para todos los componentes de
HTML. Esto otorga una uniformidad al navegador y al sistema de anchura, da una
apariencia moderna para el formateo de los elementos de texto, tablas y
formularios.

2.3. Profundizacin del aprendizaje: Se detallar el tipo de materiales a utilizar como fuente de
informacin

FUENTES DE INVESTIGACIN

1) Los materiales impresos que utilizarn:

2) Los materiales en internet que utilizarn:

Al ser alumnos de computacin e informtica los materiales a usar son: una computadora con
conexin a internet; donde visitaremos:

https://es.wikipedia.org/wiki/Bootstrap_(framework)

http://getbootstrap.com/components/

https://getbootstrap.com/docs/3.3/components/

3) Los materiales naturales o reales que utilizarn:

Teclado, mouse, monitor, mesa, las sillas, pizarra.

4) Escribir otros tipos de materiales:

Dispositivos en distintas resoluciones como el caso de celulares, tables y computadoras.

2.4. Trabajo creativo en proyectos:

PROYECTOS FUENTES DE INVESTIGACIN

1) Escribir los aspectos a considerar e incluir en el proyecto:

1 Proyecto denominado:
Aplicaciones Android
EL USO de Bootstrap en los proyectos Android es muy importante ya
que es usado a nivel mundial, para poder subir sus aplicaciones en
una web, sin necesidad de poseer demasiado conocimiento en html
usando este framework es sumamente sencillo crear una pgina web
dinmica y adaptable para cualquier dispositivo.

2) Escribir los aspectos a considerar e incluir en el proyecto:

2 Proyecto denominado:
Creacin y Produccin de
Audio y Video
(Style 21)
EL USO de Bootstrap en los proyectos de Produccin de Audio y
Video es muy importante ya que necesitamos de una pgina web en
internet para poder llegar a cualquier parte del mundo, sin
necesidad de poseer demasiado conocimiento en html usando este
framework es sumamente sencillo crear una pgina web dinmica y
adaptable para cualquier dispositivo.
 INSTITUTO DE EDUCACIN SUPERIOR
TECNOLGICO PRIVADO
FLIX DE LA ROSA RETEGUI Y
GAVIRIA
3) Escribir los aspectos a considerar e incluir en el proyecto:
3 Proyecto denominado:
EL USO de Bootstrap siempre ser una buena opcin para tus
Waceltech proyectos, porque sencillamente te ahorra tiempo y dinero en la
elaboracin de las pginas web, y que mejor que aplicarlos en
(Commercial And Service nuestros proyectos, para poder tener un espacio digital desarrollado
Guide) de manera muy sencillo con un diseo adaptable para cualquier
dispositivo.

4 Proyecto denominado: 4) Escribir los aspectos a considerar e incluir en el proyecto:

..

Nota: Bootstrap, Se llev durante todo el mes de Julio y parte de agosto, se ha visto desde cmo
utilizarlo en tu pgina en tu sitio web, sus clases, prrafos, botones, formularios, sistema de columnas,
galeras de videos e imgenes, uso de conos. Y para finalizar cada alumno subi su pgina a internet
en un subdominio gratis (www.000webhost.com).

Moyobamba JULIO de 2017.