miércoles, 24 de mayo de 2017

sabemos que hoy en día es fácil hacer una pagina web, esto debido a que hay un gran numero de sitios donde se pueden hacer las paginas ya con plantillas establecidas lo cual facilita el armado y no hay necesidad de usar códigos o etiquetas, algunos de estos sitios son:


1. Wix. En Wix podemos crear nuestra página web de forma sencilla con un resultado impactante. Wix aloja a más de 26 millones de webs en su plataforma y se registran más de 30.000 usuarios diarios.
2. Weebly. Weebly ofrece un poderoso sistema de «drag and drop» en el editor y cien plantillas profesionales para crear una página web. Más de 12 millones de personas usan actualmente Weebly.
3. 000webhost. La transparencia es su lema, no hay costes ocultos. Las cuentas gratuitas cuentan con 1.5 GB de espacio en disco, 100 GB de tráfico. Anuncian con orgullo que sus servidores han estado online el 99,9% del tiempo en los últimos 5 años.
4. Yola. Permite crear webs con aspecto profesional en cuestión de minutos sin ningún tipo de experiencia técnica. Ahora mismo tiene 7 millones de clientes.
5. EDUBlogs. Pensada para estudiantes y profesores, está reconocido como el servicio más usado para las webs .edu. Ahora mismo tienen 1,6 millones de blogs y 32 GB de espacio gratuito para estudiantes y profesores. Lo usan universidades como Stanford.
6. Freehostia. Este servicio ofrece 250 MB de espacio en disco y 6 GB de tráfico, menos que el resto, su punto fuerte radica en la asistencia 24/7 y su garantía de servicio del 99,9%.
7. Webs. Webs.com es un sistema muy sencillo de usar, cientos de plantillas con las que customizar tu web. Como contrapartida del servicio, webs.com instala una pequeña publicidad en tu web. Registrarse lleva 30 segundos y tener la web terminada, un torno a una hora.
8. 5GBfree. 20GB de espacio en disco, 3 bases de datos de MySQL, c-panel, y lo más importante, 100% gratis sin publicidad.
9. Jimdo. Un servicio básico y rápido, regístrate, escoge un tema y ya está la web funcionando. Tiene, tiene ahora mismo unos 7 millones de portales alojados.
10. FreeHosting.com. Tienen múltiples herramientas y servicios sencillos para hacer que tu web quede bien. FreeHosting es un servicio 100% gratuito, sin presiones por comprar ni pagar nada.
¿Qué es un ‘framework’?
El término ‘framework’ se utiliza constantemente en el desarrollo de software, pero… ¿sabríamos definir qué es un ‘framework’? He aquí una descripción.

