Está en la página 1de 3

ORGANIZADOR GRÁFICO

ARQUITECTURA DE UNA APLICACIÓN WEB

xxxx

xxx

xx

x
HTML Son un conjunto de etiquetas que sirven
para definir el texto y otros elementos

Es un lenguaje con el que se


definen las páginas web

MARCAS BASICAS DE HTML

<html> </html> <head> </head> <title> </title> <body> </body>


Inicio Fin Inicio Fin Inicio Fin Inicio Fin

Indica que se va insertar


Indica el título de la
Indica el comienzo del Indica que empieza la los contenidos del
página para el
documento cabecera de la página documento dentro de la
navegador
página

NIVELES
CSS Te permite a plicar estilos de ma nera
se le ctiva a documentos en HTML

 CSS 1 (199 5 –
 CSS 2 (199 8 - 20 08 ) Es uno de los lengua jes bas e de la
 CSS 3 (199 9 - actualmente) Open Web y pos ee una
es pe cificación e standarizada

VALORES DE LA
SELECTOR DECLARACIÓN PROPIEDAD
PROPIEDAD

Esta selecciona e l(los) Especifica a cuá l de las Especifica la s Elige una de las
eleme nto(s ) a da r propie da de s del se le ccione s de la muchas posibles
es tilo eleme nto quieres da r propie da d que quiere s aparie ncias para una
es tilo afe ctar en tu regla propie da d dete rmina da

Nota las otras partes importante s de la sintaxis

(;)
De ntro de ca da regla debes us ar el
^« ` (:)
punto y coma, para se pa rar una
Ca da una de la s re gla s De ntro de ca da de claración
decla ración de la s iguiente, ademá s que
deben esta r enca ps ula da debes usa r los dos puntos
pue des modifica r los valores de la
entre corchetes para sepa rar la propiedad
propie da d dependiendo de tu ne ces ida d
de sus valor
BO O TSTRAP

Es un Frame work Es una excelente he rra mie nta


Permite da r forma al sitio we b
desa rrolla do e n e l a ño para cre ar interfa ces de
mediante libre rías CSS
20 11 , por Twitter usuario limpia s y adaptable s

CARACTERISTICAS IMPORTANTES

Soporte ba sta nte bueno Esta blece Media Queries Dispone de un sistema Permite inse rtar imá genes
con HTML5 y CSS3, para 4 dis positivos GRID que permite dis eñar re sponsive, e s decir, con solo
permitie ndo s er usa do de diferentes variando usa ndo un GRID de 12 ins erta r la image n con la clas e
forma muy flexible para depe ndiendo de l ta maño columnas , donde s e ´img-re sponsiveµlas imá genes s e
desa rrollo web de su pantalla pue de plas mar e l ada ptan a l ta maño
conte nido

Todas esta s cara cterís ticas ha ce n que Boos trap se a una exce le nte opción pa ra des arrolla r
webs y aplica ciones we b tota lmemnte ada ptables a cua lquier tipo de dis positivo

También podría gustarte