Blog dedicado al análisis de componentes microinformáticos, las nuevas tecnologías, informática en general, programación, ofimática...

viernes, 9 de febrero de 2018

XHTML de cero. Unidad 4 - Estructura de una página HTML

Tutorial XHTML


Vamos a ver en esta cuarta unidad la estructura básica de una página HTML.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
</head>

<body>
</body>
</html>

Veamos para que sirve cada una de estas etiquetas básicas:

<!doctype html> Se utiliza para decirle al navegador en que versión de HTML está diseñada la página web.

<html> Es la raíz de un documento HTML. A partir de esta etiqueta se escriben todas las demás.

<head> En esta etiqueta se anidan etiquetas con información que no se muestra directamente en la página. Aquí podemos poner scripts, estilos, etiquetas meta, el título de la página, el idioma, el autor y muchas cosas más que iremos viendo.

<meta charset="utf-8"> Esta etiqueta muestra al navegador la codificación de caracteres utilizada en la página, antes de empezar a procesar nada.
Hay que destacar que esta etiqueta no es obligatoria, pero es imprescindible para evitar una visualización incorrecta de la página, como por ejemplo los acentos.

<title> Este es el título de la página, aparece en la parte superior del navegador, en la barra de título.
Title en una pestaña
Title en una pestaña
<body> Es el cuerpo de la página, aquí aparece todo lo que puedes ver en la página.

Con estas simples etiquetas, ya sabes todo lo necesario para empezar a crear una sencilla página web.
En la siguiente unidad vas a aprender el uso de bastantes etiquetas, con lo que ya tendrás muchos más recursos para poder ser un buen diseñador web.
Share:

miércoles, 7 de febrero de 2018

XHTML de cero. Unidad 3 - Etiquetas anidadas

Tutorial XHTML

HTML 5Unidad 3 - Etiquetas anidadas


Las etiquetas se pueden anidar unas dentro de otras, un buen ejemplo que veréis a diario cuando estéis escribiendo código, es la etiqueta "div", dicha etiqueta sirve para contener otras dentro. Veamos un ejemplo:

<head>
<meta charset="utf-8">
<title>Ejemplo de etiquetas anidadas</title>
</head>
<body>
<div style="text-align: center;">
<p>Texto centrado</p>
</div>
<div style="
text-align: left;">
<p>Texto alineado a la izquierda</p>
</div>
<div 
style="text-align: right;">
<p>Texto alineado a la derecha</p>
</div>
</body>



Cómo puedes ver, tenemos para empezar, las etiquetas "meta" y "title" anidadas dentro de "head". Después tenemos los "divs" anidados dentro del "body" y a su vez, tenemos párrafos anidados dentro de los "divs".

Para terminar esta tercera unidad, veamos el correcto orden de apertura y cierre de las etiquetas al anidarlas.

<p>Aquí tenemos un texto normal <span style="color: red;"> y aquí se vuelve rojo.</span>Aquí vuelve a ser normal.</p>

Si cargamos esto en el navegador, aparecerá de esta forma:

Aquí tenemos un texto normal y aquí se vuelve rojo.Aquí vuelve a ser normal.

Si en lugar del anterior código, lo hicieramos así, por ejemplo, estaría mal:

<p>Aquí tenemos un texto normal <span style="color: red;"> y aquí se vuelve rojo.Aquí vuelve a ser normal.</p></span>

Este código, en el navegador se vería así:
Aquí tenemos un texto normal y aquí se vuelve rojo.Aquí vuelve a ser normal.

Aún escribiendo el código mal, el span funciona, pero no estaríamos cumpliendo los estándares del HTML.
Es importante que sepas ya desde el principio, que etiqueta que se abre, si anida otras dentro, se cierra la última.
En el ejemplo, la etiqueta "p" anida la etiqueta "span", por lo que se cierra por último la etiqueta "p".

Cualquier duda que tengas hasta ahora, es importante que me la pongas en los comentarios, te ayudaré a resolverla.



Share:

XHTML de cero. Unidad 2 - Etiquetas HTML - Sintaxis

Tutorial XHTML

Unidad 2 - Etiquetas HTML - Sintaxis


En este curso estamos hablando de HTML 5, el cuál ya cuenta con más de 100 elementos etiquetas.
En esta unidad, te explico los tipos de etiquetas HTML que existen.

2.1- Tipos de etiquetas HTML

Tenemos dos tipos de etiquetas HTML, están las que cuentan con apertura y cierre y las etiquetas de solo apertura. Veamos un ejemplo de cada tipo.

2.1.1- Etiquetas de apertura y de cierre

