Web códigos de colores hexadecimales

Si queremos buscar un colores en formato hexadecimal lo podemos hacer en la siguiente web:
http://html-color-codes.info/codigos-de-colores-hexadecimales/

Nos encontramos con 2 apartados:

1. Tabla de colores HTMLCon esta Tabla de colores HTML dinámica se pueden conseguir códigos HTML para los colores básicos. Podemos hacer clic en cualquier cuadro de color para conseguir su Código de color HTML
Tabla colores HTML
2. Selector de colores HTMLAquí podemos desplazar la barra de desplazamiento vertical para elegir el color y después hacemos clic en el cuadro de colores a la izquierda para conseguir el Código de color HTML para elegir el tono de color deseado.
Selector colores HTML

 

3 formas de incluir código Javascript en documentos XHTML

Existen tres formas (seguro que hay mas) para incluir código JavaScript en las páginas web:

1. Incluir JavaScript en el mismo documento XHTML

El código JavaScript se encierra entre etiquetas <script> y se incluye en cualquier parte del documento. Aunque es correcto incluir cualquier bloque de código en cualquier zona de la página, se recomienda definir el código JavaScript dentro de la cabecera del documento (dentro de la etiqueta <head>):

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»><html xmlns=»http://www.w3.org/1999/xhtml»>

<head>

<meta http-equiv=»Content-Type» content=»text/html; charset=iso-8859-1″ />

<title>Ejemplo de código JavaScript en el propio documento</title>

<script type=»text/javascript»>

alert(«Un mensaje de prueba»);

</script>

</head>

<body>

<p>Un párrafo de texto.</p>

</body>

</html>

Para que la página XHTML resultante sea válida, es necesario añadir el atributo type a la etiqueta <script>. Los valores que se incluyen en el atributo type están estandarizados y para el caso de JavaScript, el valor correcto es text/javascript.

Este método se emplea cuando se define un bloque pequeño de código o cuando se quieren incluir instrucciones específicas en un determinado documento HTML que completen las instrucciones y funciones que se incluyen por defecto en todos los documentos del sitio web.

El principal inconveniente es que si se quiere hacer una modificación en el bloque de código, es necesario modificar todas las páginas que incluyen ese mismo bloque de código JavaScript.

2. Definir JavaScript en un archivo externo

Las instrucciones JavaScript se pueden incluir en un archivo externo de tipo JavaScript que los documentos XHTML enlazan mediante la etiqueta <script>. Se pueden crear todos los archivos JavaScript que sean necesarios y cada documento XHTML puede enlazar tantos archivos JavaScript como necesite.

Ejemplo:

Archivo codigo.js

alert(«Un mensaje de prueba»);

Documento XHTML

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»><html xmlns=»http://www.w3.org/1999/xhtml»>

<head>

<meta http-equiv=»Content-Type» content=»text/html; charset=iso-8859-1″ />

<title>Ejemplo de código JavaScript en el propio documento</title>

<script type=»text/javascript» src=»/js/codigo.js»></script>

</head>

<body>

<p>Un párrafo de texto.</p>

</body>

</html>

Además del atributo type, este método requiere definir el atributo src, que es el que indica la URL correspondiente al archivo JavaScript que se quiere enlazar. Cada etiqueta <script> solamente puede enlazar un único archivo, pero en una misma página se pueden incluir tantas etiquetas <script> como sean necesarias.

Los archivos de tipo JavaScript son documentos normales de texto con la extensión .js, que se pueden crear con cualquier editor de texto como Notepad, Wordpad, EmEditor, UltraEdit, Vi, etc.

La principal ventaja de enlazar un archivo JavaScript externo es que se simplifica el código XHTML de la página, que se puede reutilizar el mismo código JavaScript en todas las páginas del sitio web y que cualquier modificación realizada en el archivo JavaScript se ve reflejada inmediatamente en todas las páginas XHTML que lo enlazan.

3. Incluir JavaScript en los elementos XHTML

Este último método es el menos utilizado, ya que consiste en incluir trozos de JavaScript dentro del código XHTML de la página:

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»><html xmlns=»http://www.w3.org/1999/xhtml»>

<head>

<meta http-equiv=»Content-Type» content=»text/html; charset=iso-8859-1″ />

<title>Ejemplo de código JavaScript en el propio documento</title>

