MiHost.eu Hosting y Tutoriales http://mihost.eu Hosting Gratis, Tutoriales y mucho más Thu, 20 Jan 2011 19:11:44 +0000 en hourly 1 http://wordpress.org/?v= Mihosthttp://feedburner.google.com W3C publica el logo HTML5 y su simbología http://feedproxy.google.com/~r/Mihost/~3/4ZE_ubGaOak/w3c-publica-el-logo-html5-y-su-simbologia.php http://mihost.eu/w3c-publica-el-logo-html5-y-su-simbologia.php#comments Thu, 20 Jan 2011 18:57:04 +0000 Angel http://mihost.eu/?p=151 Desde hace un par de días el organismo que recomienda los estándares webs ha hecho público la imagen con el que podremos identificar las webs que están hechas mediante la tecnología HTML5.

Además, junto a este logo también se han publicado un conjunto de simbolos en que podemos saber que propiedades se cumple sobre esta tecnología:

Semántica: continene un conjunto más ricos de etiquetas, junto al RDFa, microdatos, y microformatos que permiten una mayor utilidad.

Fuera de línea y almacenamiento: las aplicaciones empiezan más rápido, incluso si no se dispone de conexión a Internet gracias a la aplicación caché, almacenamiento local, bases de datos indexadas y los archivos APIs.

Acceso de dispositivos: mediante la geolocalización el HTML5 se necesita de las aplicaciones para acceder a dispositivos sin el navegador y conectar con tu ordenador.

Conectividad: conectividad más eficiente para por ejemplo tener un chat con el mejor tiempo real, jugar a juegos más rápidos y tener una mejor comunicación. La comunicación entre el cliente y servidor es más eficiente.

Multimedia.

Gráficos y efectos 3D: basado en tecnologías SVG, Canvas, WebGL y CSS3.

Integración y rendimiento: más variedad de tecnologías como WebWorkers y XMLHttpRequest 2.

CSS3: aplicación web que tiene esta tecnología integrada y que incluye WOFF para proporcionar más flexibilidad con las tipografías.

Más info: W3C HTML5

]]> http://mihost.eu/w3c-publica-el-logo-html5-y-su-simbologia.php/feed 0 http://mihost.eu/w3c-publica-el-logo-html5-y-su-simbologia.php Bases HTML e introducción CSS http://feedproxy.google.com/~r/Mihost/~3/u4JZu2Ciycc/bases-html-e-introduccion-css.php http://mihost.eu/bases-html-e-introduccion-css.php#comments Mon, 10 Jan 2011 18:38:16 +0000 Angel http://mihost.eu/?p=143 Si habéis decidido contratar nuestro hosting es porque seguramente tengas conocimientos básicos de HTML/CSS o se te den mejor los Gestores de contenido. Aún así, si estás interesado en este mundo podíamos decirte que lo más básico de esto es el lenguaje HTML que caracterizaron las páginas de los finales de los 90/principios de los 2000. Después llegaron los CSS que nos ayudaron a simplificar los códigos utilizando menos líneas y tener mejor organización.

En la red existen muchos tutoriales que te cuentan todo sobre el código HTML, así que nosotros solo nos limitamos a decirte lo básico e ir paso a paso con CSS. La combinación de estos lenguajes puede ser muy buena y no tiene porque envidiar a los Gestores de Contenido.

Todo fichero HTML tiene una extensión .html como es lógico. Esto se puede manipular desde cualquier editor simple de texto, así que dentro de este fichero tiene que tener esta estructura:

<HTML>
<HEAD><TITLE></TITLE></HEAD>
<BODY>
</BODY>
</HTML>

En resumidas cuentas esta es la estructura más básica que puede tener un HTML: cabecera y pié de página del lenguaje, cabecera del documento, un título dentro de esa cabecera y el cuerpo de la página. Veamos un ejemplo de esta estructura con unos contenidos:

