1295979994_rulers[1]

Una de las tareas más comunes al momento de programar o diseñar aplicaciones web es el de centrar el contenido para que este se vea más agradable a la vista, sin embargo una tarea tan sencilla puede complicarse cuando se busca una correcta visibilidad en todos los navegadores posibles, ya sea el afamado Chrome, el siempre confiable Firefox o hasta la oveja negra de Internet Explorer.

Quizá muchos de ustedes aún utilicen tablas para la maquetación de sus diseños, sin embargo esta practica es cada vez menos utilizada por la complejidad de mantenimiento y por el uso de nuevas tecnologías web como es el caso de CSS (Hojas de estilo en cascada).

Pues bien, vamos a suponer que tenemos algo como esto:

<html>
<head>
      <title>Pagina centrada </title>
</head>
<body>
     <div>Esto es lo que vamos a centrar </div>
</body>
</html>

Es una estructura simple de una página web, lo que vamos a centrar se encuentra en el “div”, para centrarlo en la mayoría de los navegadores modernos lo podemos hacer con estilos CSS, para ello agregamos el estilo a nuestra página web entre las etiquetas <head> y </head>

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

 

Donde “estilo.css” será nuestra hoja de estilos donde definiremos lo siguiente:

#contenido{
    width: 800px; // Aquí puedes definir el ancho que quieras
    margin-left:auto;
    margin-right:auto;
}

Con esto solo faltaría agregar el estilo a nuestro div, cambiando esto:

<div>Esto es lo que vamos a centrar </div>

Por esto:

<div id="contenido">Esto es lo que vamos a centrar </div>

Guardando nuestros archivos y abriendo nuestro archivo HTML en cualquier navegador actual debe quedar nuestro contenido centrado, y todo lo que pongamos dentro del div que creamos se centrará también horizontalmente a la página, desde texto hasta imágenes.

El problema radica cuando queremos que esto funcione también para Internet Explorer en sus versiones más antiguas (6 , 7 , 8… ) y esto es porque es un navegador que no respeta los estándares correctamente. por lo tanto tendremos que hacer un pequeño “hack” para hacer que funcione también con este navegador.

Tendremos que cambiar nuestro archivo de “estilos.css” por algo como esto:

body{
  text-align:center; // Este es el hack para hacer que Internet Explorer centre el contenido del div
}
#contenido{
  text-align:left; // Regresamos el texto a la izquierda para que el contenido quede centrado pero el texto alineado a la izquierda. 
  width: 800px; // Aquí puedes definir el ancho que quieras
  margin-left:auto;
  margin-right:auto;
}

Es un pequeño paso más para que nuestra página sea compatible con los navegadores actuales y con IE, pero con esto tendremos centrado nuestro contenido sin necesidad de utilizar las obsoletas tablas para maquetar.

Espero les haya sido útil y entendible la explicación.

El querer obtener el tamaño de un array o vector es una tarea recurrente en la programación, así que es importante saber como obtenerlo. El tamaño de un array no es más que la cantidad de elementos que contiene o el número de elementos con los que fue creado.

A diferencia de otros lenguajes de programación en donde normalmente utilizamos el atributo “length” que tienen los arrays, en PHP se utiliza la función “sizeof()” que no es más que un alias de la función “count()”, se utiliza de la siguiente forma:

// Le asignamos valores a las posiciones del array

$mi_array[0]=1;

$mi_array[2]=453;

$mi_array[3]=13445;

//Calculamos el tamaño del array y lo guardamos en una variable.

//También podemos usar $tamaño = count($mi_array);

$tamaño = sizeof($mi_array);

//Imprimimos el resultado que en este caso será '3'.

echo "El tamaño del array es: ".$tamaño;

Fácil, pero seguramente más de uno al empezar con este lenguaje intentará hacerlo de la manera ‘tradicional’ en otros lenguajes como Java que es con el atributo ‘length’.