</head>

<body>

<p onclick=»alert(‘Un mensaje de prueba’)»>Un párrafo de texto.</p>

</body>

</html>

El mayor inconveniente de este método es que ensucia innecesariamente el código XHTML de la página y complica el mantenimiento del código JavaScript. En general, este método sólo se utiliza para definir algunos eventos y en algunos otros casos especiales.

Atributos alt y title

Los atributos alt y title, són atributos que nos permiten indicar un texto descriptivo para un elemento HTML, según la especificación del W3C, su función sería:

  • alt – Indica un texto alternatívo a un elemento no textual
  • title – Indica un texto a mostrar en un tooltip cuando el mouse está sobre el objeto

Internet Explorer (IE)

alt este trabaja a su vez cómo title y nos muestra el tooltip

<!--  Tooltip con Internet Explorer -->
<img alt="Logo de la web" src="//www.programacionweb.net/imagen.gif">

 

Mozilla Firefox

El atributo alt se utiliza sólo como texto alternativo y para mostrar el tooltip hay que utilizar el atributo title ( compatible con IE y Firefox ).

<!--  Tooltip compatible con W3C -->
<img title="Logo de la web" alt="Texto alternativo" src="//www.programacionweb.net/imagen.gif">

 

En definitiva hay que utilizar los dos atributos: alt y title.

Tools Pingdom

Para saber cuanto tiempo tarda en cargar nuestra página web tenemos la siguiente heramienta a nuestra disposición: http://tools.pingdom.com/

Tools Pingdom

En esta web tenemos 3 opciones:

  1. Full Page Test: Comprueba el tiempo de carga de la web
  2. DNS Health: Comprueba si nuestro DNS está configurado correctamente
  3. Ping and Traceroute: Introducimos un nombre de alojamiento web o una IP para realizar un Ping o un Traceroute

Ping es una utilidad diagnóstica en redes de computadoras que comprueba el estado de la conexión del host local con uno o varios equipos remotos por medio de el envío de paquetes ICMP de solicitud y de respuesta. Mediante esta utilidad puede diagnosticarse el estado, velocidad y calidad de una red determinada.

Muchas veces se utiliza para medir la latencia o tiempo que tardan en comunicarse dos puntos remotos, y por ello, se utiliza el término PING para referirse al lag o latencia de la conexión en los juegos en red.

Traceroute o tracert es una herramienta de diagnóstico de redes que permite seguir la pista de los paquetes que van desde un host (punto de red) a otro. Se obtiene además una estadística del RTT o latencia de red de esos paquetes, lo que viene a ser una estimación de la distancia a la que están los extremos de la comunicación. Esta herramienta se llama traceroute en UNIX y GNU/linux, mientras que en Windows se llama tracert.

RasMol

rasmolRASMOL es un programa para visualizar la estructura tridimensional de las moléculas, desarrollado por Roger Sayle. Es un programa de libre distribución y además tiene el código abierto, de modo que cualquiera que tenga los conocimientos adecuados puede introducir mejoras o adaptar el programa a su uso particular. La dirección desde la que se puede descargar el programa en sus diferentes versiones (Para Linux, para Macintosh y para PC) es:
http://www.umass.edu/microbio/rasmol/
En esta página también se pueden descargar otros programas como el Protein Explorer o Chime, que es un plug-in para Internet que permite visualizar moléculas en tres dimensiones. La versión para Windows de RASMOL se llama RASWIN.

Actualizar Joomla a 1.5.23 desde 1.5.x

Para actualizar Joomla a la versión 1.5.23 desde una versión anterior 1.5.x podemos seguir los siguientes pasos:

  1. Descargar el paquete de actualización desde la web de Joomla, normalmente tiene un nombre así: Joomla_1.5.xx_to_1.5.23-Stable-Patch_Package.zip
  2. Yo suelo subirlo comprimido con el gestor de transferencia de archivos de CPanel del hosting y descomprimirlo en el servidor, pero también se puede descomprimir en nuestro pc y subirlo así a nuestro servidor. Sea como sea, tenemos que sobrescribir los archivos nuevos en los antiguos (No se afecta a los archivos principales de funcionamiento de Joomla, ya que aqui se instala un parche y no una versión nueva desde cero)

Con esto Joomla ya estaría actualizado.

Simplificar en css propiedades repetidas en div