Muchos de los que nos dedicamos al desarrollo de software utilizamos, conocemos o, como mínimo, nos hemos tropezado con el concepto de framework (cuya traducción aproximada sería “marco de trabajo”). En concreto, y por diferentes motivos, he hecho algún pinito utilizando JavaServer Faces así como en Ruby on Rails.
Sin embargo, el concepto de framework no es sencillo de definir, a pesar de que cualquiera con experiencia programando captará su sentido de manera casi intuitiva, y es muy posible que esté utilizando su propio framework (aunque no lo llame así).
¿Cuál es el sentido de un framework?
En casa del herrero…
Sabemos por experiencia lo importante que es la normalización de datos en cualquier aplicación. Los usuarios pueden manejar su información en papel, fichas, en su propia memoria, tenerla duplicada, con incoherencias, omisiones, … ¡Todo un infierno! Pero una aplicación informática necesita que esa información esté estructurada de un modo conocido para poder manejarla: almacenarla, recuperarla, y todos los “-arla” que se requieran. Para eso definimos modelos de datos con una determinada estructura (que habitualmente se convierten en tablas de una base de datos).
Pero ¿qué ocurre con la información que manejamos los propios desarrolladores para crear una aplicación? Léase código fuente, librerías, ficheros de configuración, etc. Muchas veces parece que la única elección importante es la tecnología concreta a utilizar (lenguaje de programación, gestor de bases de datos, etc.) pero, a partir de ahí, cada programador puede crear su propio maremagnum de ficheros y código fuente.
¿Por qué permitir ese “desorden” en un desarrollo, si estamos tan convencidos de las bondades de estructurar y normalizar la información? Eso es ni más ni menos lo que pretende un framework.
Entonces ¿qué es un ‘framework’?
Siendo muy simple, es un esquema (un esqueleto, un patrón) para el desarrollo y/o la implementación de una aplicación. Sí, es una definición muy genérica, pero también puede serlo un framework: sin ir más lejos, el paradigma MVC (Model-View-Controller) dice poco más que “separa en tu aplicación la gestión de los datos, las operaciones, y la presentación”. En el otro extremo, otros frameworks pueden llegar al detalle de definir los nombres de ficheros, su estructura, las convenciones de programación, etc.
Pongamos un ejemplo: una aplicación web que utilice Java como lenguaje de programación puede implementarse de multitud de formas, mediante servlets y JSPs. Hay algunas convenciones que es necesario seguir, como usar un fichero de configuración web.xml, pero el programador sigue sin tener un patrón claro a seguir para la creación de servlets, clases, JSPs, etc.
En una primera estandarización, la utilización de una arquitectura MVC aconseja que separemos la lógica de la aplicación (en los servlets) de la presentación (usando JSPs); en concreto, no sería correcto codificar lógica de aplicación o accesos a base de datos dentro de los JSP.
Un paso más allá: utilizando Faces como framework, la estructura de la aplicación queda todavía más definida: un único servlet (FacesServlet) va a controlar el flujo de la aplicación; además, el uso de un fichero concreto (faces-config.xml) permite crear la navegación de la aplicación, definir los objetos (beans) pasados como parámetros, etc., todo ello sin necesidad de codificarlo en Java o JSP.
Los frameworks no necesariamente están ligados a un lenguaje concreto, aunque sea así en muchas ocasiones. En el cada vez más popular Ruby on Rails, ‘Ruby’ es el lenguaje de programación y ‘Rails’ el framework; por otro lado, JavaServer Faces está orientado a desarrollos en Java. Sin embargo, nada impide definir el mismo framework para lenguajes diferentes: por ejemplo, existe un framework llamado Biscuit cuyo objetivo es prácticamente convertirse en un “PHP on Rails”. Eso sí, cuanto más detallado es el framework, más necesidad tendrá de ceñirse a un lenguaje concreto.
También es posible que el framework defina una estructura para una aplicación completa, o bien sólo se centre en un aspecto de ella. Siguiendo con los ejemplos, Ruby on Rails ofrece un marco para el desarrollo completo de una aplicación web, mientras que JavaServer Faces está más orientado a la interfaz de usuario.
¿Qué ventajas tiene utilizar un ‘framework’?
Las que se derivan de utilizar un estándar; entre otras:
·         El programador no necesita plantearse una estructura global de la aplicación, sino que el framework le proporciona un esqueleto que hay que “rellenar”.
·         Facilita la colaboración. Cualquiera que haya tenido que “pelearse” con el código fuente de otro programador (¡o incluso con el propio, pasado algún tiempo!) sabrá lo difícil que es entenderlo y modificarlo; por tanto, todo lo que sea definir y estandarizar va a ahorrar tiempo y trabajo a los desarrollos colaborativos.
·         Es más fácil encontrar herramientas (utilidades, librerías) adaptadas al framework concreto para facilitar el desarrollo.

miércoles, 29 de marzo de 2017

el internet de las cosas