<p>Esto es un párrafo.</p>

Cómo puedes ver, la etiqueta <p> (apertura) necesita un cierre </p>.

2.1.2 - Etiquetas de solo apertura

<img src="img/nombre-foto.jpg">

"img" es un buen ejemplo de este tipo de etiqueta, ya que no tiene cierre.


Share:

lunes, 29 de enero de 2018

¡Todas las videoconsolas de Nintendo de la historia!

¡Todas las videoconsolas de Nintendo de la historia! Parte 1

Cartas Nintendo
Nintendo se fundó en el 1889 aunque parezca mentira, no se dedicaba a los videojuegos, en su lugar fabricaban cartas para jugar.


Game & Watch 1989

Aquí tenemos la primera serie de consolas de Nintendo, y para sorpresa de todos, eran portátiles.
Nintendo Game & Watch


Nintendo Game & Watch
Partes de la Game & Watch
Versiones de Game & Watch

Se trata de una línea de 59 consolas con ligeras variaciones.

No disponían de cartuchos. Tenían un único juego instalado en su placa.
Los colores eran en blanco y negro principalmente y algunos pocos colores.
En el fondo esta consola es una calculadora que ejecuta acciones sobre la imagen. Sus controles hacen que el
personaje o la herramienta que se ve en la pantalla LCD, cambie y hagan la ilusión de que se mueva. Por este motivo, cada consola solo podía tener un juego.

En total se vendieron aproximadamente 40.000.000 de unidades, una cantidad increíble.

El juego más vendido fue Donkey Kong.

Como antes he dicho, había 59 consolas diferentes de este tipo, no las voy a poner porque se alargaría demasiado este post.
Share:

jueves, 25 de enero de 2018

Codigo de error 0x80004005 en VirtualBox RESUELTO

Codigo de error 0x80004005 en VirtualBox RESUELTO

Hoy al intentar ejecutar una de mis máquinas virtuales en VirtualBox, me he encontrado con un serio problema. La máquina daba un error (0x80004005).
Dicho error decía fallo al abrir una sesión para la máquina virtual:

error 0x80004005 VirtualBox
Error 0x80004005 VirtualBox

He realizado varias acciones. Detener el antivirus, ejecutar como administrador, etc... 
Nada funcionaba.
Finalmente lo más sencillo me ha dado la solución. Actualizar el programa.
Si tienes la última versión, yo lo que haría, sería desinstalar VirtualBox sin borrar las máquinas y probar la misma versión o una anterior.
Si tienes el mismo problema y no se te soluciona con estas indicaciones, deja un comentario para que pueda ayudarte.
Share:

miércoles, 17 de enero de 2018

Cómo subir fotos a Instagram desde el PC con Chrome

Cómo subir fotos a Instagram desde el PC

Si has llegado aquí seguramente ya sabes que la versión para ordenador de Instagram deja mucho que desear.

Esta versión no dispone de un método de subida de fotos, lo cual llega a ser bastante frustrante.

¿Porqué?
Instagram tiene por objetivo compartir fotos desde dispositivos móviles, lo cuál me parece una tontería, ¿quién no ha pasado una foto desde el el PC al móvil para subirla a Instagram?

Además las versiones para PC, ya sea la de la tienda Microsoft o desde el navegador no están a la altura de la aplicación.

Cómo subir fotos a Instagram en el ordenador

Este método no está implementado por Instagram y deberemos utilizar un navegador, en mi caso voy a hacerlo con Chrome.

Primero entra en tu cuenta de Instagram. Al entrar, no está la parte de abajo que nos permite subir fotos.
Instagram desde el PC

El truco es muy simple, pulsa F12 para que Chrome abra el panel para desarrollo web. 

Instagram desde el PC Chrome

Ahora haz click en este icono:

Instagram desde el PC Chrome


Listo, por arte de magia ya tenemos "derecho" para poder subir fotos desde el ordenador
 
Instagram desde el PC Chrome
Share:

martes, 16 de enero de 2018

Opera Neon, el futuro de Internet

Navegador Opera Neon, el futuro de Internet

¿Os acordáis de Opera? Muchos de vosotros seguro que lo seguís utilizando y no lanzo la pregunta de modo que quiera infravalorar al navegador. Desde que Chrome ganó la partida, la tendencia ha sido utilizarlo siempre pese a tener buenas opciones como Firefox y no, no entraré en el trapo con Microsoft Edge.

Bien, vayamos al grano. Los desarrolladores de Opera están desarrollando un navegador que en un futuro cercano podría pasar a ser el sustituto de Opera y ojo, de todos los demás.