<HTML>
<HEAD><link scr="./estilo.css" rel="stylesheet" type="text/css"><TITLE>Mi primera página web</TITLE></HEAD>
<BODY>
<h1>Bienvenidos a mi primera página web!</h1>
<p>Una pequeña descripción de mi página</p>
</BODY>
</HTML>

Dentro de la cabecera he enlazado un documento CSS en el que el navegador interpretará los estilos que aplico a la página. Un título que aparecerá en los navegadores. Dentro del cuerpo un encabezado y un párrafo.

Un detalle que se me ha olvidado mencionar que cada elemento que contenga <…> se denomina etiqueta y que al abrir la etiqueta se tiene que cerrar. También es importante tener en cuenta tu propia organización: no abras una etiqueta si antes no has cerrado y revisa el documento por si olvidaste colocar alguna etiqueta.

A continuación unas etiquetas básicas del lenguaje HTML:

  • <h1>…<h6>: encabezados. Mientras el h1 pertenece al encabezado de mayor tamaño el h6 es el más pequeño.
  • <p>: párrafo de texto.
  • <br>: salto de línea. En HTML no están permitidos los dobles espacios ni las tabulaciones.
  • <hr>: línea en horizontal.
  • <strong> ó <b>: texto en negrita.
  • <i>: texto en cursiva.
  • <u>: texto en subrallado.
  • <a>: enlace. Tanto de texto como de imágenes. <a href=”./img/hola.jpeg”>. Tanto internos como externos.
  • <img>: imagen. <img src=”./img/imagen.gif”>
  • <table>: tabla. Para definir las filas se utiliza <tr>, mientras que las celdas se colocan <td>.

CSS

Como os dije antes este lenguaje estaba hecho para simplificarte en el lenguaje HTML. ¿Te imaginarías escribir todo eso?

<BODY>
<P>
<font family="arial" color="blue" size="12px">Este es un texto de prueba</font>
<P>
</BODY>

Este caso no es tan drástico, porque en la etiqueta de la fuente he añadido tres propiedades, pero con CSS no haría falta añadir ninguna propiedad en la mayoría de los casos. En estos casos tenemos que interactuar tanto con nuestro documento HTML con nuestro documento CSS. Resumidamente os podemos decir que para empezar en la cabecera se tiene que colocar:

<link scr="./estilo.css" rel="stylesheet" type="text/css">

Con esto decimos que los estilos que queremos utilizar en la página se encuentra en estilos.css. Ahora tenemos que definir las zonas en el que queremos definir los estilos que queremos. Hay dos formas, una utilizando la etiqueta <P> en el documento HTML:

<P CLASS="estiloparrafo">Texto de prueba</P>

Mientras en el CSS:

p.estiloparrafo
{
(estilo que aplicaremos)
}


O podemos hacerlo mediante la etiqueta <DIV> del HTML:

<DIV ID="estilodiv">Texto de prueba</DIV>

En el CSS:

#estilodiv
{
(estilo que aplicaremos)
}

Por último comentar que en el caso de que necesitamos que cierto elemento HTML tenga cierto estilo en el 100% de las veces utilizamos este esquema en el dicumento CSS. El siguiente caso es para que aplique los estilos en el cuerpo de la página:

