Programación y desarrollo

Category Archive Programación y desarrollo

Normalizar CSS con normalize y compatibilizar navegadores con modernizr

¿Qué es normalizar CSS? ¿Por qué es importante? En esta entrada aprenderemos a descargar y utilizar Normalize. Además veremos su diferencia con Modernizr.

Tags, , Read More

CSS en 1 minuto: introducción a las hojas de estilo en cascada

¿Qué es CSS? ¿Cuál es su sintaxis? ¿Cómo dar estilos a un HTML? ¿Cómo se escriben comentarios en CSS? Mira a continuación un ejemplo en 1 minuto.

¿Qué es CSS?

Cascading Styles Sheets son hojas de estilo en cascada que nos permiten cambiar el diseño de una página HTML. Los archivos HTML están constituidos por etiquetas, a ésas etiquetas se les da un estilo (color, tamaño, ubicación, etc) a través de las hojas de estilo. Si deseas información sobre las etiquetas HTML lee el siguiente artículo: HTML5 en 5 minutos: Etiquetas esenciales

Sintaxis de CSS

Un archivo .css tiene un conjunto de las siguientes declaraciones

Donde elemento es cualquier elemento HTML (como P, H1, DIV, TABLE, etc).

Propiedad se refiere a cualquier propiedad de estilo como color, color de fondo, familia de la fuente, grosor del borde, etc.

Valor es el valor de la propiedad, por ejemplo, si estamos trabajando con el color, el valor podría ser RED, o #FF0000, etc.

estilos css

El estilo es importante

Cómo dar estilos a un HTML

La forma más extendida de dar estilos a un HTML es a través de la etiqueta 

<LINK REL= “stylesheet” HREF=“hoja_de_estilo.css”>

Ésta etiqueta se coloca en la sección <HEAD> del HTML al que se quiera dar estilo, y el archivo “hoja_de_estilo” puede estar en cualquier ubicación, por ejemplo, en el mismo directorio que el HTML, o dentro de un subdirectorio.

Ejemplo de un archivo HTML enlazado con una hoja de estilos

El archivo HTML es el siguiente, solo contiene las etiquetas esenciales de la cabecera, el link de enlace a la hoja de estilos y una etiqueta header a la que le daremos estilo

Y el archivo .css con el que daremos estilo únicamente a la etiqueta header será el siguiente

Le estamos diciendo que a la etiqueta header tendrá un ancho del 100%, una altura de 80 pixeles y un color de fondo oscuro, puedes variar cualquiera de estos valores. El resultado será como el siguiente.

Archivo HTML con estilos CSS

Archivo HTML con estilos

Como observación te comento que para escribir comentarios dentro de un archivo css se utilizan los símbolos /* y */, todo lo que esté dentro de esos símbolos no se considerará código sino simples comentarios.

En ejemplos posteriores estaremos utilizando el método aquí empleado para enlazar un archivo HTML con hojas de estilo. Continúa el curso, estaremos viendo entre otros temas, el uso de Normalize, los prefijos, los selectores id, de clase, adyacente, hermanos, medidas relativas, absolutas, porcentuales, etc.

Recurso web sugerido: Palettr es un generador de paletas de colores,  únicamente le das un concepto o tema y te sugiere los colores a utilizar.

Tags, ,

Compilar y Ejecutar C desde Sublime Text en Mac OS X

Compilar y Ejecutar C desde Sublime Text nos permite probar fácil y rápidamente nuestros programas. A continuación veremos los pasos necesarios para esta tarea.

Tags, , Read More

Sistema de logueo de usuarios en PHP y MySQL

Te presento un método muy simplificado para realizar un sistema de logueo de usuarios en PHP y MySQL. Para esto utilizamos: sesiones en PHP, contraseñas encriptadas, redireccionamiento de páginas, así como consultas SQL.

Tags, , , Read More

Modo gráfico en Java: Creando un lienzo propio

En este artículo aprenderás a utilizar el modo gráfico en Java, creando un lienzo propio. También veremos cómo dibujar líneas en el lienzo utilizando ciclos for.

modo gráfico en java

Aprende a usar el modo gráfico en Java para dibujar líneas

Tags, , Read More

HTML5 en 5 minutos: Etiquetas esenciales

HTML5 es actualmente la tecnología estándar para crear la web. Aprende lo esencial y lo más importante de HTML5 en este artículo.

articulo sobre html5

Aprende lo más importante de HTML5 en 5 minutos

Tags, , Read More

Instalar y configurar Ubuntu Server para desarrollo web

A continuación instalamos Ubuntu Server con aplicaciones LAMP, y utilizamos Putty, WinSCP, y Atom Editor para comunicarnos con el servidor. También se verá cómo cambiar el directorio de servicio de Apache a uno que nos convenga más.

 

Instalar y configurar Ubuntu Server para desarrollo web_

Aprende a instalar y configurar Ubuntu Server para desarrollo web

Tags, , Read More

Conmutación de paquetes y protocolo TCP/IP

La conmutación de paquetes y el protocolo TCP/IP, junto con el cómputo Cliente/Servidor son los tres conceptos esenciales de Internet. Veamos una explicación muy sencilla y fácil de comprender de éstos conceptos.

Internet, según el FCN (Consejo Federal de Redes) es una red que utiliza el direccionamiento IP, da soporte al protocolo TCP y pone servicios a disposición de los usuarios. (Kenneth y Guercio, 2013).

Cualquier profesional en T.I, Sistemas Computacionales, Informática debe tener un entendimiento claro de estos conceptos. Eso incluye a los desarrolladores de e-commerce, administradores de redes y servidores, y programadores de sistemas distribuidos.

conmutación de paquetes

Aprende más sobre conmutación de paquetes.

Tags, , Read More

Constructores: declaración, uso y aplicaciones

Aprenderemos de un forma sencilla el uso de Constructores en la Programación Orientada a Objetos.

constructores

Aprende más sobre Constructores en Java

Tags, , Read More

Objetos y clases en Java

Vamos a crear un programa que utilice objetos y clases en Java. El siguiente programa creará una clase llamada Tortuga, a la que le asignaremos un nombre y una posición x,y. Además, interactuaremos con ella mediante la creación de un objeto a través del cual le preguntaremos su ubicación.

objetos-y-clases-en-java

Aprende mas sobre objetos y clases en Java

Tags, , Read More