Opera Neon
Opera Neon
Se trata de las expectativas que está dando el nuevo navegador en fase de pruebas Opera Neon.

En un principio se quiere utilizar este navegador para poder probar nuevas ideas e implementarlas al propio Opera, pero quien sabe si finalmente acabará por reemplazarlo.


Análisis rápido

Como punto de partida, tenemos un navegador limpio y minimalista.

He podido comprobar que es muy rápido, que consume muy poca CPU y memoria RAM. 

La verdad que se ve muy simple, y su aspecto gráfico de momento deja mucho que desear, aunque no se puede tener todo.

En su interfaz gráfica nos encontramos con un simple navegador que toma como fondo el fondo de escritorio.

En el centro tenemos una barra para URL o búsqueda directa y debajo de esta hay unas bolitas con nuestras páginas favoritas, que la verdad es que no quedan nada bien, se ve desordenado.

En el lateral izquierdo tenemos de momento 6 iconos para abrir nuevas pestañas, capturar la pantalla, reproducir vídeos, una galería de fotos, un gestor de descargas, opciones, etc.

En el lateral derecho tenemos las pestañas abiertas.

Algo que si me gusta en su diseño es que las ventanas se abren como en un nuevo sistema operativo, es decir, no están ancladas al propio navegador.
De su diseño también cabe destacar los bordes redondeados de las ventanas, que le dan un toque moderno.

Y esto es todo, por el momento habrá que esperar pacientemente a ver que deparará el futuro para este interesante navegador. 

Opera Neon – the future desktop browser. BROWSER FOR COMPUTER OPERA




Share:

Kingston supera la barrera del almacenamiento con un pendrive de 2 TB

Kingston supera la barrera del almacenamiento con un pendrive de 2 TB

Si, parece que ya no hay un límite establecido, y pensar que hace unos años se usaban pendrives de unos pocos MB.

Kingston se ha superado a lo grande y a sacado esta serie de pendrives de 1 y 2 TB con USB 3.1 de hasta 5 Gbps con los que la marca afirma que este pendrive es capaz de leer a 250 MB/s y escribir a 300 MB/s, los cuales buscando tests de velocidad de esta bestia por la red, he podido ver que en ocasiones es capaz de incluso superar estas cifras.

DataTraveler Kingston 2 TB
DataTraveler Ultimate GT Kingston de 1 y 2 TB
Se trata del DataTraverler Ultimate GT, una maravilla pensada para grandes archivos de producción como las tomas de vídeo RAW en 4K u 8K, así como películas en grandes resoluciones y cualquier tipo de archivos de gran volumen.

Haciendo cálculos, podrías almacenar de media más de 250.000 fotos de 24MP, más de 4.000 minutos de vídeo 4K a 30 fps, más de medio millón de canciones o unos 100 videojuegos de última generación.

Después de ver todo lo bueno ahora toca agarrarse a la silla, porque su precio es de casi 1.600 euros y casi 1.000 el de 1 TB.

Ya sabemos que en lo que a tecnología se refiere, las innovaciones siempre cuestan caras al principio, después simplemente la competencia saca algo mejor y el precio cae en picado. Este es el pan de cada día de este competitivo sector.


2 Terabyte Flash Drive, USB 3.1 - Kingston DT Ultimate GT

Share:

domingo, 14 de enero de 2018

Presentamos las novedades de Windows 10 REDSTONE 4

WINDOWS 10 REDSTONE 4: NOVEDADES 2018

Windows 10 no ha parado de estar en constante desarrollo desde que empezó a diseñarse, y se han implementado numerosas actualizaciones desde su lanzamiento.

Windows 10 Redstone 4 o Fall Creators Edition es el nombre de la primera gran actualización de Windows 10 que podríamos quizás comparar con los Service Packs de Windows.
La actualización está disponible desde el 17 de octubre del 2017, pero irá llegando poco a poco a nuestros equipos.

Vamos a ver cuales serán algunas de las novedades de esta grandiosa actualización.

Microsoft EdgeMejoras en Microsoft Edge

  • Edge tendrá la función autocompletar.
  • Podrás guardar y leer libros epub.
  • Se mejora la interfaz de usuario.
  • Service Workers funcionará en Edge.
  • Se podrá silenciar el audio de una pestaña.


Mejoras en Cortana

  • Cortana podrá decirnos donde dejamos de usar una aplicación para poder retomar la actividad en el mismo punto.
  • El contenido de Cortana aparecerá en el Centro de Actividades.
  • Podremos crear listas para sincronizarlas entre dispositivos.
  • El menú hamburguesa ahora permite ver la imagen de perfil del usuario.
  • Veremos en los Notebook una nueva interfaz de Cortana.