.body
{
(estilo que aplicaremos)
}

]]> http://mihost.eu/bases-html-e-introduccion-css.php/feed 0 http://mihost.eu/bases-html-e-introduccion-css.php Tipos de amenazas en la red http://feedproxy.google.com/~r/Mihost/~3/r2iSO4Xyb1w/tipos-de-amenazas-en-la-red.php http://mihost.eu/tipos-de-amenazas-en-la-red.php#comments Thu, 23 Sep 2010 15:17:06 +0000 Angel http://mihost.eu/?p=141 En este artículo nos vamos a referir sobre personas que amenazan la red comprometiendo la seguridad que podemos tener. En la actualidad existen mas tipos de personas que el Hacker del que muchas personas estamos acostumbradas a oír. Os lo vamos a clasificar de las siguientes formas:

  • Hacker: experto informático, interesado por las vulnerabilidades informáticas. Generalmente son personas que lo hacen sin ánimo de lucro y lo hacen para superarse a sí mismo. Entra en los sistemas para modificar contenido y no suele saberse la identidad del causante porque no lo confiesa a los demás.
  • Cracker: experto informático con carácter malicioso y dañino que suele entrar en los sistemas para dañarlos. La diferencia con el hacker simplemente es que estos solo entran para curiosear mientras que los crackers lo hacen para fastidiar.
  • Lammer: jóvenes que se vanagloran por atacar un sistema. No suelen tardar demasiado tiempo sin que las fuerzas de la seguridad sean capaces de identificarlos porque los lammers anuncian a bombo y platillo su proeza por la red.
  • Sniffer: persona que captura las tramas de la red. En la actualidad estas personas pueden ser perféctamente sustituibles por las auditorías de red por lo tanto el nivel de conocimiento suele ser inferior que el de un hacker o cracker.
  • Newbie: “hacker” novato. ¿Quieres aprender a entrar en el sistema de cualquiera? Sería esa persona que intenta ser un hacker sin apenas conocimientos y se basan en los conocimientos de la red. Descargan cualquier software que asegura ser perjudicial para la víctima y las consecuencias pueden ser el dañar el sistema propio del delincuente y el de su entorno sin apenas saber nada de lo que ha estado haciendo.
]]> http://mihost.eu/tipos-de-amenazas-en-la-red.php/feed 2 http://mihost.eu/tipos-de-amenazas-en-la-red.php Motivos en Photoshop: introducción http://feedproxy.google.com/~r/Mihost/~3/6qb5gtm_uDw/motivos-en-photoshop-introduccion.php http://mihost.eu/motivos-en-photoshop-introduccion.php#comments Fri, 28 May 2010 17:00:42 +0000 Angel http://mihost.eu/?p=134 Videotutorial en el que en unos cuantos casos podemos aprender a utilizar esta técnica. Esta técnica es interesante si necesitamos colocar una imagen repetidamente y que estén bien alineados unos entre otros. Próximamente se hará otro tutorial extendiendo esta propiedad:

]]> http://mihost.eu/motivos-en-photoshop-introduccion.php/feed 0 http://mihost.eu/motivos-en-photoshop-introduccion.php ¿Qué trae el reciente Ubuntu 10.04? http://feedproxy.google.com/~r/Mihost/~3/CW4wmoD9DCk/%c2%bfque-trae-el-reciente-ubuntu-10-04.php http://mihost.eu/%c2%bfque-trae-el-reciente-ubuntu-10-04.php#comments Sun, 02 May 2010 11:00:34 +0000 Angel http://mihost.eu/?p=125

Desde hace unos cuantos días se ha lanzado una nueva versión de la distribución más conocida de los Linux: Ubuntu 10.04, que por su nombre en clave es Lucid Lynx. Trae unas cuantas nuevas características, como:

  • Tiempo de arranque menor.
  • Gráficos mejorados: lo que puede llamar más la atención son los botones superiores que han cambiado de orientación respecto a otras ediciones colocándolo en el lado izquierdo, claro que como muy buen Linux esto puede ser totalmente personalizable y volverle a colocar en el lugar de origen. Otro de los cambios significativos es su aspecto gráfico: la apariencia. Abandona los tonos café para renovar con colores púrpuras, naranjas y oscuros lo que le da un aspecto más fresco, atractivo, y por qué no, glamuroso. Y esta última anotación, aunque no tenga que ver claramente con los gráficos: incorpora 4 escritorios virtuales por defecto cuando en las anteriores solo contaba con 2. Quizás este aspecto pasará mas desapercibido para lo usuarios noveles de Linux ya que seguramente este concepto les sea desconocido.

