Page 1

UNIVERSIDAD TECNOLÓGICA DEL VALLE DE TOLUCA

DIRECCIÓN DE TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Desarrollo de aplicaciones WEB

Bootstrap

PRESENTA:

Díaz Serrano Miguel Ángel Sosa Bobadilla Salvador [TIC 91]

INGENIERÍA

SANTA MARÍA ATARASQUILLO LERMA EDO. MÉX., 2014


Creaciรณn de una pรกgina web mediante herramientas Bootstrap. Entramos a la pรกgina principal: http://getbootstrap.com/ Clic en Download bootstrap.

En la parte final de la pรกgina clic en examples:

Y seleccionamos una plantilla. Damos clic derecho sobre esa plantilla y copiamos el cรณdigo fuente:


En htdocs, creamos una carpeta cualquiera, en este caso se cre贸 una con nombre boot, dentro de la carpeta ponemos:

Dentro de librer铆as ponemos el archivo descomprimido que descargamos:

Creamos el index con el c贸digo fuente de la plantilla que seleccionamos:


En el c贸digo fuente de la plantilla seleccionamos los estilos:

Copiamos y creamos el archivo css, el cual pegaremos en la carpeta css:


También daremos clic en la parte seleccionada para poder obtener el código:

En este caso solo me faltaba docs.min.js:

Una vez que ya crearon los archivos, ahora en el código del index modifican los enlaces de donde están esos archivos por ejemplo:

Noten que en link href, ahora pongo la dirección de mis carpetas y queda: “librerías/css/bootstrap.min.css”. Una vez acomodado lo que anteriormente hicimos visualizamos en localhost y tenemos creado nuestra página, y solo faltara editarlo:


Para poder editarlo Boostrap cuenta con herramientas y ejemplos que nos podrá ayudar a ponerle estilos, macos, tablas etc. Una vez diseñado algunos aspectos de la página podría quedar de la siguiente manera, todo depende de lo que se necesite poner en la página:


Bootstrap  
Advertisement