Cambios en el panel de configuración de Windows 10

  • Podremos administrar qué datos se almacenan en Timeline.
  • Con un monitor HDR podremos calibrar el brillo.
  • Ahora tendremos notificaciones de Windows Update avisándonos de que tenemos actualizaciones pendientes.
  • Hay categorías reorganizadas.
  • Habrá añadido efectos Reveal y Acrylic blur.
  • Podemos personalizar la cantidad de contactos que se pueden vincular a la barra de tareas con un máximo de 10.
  • Se podrán recuperar cuentas de usuario desde la pantalla de bloqueo.
  • Ahora los paquetes de idiomas se podrán descargar desde la tienda de aplicaciones de Microsoft.
  • Se podrán establecer las aplicaciones del Menú Inicio en Configuración.
  • Se han añadido más elementos del panel de control al panel de configuración.
  • Habrá una nueva sección para teclados en el panel de configuración.
  • Podremos establecer los parámetros de sonido.
  • Las actualizaciones ya no nos fastidiarán ocupando todo el ancho de banda en el peor momento (¿es buen momento alguna vez?), ahora se podrá decidor cuanto ancho de banda le dejamos a Windows Update.


Mejoras Generales

  • Podremos compartir contenido entre dispositivos gracias a Near Share.
  • Nuevos efectos gráficos con la nueva interfaz Fluent Design que ha suavizado los efectos de la interfaz de usuario. El menú Inicio incluye varios nuevos efectos además de un diseño novedoso.
  • Notificaciones del Centro de Actividades con efectos de Fluent Design.
  • La sección de ajustes de accesibilidad, ha sido rediseñada y agrupada en un único sitio.
  • El menú Inicio ahora tiene efectos "reveal" de Fluent Design en Tiles y en la lista de aplicaciones.
  • Añadidos nuevos efectos de Fluent Design al calendario.
  • Gracias a la nueva versión de Windows podremos disponer de una optimización del sistema más fácil gracias al panel de configuración, en el cual se nos da la opción de controlar que apps universales se inician con Windows. Además podrás disponer de información sobre las tareas que se ejecutan en el inicio de Windows.
  • Ahora, en Redstone 4 se añade un nuevo panel a la configuración que nos permite controlar que apps universales inician con Windows, además de que podremos ver detalles sobre todas las tareas que se ejecutan con el sistema cuando arranca.
  • Los contactos vinculados a la barra de tareas ahora se muestran en una lista.
  • La barra de tareas ahora presenta el efecto de desenfoque acrílico.
  • para los dispositivos táctiles podrás usar un gesto de deslizamiento de dos dedos para cerrar todas las notificaciones en el "Centro de actividades".
  • Se ha cambiado la ubicación para acceder a los escritorios virtuales.
  • Los efectos de Fluent Design se desactivarán cuando se use el modo de ahorro de batería.
  • Se podrán anclar páginas web a la barra de tareas.
Estas son muchas de las nuevas mejoras que nos trae Windows 10 Redstone 4. Habrá que ser paciente y esperar a que se actualice en todos los equipos para poder disfrutar de todas estas mejoras.

Share:

jueves, 11 de enero de 2018

Fundamentos básicos de las BACKUPS o Copias de seguridad

Fundamentos básicos de las BACKUPS o Copias de seguridad

En nuestros equipos almacenamos todo tipo de información y parte de ella, si la perdemos, nunca podremos reemplazarla, así como las fotos, trabajos, etc.

Backups Copias de Seguridad
Aún siendo indispensable su uso en nuestros aparatos, hay mucha gente que o bien no las utiliza o desconoce su funcionamiento.

Podemos perder archivos de mil maneras, por culpa de un virus, un fallo de disco duro, por error...

Es por este motivo que te recomiendo si no sabes muy bien por donde empezar, que leas este artículo.

Tipos de backups

Backup Completo

Se trata de una copia de todos los datos que queramos salvar.
La ventaja está muy clara, lo tendremos todo desde el último cambio, pero como desventaja cabe indicar que cada vez que se vuelva a ejecutar de nuevo la copia, lo copiará todo, aunque no haya cambios realizados ni nuevos archivos. Esto requiere de mucho más tiempo y espacio de almacenamiento. 
Este tipo de copia permite restaurar los datos en un tiempo mínimo, lo cual si tenemos que recuperar los datos debido a una catástrofe, será más rápido.