¿Quieres saber más sobre Ubuntu 10.04? ¡Tras el salto!

  • Ubuntu Music Store: con esto y que por primera vez habrá soporte para el iPhone/iPod Touch para el 10.04 me está pareciendo una iTunes Store pero a lo Linux y mucho más ligero. Para empezar su entorno es muy simple, aunque en su tienda incluye artistas como Daft Punk, Bob Marley, Oasis, … Seguramente esta tienda virtual vaya cogiendo más color en cuanto vaya teniendo una recopilación más completa o se le ocurran vender otros contenidos ¿me estoy confundiendo con la iTunes Store?

  • Incorpora su propio editor de videos: se llama Pitivi y le pasa lo mismo que con la Ubuntu Music Store: es tan simple que en este caso echamos de menos las transiciones y otros recursos que en cualquier otro software de video los pudiese incorporar sin problemas. Me ha dejado con un mal sabor de boca al intentar hacer sus pruebas: no tiene muchas funcionalidades, parece como si estubieses editando sonido pero con imágenes.

  • Integración con las redes sociales: un gran acierto para los tiempos que corren en internet. Viene de serie con una lista de los principales redes sociales como Flickr, FaceBook, Twitter, Digg it, … Principalmente está hecho para que tuitees pero también y sobre todo es para que veas los estados de ánimo que van dejando tus contactos en cada uno de los servicios.

En definitiva: la nueva versión de Ubuntu es para tenerlo muy en cuenta y empezar a replantearnos si tenemos que seguir en sistemas operativos como Windows. Y tras este lanzamiento ya existen fechas para la siguiente versión que será la 10.10 llamada Maverik Meerkat y se supone que para el día 28 de octubre de este mismo año ya nos podremos actualizar.

]]> http://mihost.eu/%c2%bfque-trae-el-reciente-ubuntu-10-04.php/feed 0 http://mihost.eu/%c2%bfque-trae-el-reciente-ubuntu-10-04.php ¿Qué traerá la nueva versión de Android? http://feedproxy.google.com/~r/Mihost/~3/R_fUDT8_C7c/%c2%bfque-traera-la-nueva-version-de-android.php http://mihost.eu/%c2%bfque-traera-la-nueva-version-de-android.php#comments Sat, 24 Apr 2010 15:02:55 +0000 Angel http://mihost.eu/?p=120

Si hace un par de semanas explicamos las mejoras que Apple recibirá en los próximos meses con su nueva versión 4.0, lo más justo es hacer otra entrada hablando de Android que su lanzamiento es muy próximo: el día 30 de abril. Las mejoras que presentan quizás son algo menos llamativas que en la marca de la manzana ya que esas características que mencioné ya estaban integrados en su día:

  • Soporte para Flash 10.1: esta versión de Flash que está en fase beta aún será compatible con Android. Nos sacará de algún apuro para ver vídeos o elementos que esté construidos bajo esta plataforma pero no es recomendable para juegos debido a su poca fluidez.
  • Obtimización de la memoria RAM: y como consecuencia menor consumo de ella y mejoras en el núcleo de Linux.
  • Botón que permite actualizar las aplicaciones seleccionadas automáticamente desde el market.
  • Compatibilidad con las redes WiFi N.

Estas y otras características estarán listas en primer lugar para el Nexus One de Google y para Motorolo Milestone, el resto de terminales con este SO se irán actualizando según pase el tiempo. Y por último para ternar, una anécdota: esta versión de Android tiene un nombre en clave, que se llama Froyo. Este nombre viene de la fusión de las palabras inglesas Frozen Yougurt (Yogur congelado literalmente o helado de yogurt).

Vía: El Android Libre

]]> http://mihost.eu/%c2%bfque-traera-la-nueva-version-de-android.php/feed 0 http://mihost.eu/%c2%bfque-traera-la-nueva-version-de-android.php CMS: ¿De verdad que WordPress lo tienes listo en 5 minutos? http://feedproxy.google.com/~r/Mihost/~3/gX-MnQ_KEvU/cms-%c2%bfde-verdad-que-wordpress-lo-tienes-listo-en-5-minutos.php http://mihost.eu/cms-%c2%bfde-verdad-que-wordpress-lo-tienes-listo-en-5-minutos.php#comments Wed, 21 Apr 2010 17:00:14 +0000 Angel http://mihost.eu/?p=117