Uno de los mayores dolores de cabeza para los que programamos en Java es el desarrollo de aplicaciones con interfaces gráficas hechas en Swing, de hecho la mayoría de nosotros utilizamos algún IDE como NetBeans para facilitarnos esta tarea, no obstante me he encontrado con una serie de consejos para usar Swing, los cuales me han servido bastante y es recomendable tomarlos en cuenta:

  • En la aplicación sólo debe haber un único JFrame, correspondiente a la aplicación principal. Todas las ventanas secundarias deben ser JDialog. Todas las ventanas secundarias deben tener una ventana padre, que es a partir de la cual se despliega. Es decir, todos los JDialog secundarios deben tener como padre al JFrame principal. Si desde un JDialog se va a visualizar otro, este segundo debe tener como padre al primero, y así sucesivamente.
  • Evita en lo posible los JDialog modales, o ten muy en cuenta su jerarquía de padres. El primer JDialog modal no tiene problemas si le pones su padre adecuadamente. Si tienes un JDialog modal visible, no muestres otro JDialog secundario, salvo que también sea modal y sea hijo del anterior. Si pones visibles a la vez dos JDialog modales y no son el uno hijo del otro, tendrásproblemas al intentar escribir en ellos o cerrarlos.
  • Nunca heredes de JFrame o JDialog o JApplet para hacer tus ventanas. Hazlo siempre de un componente que no sea ventana y que no te limite. Si tus ventanas heredan de JPanel, podrás ponerlas siempre que quieras dentro de un JFrame, un JDialog, un JInternalFrame, un JApplet o incluso incrustarlas en otro JPanel. Si tu ventana hereda de JFrame, está condenada a ser un JFrame toda su vida.
  • Reaprovecha las ventanas, no se las dejes al recolector de basura. Si un botón, al apretarlo, visualiza un JDialog, no hagas un new de JDialog cada vez que pulsas el botón. Es mejorhacer sólo un new la primera vez y guardarselo. En las siguientes veces bastará con hacer setVisible(true) y setVisible(false). Para que el recolector de basura libere una ventana, además de lo habitual, hay como minimo que llamar al método dispose() de dicha ventana -cosa que mucha gente no sabe- , para que el sistema de eventos de teclado y ratón eliminentodas las referencias que tienen a ella. De todas formas, incluso así no tengo muy claro que los JDialog se liberen siempre y, desde luego, en versiones anteriores de Java, los JFrame NUNCA se liberaban. La excusa de SUN es que como sólo debía haber un JFrame principal, no tenía sentido liberarlo.
  • Los layouts para situar componentes no son tan complicados, sólo hay que ponerse a ello. No uses el layout null, ya que tu ventana no será redimensionable y puedes tenerproblemas si cambia la fuente de letra, si tu programa se ejecuta en otro sistema operativo, se cambia el look & feel, etc. Una vez que sepas los layouts simples, tenderás a hacer ventanas grandes a base de anidar muchos JPanel que a su vez tienen dentro JPanel que su vez tienen dentro JPanel, todos ellos con un layout simple. Eso hace ventanas muy pesadas y que consumen mucho. Aprende a usar el GridBagLayout para hacer un solo panel con todo. La excepción a esto es que tengas pequeños JPanel reutilizables, como un editor de coordenadas geográficas que pida latitud, norte/sur, longitud, este/oeste, un panel que pida usuario y password, etc.
  • Todos los eventos de ratón y teclado se ejecutan en el mismo hilo que repinta las ventanas. Si en un actionPerformed(), keyPressed(), … tu código tarda mucho o pretendes que se pinte algo en una ventana, simplemente no lo hará hasta que tu código termine. Si tu código en un actionPerformed() va a tardar mucho o tiene que pintar cosas en la ventana, lanza un hilo aparte parahacer esa tarea y termina el actionPerformed() lo antes posible.

Fuente: CasiDiablo

Normalmente utilizamos las etiquetas en Java con una sola línea de texto, sin embargo a veces es útil ocupar las etiquetas Java con varías líneas de texto en su interior, es decir por renglones por así decirlo, lo malo es que no es que no existe una forma predefinida de poder hacer esto.

Para poder crear una etiqueta JLabel de multiples líneas tendremos que utilizar la siguiente sintaxis:

JLabel etiqueta= new JLabel("<html>Primera línea<br>Segunda Línea</html>");

Como puedes ver la forma es agregando código HTML a nuestra etiqueta, de manera tal que todo el texto de nuestro JLabel este encerrado en las etiquetas <html></html> y utilizaremos la etiqueta <br> para hacer un salto de renglón al igual que en HTML, de esta manera podemos utilizar líneas múltiples en etiquetas swing, pudiendo agregar cuantas etiquetas <br> como renglones queramos.

Mi papá utiliza mucho presentaciones de PowerPoint para impartir sus clases, y muchas veces nosotros como estudiantes necesitamos utilizar presentaciones para realizar exposiciones, sin embargo no se trata de copiar y pegar texto en las diapositivas, sino que hay que tener ciertos aspectos a tomar en cuenta para tener la impresión deseada, los siguientes tips pueden servirte para ello 😉

1.-Haz presentaciones sencillas

Se concreto, si utilizas muchas diapositivas y tu presentación no tiene dinamismo las personas se aburrirán y no te pondrán atención haz pocas diapositivas y una presentación dinámica.

2.-No te excedas de viñetas y texto

Este tip va de la mano del anterior no uses muchos textos ni viñetas se concreto ofrece le a tu publico lo que en realidad no quiere.

3.-No exageres con las animaciones y transiciones

El exceso de animaciones o transiciones muy vistosas lograra captar la atención pero la desviara del tema, haciendo que el publico ponga mas atención a lo bonito de los movimiento que a lo que estas haciendo o diciendo.

4.-Utiliza imágenes de alta calidad

Olvida te de que si las imágenes pesan mucho o no, las imágenes de alta calidad demuestran profesionalismo en tu trabajo, el tiempo de carga de una imagen se reduce a nada comparado con Internet, no escatimes en buscar las imágenes perfectas, una imagen pixeleada no es una buena idea.

5.-Siempre es bueno utilizar las plantillas de power point

6.-Utiliza las gráficas adecuadas para representar tus datos

7.-Utiliza colores que puedan hacer contraste entre ellos, evita los colores chillones.

Si utilizas un fondo obscuro procura que tu texto sea de color claro, así la gente no tendría que forzar su vista para leer tus textos, ej. fondo negro y texto blanco.

No uses colores fosforescentes, cansan la vista.

8.-Escoge fuentes legibles y de buen tamaño

La fuente que elijas para tu presentación es de suma importancia no abuses de las letras “bonitas” o tipos Script que en ocasiones no se entienden te recomiendo utilizar fuentes: Arial, Verdana, Georgia, Times New Roman.

9.-Utiliza audio y vídeo, el contenido multimedia es bueno siempre y cuando no exageres.

10.-Tomate el tiempo para ordenar las diapositivas.

Enlace: 10 tips for producing powerful and effective power point presentations

Via: Frogx3