Es por estos motivos que las copias de seguridad completas no se realizan siempre. Imagínate que tienes 100 TB a realizar una copia de seguridad, si configuras una copia diaria de los 100 TB, según el equipo con el que cuentes, ni siquiera dará a basto para llegar a tiempo para la siguiente copia.

Backups incrementales

Este tipo de backups permiten copiar solo los datos que hayan cambiado desde la última copia de seguridad.

Los backups incrementales se pueden combinar con otros métodos de backup, y no sería mala idea convinar una backup completa con posteriormente incrementales.

Ejemplo, imagínate que vas a configurar una copia de seguridad diaria con 500 archivos:

Día 1: copia de seguridad completa de los 500 archivos.
Día 2: copia de seguridad incremental 15 archivos (estos 15 archivos son los que has modificado desde la copia completa).
Día 3: copia de seguridad incremental 10 archivos (estos 10 archivos son los que has modificado desde la primera copia incremental).
Día 4: copia de seguridad incremental 12 archivos.

En estos 4 días tu copia de seguridad habrá copiado 500+15+10+12 archivos = 537 archivos copiados.

Pues ahora puedes hacerte una idea de la enorme cantidad de archivos que se hubiesen copiado siendo las 4 copias completas y no combinadas.



Backups diferenciales

Este tipo de backup es similar a los incrementales, o obstante hay una importante diferencia.


Lo primero antes de hacer el primer backup diferencial es hacer uno completo, después de ello, al hacer el backup diferencial copiará solo los archivos modificados igual que haría el backup incremental.

La diferencia es que la tercera copia, copiará los datos de la primera copia diferencial y de esta tercera.

Es mejor que vea este ejemplo para entenderlo mejor:

Día 1: copia de seguridad completa de los 500 archivos.
Día 2: copia de seguridad diferencial 15 archivos (estos 15 archivos son los que has modificado desde la copia completa).
Día 3: copia de seguridad diferencial 10 archivos + 15 del día 2.
Día 4: copia de seguridad diferencial 12 archivos + 25 del día 2 y día 3.

En estos 4 días tu copia de seguridad habrá copiado 500+15+10+15+12+10+15 archivos = 577 archivos copiados.

Para seguir aprendiendo

Si quieres ir aprendiendo más cosas, no dudes en seguir visitando mi blog y qué mejor que vayas haciendo tus prácticas con algún programa de backup y así veas con tus propios ojos los resultados. Te recomiendo programas como Iperius backup o Cobian.
Es cierto que hay muchos otros programas, pero eso queda para el gusto y las necesidades de cada uno.



Share:

martes, 9 de enero de 2018

Comandos básicos MySQL- Administración de la base de datos de cero

Comandos básicos MySQL- Administración de la base de datos de cero

Vamos a ver una serie de comandos muy útiles y necesarios a la hora de crear y administrar bases de datos MySQL desde su consola.

Para conectar con la consola hay que acceder a la ruta donde tenemos instalado MySQL.

Normalmente hay que introducir el siguiente comando:

cd c:\mysql\bin>

Puede ser que tengas instalado algún programa como Xampp, en este caso el comando sería:

cd c:\xampp\mysql\bin>

Aunque claro, todo depende de la ruta donde lo tengas tú instalado.

Después de acceder a la ruta hay que ejecutar el siguiente comando:

% mysql -h nombre_servidor -u nombre_usuario -p

Si de momento vas a trabajar con MySQL de forma local, donde nombre_servidor Pondremos -uroot y donde nombre de usuario pondremos localhost, queda de esta forma:

% mysql uroot -p -h localhost

Cuando nos pida la contraseña, hay que pulsar la tecla intro, suponiendo que la contraseña la tenéis en blanco.

Si el prompt cambia a mysql>, enhorabuena, ya has establecido la conexión con MySQL.

Para crear tu primera base de datos introduce el siguiente comando:

mysql> create database BaseDatos

Donde BaseDatos introduce el nombre que quieras para tu base de datos.

Una vez creada y cada vez que volvamos a querer usar la base de datos, hay que utilizar este comando para conectarse a la base de datos:

mysql> use BaseDatos;

También puede ser que más adelante no te acuerdes del nombre de tu base de datos, es conveniente que aprendas este comando para ver todas las bases de datos que tienes creadas:

mysql> show databases;

Para ver las tablas de la base de datos hay que introducir este comando:

mysql> show tables;

Y para ir un poco más profundo, tenemos el comando describe para ver los campos que lleva una tabla:

mysql> describe NombreTabla

Es conveniente que vayas probando todos estos comandos para comprender totalmente su funcionamiento, ya que es mejor ir adquiriendo práctica.

Crear tablas en MySQL

