Displaying posts categorized under

HTML

Lenguaje de marcado para maquetación de páginas web.
Desarrollo de páginas web con HTML.

Implementación SEO básico

Cuando queramos lanzar un site que queramos posicionar bien en Google de forma natural, tendremos que tener algunas consideraciones en cuenta en el periodo de implementación y otras en el momento del lanzamiento. Voy a hablar en este caso del periodo de implementación. Veamos qué es lo básico que tenemos que tener en cuenta: Meta [...]

Comenzar un proyecto web con Eclipse y servidor

Cuando empezamos con Eclipse, tenemos delante un completísimo y muy complejo entorno de programación que de primeras puede echarnos para atrás si no estamos convencidos de que realmente nos hará la vida más fácil. Escribo este tutorial para tenerlo como referencia cuando tenga que crear un proyecto web. El objetivo es tener un proyecto web [...]

Accesibilidad en la web: Textos alternativos en imágenes

Toda web accesible debe proporcionar para cada elemento no textual una alternativa en texto. Para hacer esto utilizamos las propiedades alt, longdesc o el propio contenido de la etiqueta. Esta regla responde a Prioridad 1 de la WAI. Los elementos para los que tenemos que tener esta regla en cuenta son: Imágenes (incluidas las utilizadas [...]

Recoger el valor de un campo "disabled"

¿Cómo puedo obtener el valor de un campo de formulario que está deshabilitado para el usuario mediante el atributo disabled? Cuando mostramos un formulario al usuario, algunos de los campos no nos interesa que los pueda modificar y los deshabilitamos, es el caso de valores por defecto en función de los permisos que tenga el [...]

Sombra sencilla en un elemento DIV

La sombra está de moda, las hay muy sofisticadas utilizando imágenes que hay que ajustar y medir… Podemos utilizar también sombras sencillas que no son tan resultonas, pero le dan una gracia a las capas: Código CSS .seccion { margin:-3px 2px 2px -3px; padding-left:1em; padding-right:1em; background:#FBFBFF none repeat scroll 0%; border:1px solid #999999; } .back{ [...]

Cambiar código de color entre RGB y Hexadecimal :: rgb2hex & hex2rgb

Herramienta on-line sencilla para transformar un código de color RGB a Hexadecimal y viceversa: Onlyfree.de : Hex2RGB Converter

Almacenes de herramientas para web (AJAX, CSS, Javascript)

En el diseño e implementación de webs muchas tareas son repetitivas: hacer un menú, establecer aspectos básicos en la hoja de estilos, mostrar datos en tablas con paginación, calendarios, etc. No somos los únicos, otros ya lo han hecho, y algunos lo han hecho tan bien que podemos reutilizar el código que han dejado a [...]

Crear dinámicamente con Javascript select con optgroup

Supongamos que tenemos un array de objetos javascript. Cada objeto tiene tres propiedades: cod, tex, grupo.Estos objetos son los elementos que queremos representar en un SELECT, y agrupados en OPTGROUPS. Código: var grupo_anterior=”";var grupo;var opcion; for (var i in array_options){ if(grupo_anterior!=array_options[i].grupo){ //reconocido nuevo grupo grupo = document.createElement(‘OPTGROUP’); grupo.label = array_options[i].grupo; grupo_anterior = array_options[i].grupo; select.appendChild(grupo); } [...]

Códigos HTML de colores seguros

Cuando diseñamos sin colores exactos de referencia, y queremos ir dando colores a una página web y sus elementos, podemos utilizar una simple tabla que utiliza únicamente los códigos básicos y seguros siguientes: RGB 00 51 102 153 204 255 Hex 00 33 66 99 CC FF La tabla en cuestión es la siguiente: FFF FFF [...]

Centrar con CSS una web : en general cualquier elemento de bloque

Para centrar las páginas de nuestra web, podemos hacerlo así de sencillo utilizando DIV y dándole estilo con CSS: body { text-align:center; } #principal{ width:70%; margin:0 auto; text-align:left;} Y el código HTML: <body> <div id=”principal”> Todo lo que metas aquí queda centrado </div> </body> NOTA: La parte de CSS que afecta al BODY, y la [...]