Hoy en día vivimos en una era donde el internet nos consume y las generaciones actuales ya no pueden estar sin tener un dispositivo inteligente para poder checar sus redes sociales y navegar por internet.
El internet en las cosas se aplicará en electrodomésticos, y posiblemente muebles y otros objetos del hogar para poder facilitar nuestro estilo de vida, también podrían implementar una nueva forma de comunicación, desplazando así a los medios impresos y quizá a las redes sociales, sin duda el internet de las cosas es algo peligrosos para la humanidad ya que cada día estamos más metidos con ello,
creo que habrá un punto deonde podremos vivir en un mundo virtual  con el hecho de conectarnos un casco en las terminales nerviosas que mandan los mensajes al cerebro y así podamos estar en una realidad virtual viviendo cómodamente y sin dolor alguno, esta tecnología podría ayudar a paciebtes terminales a estar sin dolor ya que mandaría estimulos al cerebro y éste al cuerpo para que no sientan dolor y vivan en una realidad virtual que ellos mismos podrían desarrollar.
¿Cómo veo el internet en 5 años ?
En 5 años veo el internet mucho más avanzado de lo que esta hoy en día, creo que los dipositivos serán más avanzados y tendrán más apk que nos faciliten la vida diaria, e incluso que puedan quitar cosas esenciales de la vida cotidiana, como ya lo hacen actualmente de clases por internet, con opcioón de maestrías.
creo también que muchos dispositivos, como los electrodomésticos iniciarán a empezar a incluir el internet, para medir los niveles de comsumo y avisar el qué se tiene que comprar en el caso de la despensa.
 También se llegara a un posible punto donde lleguen a desaparecer cosas como los periódicos, revistas, libros impresos haciendo que estos sean 100% digitales haciendo que todo este disponible dentro de un teléfono. La televisión es otras de las cosas que pueden desaparecer debido a las plataformas digitales que ya hoy en día cuentan ya con la mayoría de los programas que se podían ver en la televisión, pero hora dejándolos en la palma de tu mano a un solo clic en el momento de que lo quieras ver. Debido a todo esto es ya un hecho que la banda de internet se vea incrementada ya que se necesitara cada vez mas una mayor velocidad para todo lo que el internet es capaz de lograr aun mas rápido y hacer posible que el internet llegue hasta el punto mas lejano del mundo.
¿Cómo veo el internet de aqui a un año?
creo que habrá una mayor interacción entre los usuarios, como por ejemplo en las redes sociales, será de una más interactiva y adictiva con mayor uso de imagenes y videos y claro, no olvidaremos los memes, También creo que el transito de información será instantánea, lo que dificultará la venta de periódicos físicos, la comunicación será mucho más rápida con nuevas tecnologias.
La interacción de personas será mucho mayor, debido a que el internet nos facilitara el ponernos en contacto con personas de otros paises en el momento deseado, de hecho, ya hay apk de teléfonos que nos permiten hacer una llamada a cualquier parte del mundo, sin necesidad de gastar más crédito de lo debido, claro no se debe dejar de mencionar como las aplicaciones que hoy en día son herramientas que nos ayudan a hacer mas fáciles diferentes tareas diarias, esperando en un año como la creación y mejoras en estas aplicaciones se vuelvan cada vez mas indispensables de las personas en sus vidas cotidianas.

martes, 21 de febrero de 2017

BACKGROUND