Download & Install WordPress with our famous 5-minute installation.

Esta es una frase que nos podemos encontrar en su web al descargarnos su aplicación. En tan solo 5 minutos tendrás todo listo: descargar, configurar el wp-config-sample.php, subirlo por FTP, y por último,  completar la instalación introduciendo tu correo electrónico. He omitido los dos primeros pasos para hacerlo más fácil, pero aún así a sido dificil llegar a esa marca con los 6Mb de Telefónica (unos de los ISP mayoritarios de España).

WordPress, es fácil de instalarlo y rápido. Pero dejemos esa mención como una frase hecha.

PD: disculparme por este screencast chapucero.

]]> http://mihost.eu/cms-%c2%bfde-verdad-que-wordpress-lo-tienes-listo-en-5-minutos.php/feed 0 http://mihost.eu/cms-%c2%bfde-verdad-que-wordpress-lo-tienes-listo-en-5-minutos.php Cambiar la perspectiva de una imagen http://feedproxy.google.com/~r/Mihost/~3/YwzTf8voSqM/cambiar-la-perspectiva-de-una-imagen.php http://mihost.eu/cambiar-la-perspectiva-de-una-imagen.php#comments Sat, 17 Apr 2010 17:43:56 +0000 Angel http://mihost.eu/?p=115 Videocast en el que os mostramos mediante la herramienta Distorsionar la forma de cambiar la perspectiva de una imagen como la deseemos:

]]> http://mihost.eu/cambiar-la-perspectiva-de-una-imagen.php/feed 2 http://mihost.eu/cambiar-la-perspectiva-de-una-imagen.php ¿Cómo buscar correctamente en Google? http://feedproxy.google.com/~r/Mihost/~3/3XkYNyiXoc4/%c2%bfcomo-buscar-correctamente-en-google.php http://mihost.eu/%c2%bfcomo-buscar-correctamente-en-google.php#comments Wed, 14 Apr 2010 15:06:36 +0000 Arturo http://mihost.eu/?p=113 A algunos les sonará a chiste, el título del post, pero voy a nombrar una serie de “funciones” que nos ofrece el buscador, para obtener mayor relevancia en los resultados.

  • Usar las comillas “texto a buscar”, nos busca exactamente el contenido de dentro de las comillas sin separar palabras. Muy bueno para buscar a gente. ejemplo: Juan “Apellido 1 Apellido2″.
  • Conversor de monedas: Para convertir de euros a dolares, basta con escribir: 5EUR IN USD
  • Utilizar site: para buscar solo contenidos de una página, por ejemplo, para buscar contenido de este blog, introduciríamos lo siguiente: site:mihost.eu
  • A modo calculadora: Google también tiene función de calculadora, basta con escribir la operación, ejemplo: 698 * 7
  • La caché: si alguna vez queremos visitar un sitio que momentaneamente no está disponible puedes visitar su caché escribiendo: cache:pagina.com, ejemplo de este blog: cache:mihost.eu
  • Buscar archivos concretos: Con la función filetype:extensión. Ejemplo, para buscar música de el artista pepe, buscaríamos: la canción de pepe filetype:mp3

Espero que a más de uno le ayude!

]]> http://mihost.eu/%c2%bfcomo-buscar-correctamente-en-google.php/feed 1 http://mihost.eu/%c2%bfcomo-buscar-correctamente-en-google.php ¿Cómo se construye un superordenador? VIDEO http://feedproxy.google.com/~r/Mihost/~3/YaNBWPfic14/%c2%bfcomo-se-construye-un-superordenador-video.php http://mihost.eu/%c2%bfcomo-se-construye-un-superordenador-video.php#comments Mon, 12 Apr 2010 15:43:33 +0000 Arturo http://mihost.eu/?p=111 Genial video en el que vemos como construyen el superordenador jaguar.

]]> http://mihost.eu/%c2%bfcomo-se-construye-un-superordenador-video.php/feed 0 http://mihost.eu/%c2%bfcomo-se-construye-un-superordenador-video.php