Para crear una tabla solo hay que introducir el siguiente comando:

mysql> CREATE TABLE NombreTabla ();

Dentro de los paréntesis introduciremos cada uno de los campos que contenga la tabla.

Ejemplo:

mysql> CREATE TABLE TablaEjemplo (ID INT NOT NULL PRIMARY KEY, Nombre VARCHAR (16) NOT NULL, apellidos VARCHAR (32) NOT NULL);

Estos atributos los veremos en posteriores artículos del blog en profundidad, ya que hay bastantes y no quiero dároslo todo de golpe.

El anterior comando crea una tabla llamada TablaEjemplo y especifica dentro de los paréntesis 3 campos, ID, Nombre y Apellidos.


Eliminar bases de datos

Para eliminar una base de datos solo tenemos que introducir el siguiente comando:

mysql> DROP DATABASE BaseDatos;

Ten en cuenta una última cosa, que cada comando se cierra con un ;. Sabiendo esto te ahorrarás muchos fallos.

Habrás visto que MySQL no es demasiado complicado, pero aún te queda muco que aprender.
Share:

sábado, 6 de enero de 2018

Aprender XHTML de cero. Sin saber nada. Unidad 1

Tutorial XHTML

Unidad 1-Introducción


Web XHTML
HTML es un lenguaje de marcas de hipertexto, diseñado para la elaboración de páginas web.


HTML es la base de toda página web, a partir del código HTML, podemos construir páginas más complejas con diferentes lenguajes de programación web.


Si estás pensando en crear una página web, es imprescindible que aprendas HTML antes de cualquier otro lenguaje de programación.


HTML son las siglas para HyperText Markup Language.
El estándar HTML está a cargo de la W3C (World Wide Web Consortium), de ahí el www.


1.1-Diferencia entre XHTML y HTML
Si has estado buscando cual de los dos estudiar, puede ser que no sepas muy bien la diferencia entre estos dos.
XHTML 1.0 incluye aproximadamente un 95% del estándar HTML 4.01, el resto son mejoras.
Por lo que aún puedes usar HTML, pero es recomendable aprender XHTML.
XHTML además de tener las funcionalidades de HTML, incluye el lenguaje de marcas XML, de ahí viene la X de su nombre.


1.2-Páginas estáticas y dinámicas
el lenguaje HTML solamente permite diseñar páginas estáticas con texto e imágenes, además de poder especificar tipos de fuentes, colores, etc.


1.3-¿Qué quiere decir páginas estáticas?
Las páginas estáticas son aquellas que no tienen interacción con el usuario, es decir, no cambian, no almacenan información.
Para que os quede más claro, una página dinámica podría ser por ejemplo un formulario de registro de usuarios, en la que un usuario introduce sus datos y la página los almacena en una base de datos.


1.4-HTML y CSS
Web CSS
CSS es un lenguaje de diseño gráfico, que permite darle un aspecto más atractivo a las páginas web.
CSS se puede implementar en las páginas HTML.
Pero, ¿qué problema tiene?
Imagínate que quieres hacer un sitio web con miles de páginas. A esas páginas les añadirás una cabecera una serie de menús, unos colores característicos, etc.
Pues bien, si implementas este código CSS en cada una de las páginas puede ser que un día quieras cambiar el diseño  de tu web y tendrás que hacerlo en cada una de las páginas.


1.5- ¿Cómo solucionamos el problema?
Implementando hojas CSS en la web, con estas hojas que aprenderemos a usar más adelante, podrás poner todos los diseños de tu web en una sola hoja de estilos CSS.


1.6- Sintaxis HTML
Para finalizar este primer capítulo y que no se alargue demasiado, voy a explicar de qué manera funciona la sintaxis de HTML.
En un documento HTML tenemos dos partes principales:
La cabecera <head> y el cuerpo <body>
Cada una de las etiquetas de HTML se escriben de la siguiente manera:
Etiquetas encerradas entre los símbolos menor que (<) y menor que (>).
Siempre hay una etiqueta que se abre y otra que se cierra.
Empecemos a ver los elementos principales de esta simple página:
Todos los documentos empiezan con la etiqueta <html> y se cierran con la etiqueta de cierre correspondiente, estas encierran dentro el resto de elementos HTML.
Después tenemos la etiqueta <head>. La cabecera incluye los elementos que no se ven en la página. Esta se utiliza para poner cosas como el título, scripts, etiquetas meta, etc.
Veremos a lo largo del curso su importancia, de momento lo dejo a modo de introducción.

A continuación tenemos la etiqueta <body>. El cuerpo de la página incluye todos los elementos visibles de la página.

