El desarrollo de páginas web que respondan a los multiles dispotitivos que los usuarios manejan en la actualidad es posible con la introducción de CSS3 en conjunto con el lenguaje de metaetiquetas Html5. Pero este matrimonio no es simple, y conocer todas las alternativas posibles de combinaciones no está al alcance sin la exautivo estudio de las estructuras de control del diseño en ambiente Web.
Las herramientas como boostrap, nos permiten desarrollar sitios web impactantes con pocos pasos de desarrollo y con una curva de aprendizaje muy baja.
Un ejemplo de esto es la creación de formularios con el solo hecho de hacer clic y arrastrar, (drag and drop) que puede verse en el sitio web http://bootsnipp.com/forms
La creación de sitios web simples de desarorllar y con un alto estándar de diseño es posible con Boostrap.
¿Se debe conocer la estructura del lenguaje de programación web Html para poder construir un sitio, o es posible armarlo en forma intuitiva por medio de herramientas especializadas.?
En esta Webquest buscaremos la respuesta a esta pregunta mientras diseñamos nuestro propio proyecto de desarrollo. En pocos pasos.
Nombre y Apellidos del Autor:
Idioma:
Nivel Educativo:
Area de Conocimiento:
La nota es común al grupo de trabajo, independiente de los aportes que realice cada alumno, el trabajo se evaluará según los logros alcanzados:
Nota 7 para los alumnos que publiquen y que además justifiquen su diseño en formato Boostrap
Nota 6, para el grupo que logre publicar un sitio web de RKM Ingeniería en formato Responsibe Web Desing con el framework Boostrap.
Nota 5 para el grupo que alcance a crear el diseño distinto a las plantillas de boostrap, pero no pueda publicar.
Nota 4 Para el grupo que alcance a crear un diseño en modo boceto.
Nota 3: Para los alumnos que no diseñen nada, pero entienda las bases de html5 para diseño
Nota 2 para quienes alcancen a explicar que es responsibe Web desing.
Nota 1 para quien no presente ningun avance.
Introducción:
Los sitios Web han reemplazado a las tarjetas de presentación de muchas personas y empresas, y han ayudado a que otras tantas se hagan famosas e incluso puedan vender sus productos fuera de su ambito de acción local.
Ya muchas empresas tienen sus sitios web, que están optimizados para computadores. Pero con el cambio vertiginoso de las tecnologías y de los dispositivos para verla, las empresas se han tenido que adaptar paulatinamente a los distintos formatos de pantalla que traen estos nuevos dispositivos como las tabletas electrónicas o lo celulares. Los sitios web que se veían fantástico en el PC de 800 x600 pulgadas (pantalla pequeña). Ahora practicamente no se ve en celulares, ya sea por que la letra es muy pequeña o porque fue creada con un plugin que no es compatible.
Es aquí donde han surgido las tecnologías web que permiten que las páginas web se avean bien independientemente desde el dispositivo de donde se vea.
Los sitios web deben responder a la estructura de pantalla que tenga el usuario y no debe crearse una página web distinta por cada tipo de dispositivo que exista. Es por eso que necen las tecnologías web Responsibe, que se encargan de adaptarse al dispositivo con que se les consulte.
La empres RKM Ingeniería busca estar a la vanguardia en este tipo de tecnologías, pero con poco presupuesto busca un sitio web simple, y que sea contruido en el menor tiempo posible a un bajo costo. El sitio web se llama www.rkm.cl y debe ser responsive.
La tarea consiste en crear un sitio web "Responsive", para la empresa RKM Ingeniería que tenga un costo de desarrollo menor de $100.000 y solo 2 semanas dde producción disponible.
La página debe ser publicada por medio de tecnología FTP al servidor de la empresa y con eso ser visible desde la web.
El proceso implica el trabajo de 3 grupos distintos los cuales tendran sus propias propuestas de desarrollo.
- Cada alumno será asignado a un grupo de trabajo
- En el grupo se deben distribuir los siguientes roles de:
- investigación de tecnologias web responsive
- Desarrolladores de diseño
- Administrador de servidores
- Integrador de plataforma
Desarollo Web Resposibe de bOostrap es una herramienta creada por desarrolladores de Twitter como proyecto interno de la empresa que se conviertió en algo más grande que liberaron para uso público. Fuente: http://getbootstrap.com/
Enlaces:
Investigue sobre Html5
Investigue sobre CSS3
Investigue sobre Boostrap
Investigue sobre Plantillas para Boostrap