Cuando varios div tienen las mismas propiedades, en vez de repetir esas propiedades en css para cada div, podemos escribirlas juntas. Supongamos que tenemos dos div y tienen la misma propiedad, por ejemplo, color verde, entonces podriamos simplificarlo así:

<html>
<head>
<style type="text/css">
#ext1,#ext2 {color:green;}
</style>
</head>
<body>
<div id="ext1">
<p>Hola1</p>
</div>
<div id="ext2">
<p>Hola2</p>
</div>
</body>
</html>

Migración de Drupal 6.x a otro servidor

Pasos para replicar un sitio DRUPAL 6 en otro servidor (local o remoto):

A) Operaciones en el servidor ORIGEN:

  1. Tenemos que hacer una copia de los archivos en el servidor. Con CPanel voy a Administrar ficheros->Administrar ficheros, elijo la carpeta del proyecto, doy a comprimir y la descargo en el equipo. Eliminamos el archivo comprimido en el servidor. Paso opcional: Cuando volvamos a subir esta carpeta comprimida al nuevo servidor nos podemos encontrar con el problema que lo ha guardado todo dentro de una carpeta, que no nos interesa. Para eliminarla lo descomprimimos, seleccionamos todos los archivos menos la carpeta que engloba todo y lo volvemos a comprimir.
  2. Hacemos un backup de la base de datos. En Cpanel vamos a Administrar ficheros->Asistente para copias de seguridad (backup)->Generar copia de seguridad->Copia de seguridad parcial->Copia de bases de datos Mysql->Elegimos la base de datos que queremos descargar y la guardamos en nuestro equipo.

B) Operaciones en el servidor DESTINO:

  1. Subir el archivo comprimido de la pagina web al directorio del servidor donde lo queremos alojar, lo descomprimimos ahí y borramos el archivo comprimido del servidor
  2. Entramos en Cpanel->Mysql Databases. Creamos una base de datos (puede tener el mismo nombre que la que hemos copiado a nuestro ordenador), un usuario con su contraseña y añadimos nuestro usuario a la base de datos dándole todos los privilegios
  3. Entramos en phpmyadmin y en nuestra base de datos creada importamos la base de datos que grabamos en nuestro ordenador
  4. Ahora tenemos que editar el archivo Setting.php, lo hago directamente desde el gestor de archivos o editando el setting.php que tenemos en nuestro disco duro y luego subirlo al servidor, el archivo setting.php se encuentra en Sites –> Default –> Setting.php.
    Cuando digo que lo editemos es para cambiar, si es necesario, la ruta donde le indicamos a Drupal el nombre del servidor, el nombre de la base de datos, el usuario y la contraseña, ésto es necesario para que el drupal en el nuevo servidor conecte con la base de datos:
    $db_url = 'mysql://username:password@localhost/databasename';y tb $base_url = 'http:// ......'; por en la nueva dirección web de nuestro proyecto
  5. Abrimos el navegador y ponemos la direrección de nuestro sitio seguido de update.php:
    http://www.miDominio.com/update.php
    éste paso no es necesario realmente pero me gusta hacerlo para comprobar que conecta bien con la base de datos.
    Al realizar éste paso es muy probable que te salga un error ya que no tendrás permisos para acceder al archivo update.php, hay que editarlo y poner el TRUE a FALSE, restablecer posteriormente obligatoriamente por seguridad.

Ya está todo y debe funcionar correctamente, solo comentar que en una ocasión se me olvidó, como dije al principio, subir el .htacces y la portada (index) se me abría correctamente pero al intentar acceder al cualquier página interior me daba error 404 (página no encontrada), era debido a que en el anterior server tenía las Url’s limpias, subiendo de nuevo el htaccess se solucionó, pero te puedes encontrar con el problema de que el nuevo servidor no acepte las url’s limpias y tendras que acceder a la administración del sitio para desconectarlas, para poder hacerlo tendras que marcar las url’s «sucias» de tal manera que para entrar a cambiarlas tedrás que poner:
http://localhost/drupal/?q=admin/settings/clean-urls

Puede que tengamos un problema con Variable register globals de PHP(‘1’) habilitado, para cambiarlo creo un archivo llamado php.ni cuyo contenido es:

register_globals = Off

Lo grabo y lo subo al servidor y debería funcionar correctamente.