Share:

sábado, 16 de diciembre de 2017

¿Qué son las Instant Apps de Android? El futuro de Android

¿Qué son las Instant Apps de Android? El futuro de Android

¿Conoces las Instant Apps de Android?
Si no las conoces, te explica las grandes ventajas que tienen frente a las apps tradicionales del sistema operativo de Google.

¿Qué son?


Las Instant Apps son aplicaciones normales como las que conocemos, pero con una funcionalidad extra no tan normal, ya que podemos ejecutarla en nuestro dispositivo sin instalar la aplicación previamente. Esta ventaja sumada al bajo consumo de recursos que tienen, harán que las Instant Apps sean el futuro de las aplicaciones para dispositivos Android, y quien sabe, quizás también para la competencia que seguro sacará su propia versión.

Su funcionamiento es simple, a través de un enlace web, el usuario puede ver la aplicación y probarla antes de instalarla en el dispositivo. La ventaja está clara, no malgastar megas a lo tonto cuando estés fuera de casa y poder ver varias apps en el tiempo que se instalaría una sola.



¿Cómo usar las Instant apps?

Instant App BuzzFeedSolo tienes que dirigirte a la Play Store y ver qué aplicaciones tienen implementada esta tecnología, ¿cómo? Si al lado del botón de instalar te aparece otro con la opción de probar ahora. Si ves este botón significa que has encontrado una de estas apps y la podrás ejecutar al instante sin necesidad de instalarla.
De momento habrá que esperar a que todos los desarrolladores de apps empiecen a ponerse las pilas, porque por el momento hay muy pocas, pero cada vez iremos viendo nuevas Instant Apps.


Share:

miércoles, 29 de noviembre de 2017

Haz que tu viejo PC VUELE con este sencillo tutorial

Haz que tu PC vuele con este sencillo tutorial

Si tienes un viejo PC o portátil el cual todavía le das uso o se lo quieres dar, este es el momento de que aprendas como acelerarlo.

Este tutorial está basado en el hardware y no en el software, la aceleración por software la veremos en otro tutorial.

En este caso no hay ningún truco, se trata de ponerle uno de esos fantásticos discos SSD, que como sabrás no tienen tanto espacio de almacenamiento como un disco duro magnético y son más caros, pero son muchísimo más rápidos y seguros, ya que al no tener piezas móviles aseguran un correcto funcionamiento durante mucho más tiempo.

Tienes que tener claro que siempre ya tengas el equipo que tengas (a no ser de que tengas una reliquia) un PC siempre estará limitado por utilizar un disco magnético.

Si estás leyendo este artículo me imagino que ya sabes algo del tema, así que te voy a explicar como se instala un disco SSD.

Un disco SSD no es solo conectar el cable de corriente y el de datos, después de eso hay ciertas acciones que debemos llevar a cabo para aprovecharlo.

Puesto que el SSD tiene poco espacio de almacenamiento, deberíamos combinarlo con un disco duro magnético (HDD a partir de ahora), por ejemplo, yo en mi portátil tengo un SSD de 120 GB y un HDD de 500 GB.

En el SSD hay que hacer la instalación del sistema operativo y los programas, mientras que en el HDD se guardan las carpetas de los usuarios con todos sus datos.

En el siguiente capítulo del tutorial verás como instalar el disco SSD ya sea en un portátil o en un PC y como realizar la instalación del sistema operativo (en este caso será con Windows).

Con el siguiente ya tendrás todo lo necesario para que tu PC vuele.
Antes de acabar hay que tener clara una cosa, si tu PC tiene muy poca RAM puede ser ese el problema de lentitud, en posteriores entradas os explicaré cómo identificar si tienes ese problema. Mientras, podéis preguntar lo que necesitéis saber o vuestros problemas específicos.
Share:
Con la tecnología de Blogger.

Labels