El fondo puede ser un color simple o una imagen. El fondo solamente se visualiza en el área ocupada por el contenido y su relleno, ya que el color de los bordes se controla directamente desde los bordes y las zonas de los márgenes siempre son transparentes.
Para establecer un color o imagen de fondo en la página entera, se debe establecer un fondo al elemento <body>. Si se establece un fondo a la página, como el valor inicial del fondo de los elementos es transparente, todos los elementos de la página se visualizan con el mismo fondo a menos que algún elemento especifique su propio fondo.
CSS define cinco propiedades para establecer el fondo de cada elemento (background-color, background-image, background-repeat, background-attachment, background-position) y otra propiedad de tipo "shorthand" (background).
La propiedad background-color permite mostrar un color de fondo sólido en la caja de un elemento. Esta propiedad no permite crear degradados ni ningún otro efecto avanzado.
Propiedad background-color
Valores color | transparent | inherit
Se aplica a Todos los elementos
Valor inicial transparent
Descripción Establece un color de fondo para los elementos
El siguiente ejemplo muestra una página web con un color gris claro de fondo:
body {
  background-color: #F5F5F5;
}
Para crear efectos gráficos avanzados, es necesario utilizar la propiedad background-image, que permite mostrar una imagen como fondo de la caja de cualquier elemento:
Propiedad background-image
Valores url | none | inherit
Se aplica a Todos los elementos
Valor inicial none
Descripción Establece una imagen como fondo para los elementos
CSS permite establecer de forma simultánea un color y una imagen de fondo. En este caso, la imagen se muestra delante del color, por lo que solamente si la imagen contiene zonas transparentes es posible ver el color de fondo.
El siguiente ejemplo muestra una imagen como fondo de toda la página:
body { background-image: url("imagenes/fondo.png") }
Las imágenes de fondo se indican a través de su URL, que puede ser absoluta o relativa. Suele ser recomendable crear una carpeta de imágenes que se encuentre en el mismo directorio que los archivos CSS y que almacene todas las imágenes utilizadas en el diseño de las páginas.
Así, las imágenes correspondientes al diseño de la página se mantienen separadas del resto de imágenes del sitio y el código CSS es más sencillo (por utilizar URL relativas) y más fácil de mantener (por no tener que actualizar URL absolutas en caso de que se cambie la estructura del sitio web).
Por otra parte, suele ser habitual indicar un color de fondo siempre que se muestra una imagen de fondo. En caso de que la imagen no se pueda mostrar o contenga errores, el navegador mostrará el color indicado (que debería ser, en lo posible, similar a la imagen) y la página no parecerá que contiene errores.
Si la imagen que se quiere mostrar es demasiado grande para el fondo del elemento, solamente se muestra la parte de imagen comprendida en el tamaño del elemento. Si la imagen es más pequeña que el elemento, CSS la repite horizontal y verticalmente hasta llenar el fondo del elemento.
Este comportamiento es útil para establecer un fondo complejo a una página web entera. El siguiente ejemplo utiliza una imagen muy pequeña para establecer un fondo complejo a toda una página:
Imagen original
Imagen original utilizada para el fondo de la página
Figura 4.18 Imagen original utilizada para el fondo de la página
Reglas CSS
body {
  background-image:url(imagenes/fondo.gif);
}
Resultado
Página con una imagen de fondo
Figura 4.19 Página con una imagen de fondo
Con una imagen muy pequeña (y que por tanto, se puede descargar en muy poco tiempo) se consigue cubrir completamente el fondo de la página, con lo que se consigue un gran ahorro de ancho de banda.
En ocasiones, no es conveniente que la imagen de fondo se repita horizontal y verticalmente. Para ello, CSS introduce la propiedad background-repeat que permite controlar la forma de repetición de las imágenes de fondo.
Propiedad background-repeat
Valores repeat | repeat-x | repeat-y | no-repeat | inherit
Se aplica a Todos los elementos
Valor inicial repeat
Descripción Controla la forma en la que se repiten las imágenes de fondo
El valor repeat indica que la imagen se debe repetir en todas direcciones y por tanto, es el comportamiento por defecto. El valor no-repeat muestra una sola vez la imagen y no se repite en ninguna dirección. El valor repeat-x repite la imagen sólo horizontalmente y el valor repeat-y repite la imagen solamente de forma vertical.

miércoles, 15 de febrero de 2017

UNINADES DE MEDIDA CSS

sAntes de comenzar a utilizar propiedades que utilicen medidas, como por ejemplo width (que sirve para establecer un ancho a un elemento concreto), es conveniente conocer los tipos de unidades que pueden utilizarse en CSS para indicar medidas. Existen varios tipos de unidades, vamos a desglosarlas en grupos y explicar cada una de ellas.

Unidades absolutas

Las unidades absolutas son un tipo de medida fija (no cambia nunca). Son ideales para medios no variables como pueden ser los medios impresos, por ejemplo, pero son poco flexibles y no son útiles para conseguir adaptarse a diferentes resoluciones o pantallas, que es lo que tendemos a hacer en la web. Las diferentes unidades absolutas que pueden utilizarse en CSS son las siguientes:

Unidad

Significado Medida aproximada
in Pulgadas 1in = 25.4mm
cm Centímetros 1cm = 10mm
pc Picas 1pc = 4.23mm
mm Milímetros 1mm = 1mm
pt Puntos 1pt = 0.35mm

 Unidad

Significado Medida aproximada
em «M» 1em = tamaño fuente
ex «X» (~0.5em) 1ex = ~tamaño fuente/2
rem «root M» 1rem = tamaño fuente general
ch «zero width» 1ch = ancho del cero
px Píxel 1px = 1 píxel
% Porcentaje Relativa a herencia


La unidad em se utiliza para hacer referencia al tamaño actual de la fuente del elemento en cuestión. Así, una cantidad de 1em sería el tamaño actual de la fuente exactamente, y una cantidad de 2em sería justo el doble. Por otro lado, 1ex es aproximadamente la mitad del tamaño de la fuente.