tutorial facil aprender xhtml guia crear desde web cero html etiquetas linux lenguaje pc placa base sistema base como componentes instalacion placa atributos codigo curso dinamica mysql operativo ordenador pagina paginas php servidor sitios texto windows bios conectores instalar limpieza programa url usar 10 5 acceso aprender xhtml cpu funcionamiento memoria pdf 32 bits aprender css caracteristicas computadora configurar crossfire curso css descargar desinstala desinstalar error externos facilmente grafica herramientas ide imposibles localhost montar novatos partes pci pci-express persistente ram sata tornillos tutorial html tutorial xhtml de cero virus vs xhtml facil 64 bits agp amd arquitectura atx bus ccleaner cd cmd comandos consola cortana datos disco duro dvd ejercicios eliminar espacios etiquetas html futuro gpu grabadora howto img intel internos lento li listas navegadores northbridge optimizacion particiones pila procesador puente sur puertos rapido rss script sistema de archivos software southbridge tarjeta teclas terminal usb velocidad video videotutorial von-neumann windows optimizar x window $_server 1.0 1000 2.0 20/24 pines 2019 3.0 4 octetos 8.1 acer add-ons adwcleaner alimentacion almacenamiento alu american apache aplicaciones aprender html archivo archivos area arranque asus atajos ati audio auricular autonomia backup backups backups android backups automaticos backups completos backups diferenciales backups incrementales backups linux backups que es baterias blu-ray body boot cables cambiar cambios capacidad caracteres cargar channel cheksum chip chipset chrome clase a clase b clase c clase d clase e cmos codigo binario comando combofix como acelerar pc como hacer como instalar windows en ssd compaq comparacion comparacion ddr5 y ddr4 comprobar conexiones configuracion consumo contactos contraseña copia createnew crossfire amd crossfire compatibility crossfire x16 x4 crossfirex crossfirex amd crossfirex asus crossfirex ati crossfirex nvidia crossfirex que es crossfirex ready crossfirex vs sli css cu cual cuenta datatraveler 2 tb dd ddr ddr2 ddr3 ddr4 vs ddr5 ddr5 definicion dell desde cero desinstalador de office desinstalador office 2016 diagrama direccion ip direcciones ip direcciones ipv4 directorios disco duro disco duro ssd dispositivos distribuciones distros dl doble doctype dt dual dvi echo eficientes ejemplos el pendrive mas grande del mundo electrico embed entorno entrada entrar equipos error 0x80004005 virtualbox error office 30015 error office instalacion error virtualbox error virtualbox appcrash error virtualbox no bootable medium found error virtualbox windows 10 escritorio escritorios virtuales especiales esquema estilos estructura estructura basica html ethernet etiquetas anidadas expansion ext4 extension chrome extensiones externas extructura fall creators update fall creators update iso fall creators update novedades fallos flash formatear formularios frontales fsutil fuente game & watch game & watch mario bros game & watch nintendo game & watch romset gastada gddr generacion gestor de contraseñas android gestor de contraseñas google gestor de contraseñas gratis gnu grafico graficos gratuito grupos guardar imagenes hacer que pc vaya mas rapido hd hdd led hdmi head hilos historia historia de nintendo hola mundo hosts html5 ibm idioma iniciacion instant apps activar instant apps android instant apps google instant apps google play instant apps play store instant apps que es integrada integrados internas introduccion javascript kingston la consola mas vieja laptop laptops lectora lenovo lga linus tovalds map mapas de imagen markdown markdown facil mas materiales megatrends mejor memoria cache memoria ram memoria ram 4800 mhz memoria ram ddr5 memorias menor menu meta metro microprocesador microsoft moviles mricosystems n3xt nano navegador navegador opera neon next nintendo niveles novedades nueva nvidea object objetos octetos office office 365 office no finaliza la instalacion office remove pro ol opera neon opera neon actualizacion opera neon adblock opera neon android opera neon extensions opera neon opiniones opera neon pc opera neon portable opera neon review optica ordenadas ordenador mas rapido p4 pagina html para que sirven param particionado password pasta pci-e pendrive 2 tb kingston pendrive 2tb pendrive 3.1 pendrive 4k pga pin pines pisos pits placas base png polimetro portatil portatiles post potencia power led power sw precios procesadores programar ps2 puente norte quad quadruple que es que se puede hacer ram ddr5 ranuras rapida rapidos red redes redstone 4 fecha redstone 4 lanzamiento redstone 4 windows redstone 4 windows 10 redstone 4 novedades registro registros reloj remoto requisitos reset sw rtc salida salidas samsung save image as png scripts seguridad sencillo shell silicio slots smart lock smart lock android smart lock chrome smart lock google smart lock no funciona smart lock que es snap socket spdif speaker ssd ssd vs hdd subir fotos de mi pc a instagram subir fotos instagram chrome subir fotos instagram computadora subir fotos instagram pc sin bluestacks subir fotos pc a instagram subir fotos pc instagram sun surcos swap tabla tablas tasa de transferencia tecla teclado tecnologia tipos title toshiba transferencia triple tutorial html 5 tutorial xhtml térmica unidad unix usb 3.1 username usos usuario usuarios vacio vaio veces velociades velocidadades versiones de game & watch vga via virtualbox error al iniciar virtualbox error al instalar wearables webp webp a png webp to png xdebug zocalo