Archive for Enero 2008

Medidas en CSS

Vía CSSLab encuentro un interesante articulo sobre medidas en CSS. Con tabla de proporciones equivalentes incluida.

Add comment Enero 16, 2008

Enlaces semanales I

Los 8 grandes errores del diseño web | Metal.ize
Interesante artículo por parte de metal.ize en el que se nos da un listado de ocho errores en el desarrollo web. Un buen punto de vista, y fundamentado. A destacar el análisis sobre el buen uso de los titulares (H1, H2, H3…) en XHTML.

Diseñando tablas | Infectedfx.net
Hoy en día muchos desarrolladores creen que el uso de tablas es malo. Pero no es así, lo que está mal es el uso que se les ha dado a las tablas. Ellas están para lo que están, para tabular datos. Este tutorial muestra cómo diseñar una tabla, sin tener que recurrir a editores como Dreamweaver, mediante XHTML y CSS.

Add comment Enero 12, 2008

Ejemplos de código para WordPress

En Sentido web me encuentro con unos cinco ejemplos útiles para quienes quieran manejar código sencillo en WordPress y no morir en el intento:

  • Asignar una imagen al ID de un post
  • Separar los trackbacks de los comentarios
  • Mostrar el nombre de la categoría donde queramos
  • Mostrar los posts más recientes

Vía Sentido web – Ejemplos de código para WordPress
Más información Pingable – 5 WordPress php code snippets

Add comment Enero 5, 2008

Curso XHTML II – Nuestro primer documento XHTML

Estructura básica de un documento XHTML

Después de varios apuntes previos, lo mejor es ponerse manos a la obra y comenzar a construir nuestro primer documento XHTML. Podemos insertar comentarios en nuestro documento de esta forma:

<!–Esto es un comentario–>

Los navegadores no tomarán en cuenta los comentarios y a nosotros nos serán de gran ayuda para ir describiendo cada elemento de nuestro documento. Veamos la estructura básica de un documento XHTML:

<?xml version="1.0" encoding="UTF-8"?>
<!–declaramos el xml y especificamos el encoding, en este caso UTF-8–>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!–declaramos el tipo de documento que estamos construyendo–>
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-ES" xml:lang="es-ES">
<!–y el lenguaje que vamos a emplear, en este caso, el español–>
<head>
<!–comienza el encabezado de la página web, donde se incluirán algunas especificaciones–>
<title>Semanticode</title>
<!–el título de nuestra página–>
<meta http-equiv="content-type" content="text/html"/>
<!–decimos el tipo de contenido que va a tener nuestro documento, texto/html–>
<link rel="stylesheet" type="text/css" media="all" href="css/basics.css"/>
<!–aquí enlazamos nuestra hoja de estilos CSS, con el que daremos estilo a nuestro sitio, lo veremos más adelante–>
</head>
<!–cerramos el head–>
<body>
<!–abrimos el body (cuerpo), aquí es donde empieza el contenido de nuestro documento–>
<p>Este es el contenido de nuestro primer documento XHTML<p>
<!–esto es lo que se mostrará en nuestro navegador, para definir el párrafo hemos empleado la etiqueta <p>–>
</body>
<!–cerramos el body–>
</html>
<!–cerramos nuestro documento, aquí termina todo–>

Veamos con detalle el comienzo de nuestro documento:

<?xml version="1.0" encoding="UTF-8"?>
<!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" lang="es-ES" xml:lang="es-ES">
<head>

Realmente no es necesario saberse de memoria estas líneas de código, podemos copiarlas y pegarlas al comienzo de nuestro documento. Nos bastará saber que existen diferentes tipos de encoding, esto es, codificación de caracteres, y que el que nosotros hemos empleado, UTF-8, nos sirve para mostrar caracteres especiales (diéresis, tildes, etcétera).

2 comments Enero 3, 2008


Páginas

Etiquetas

CSS Código diseño de tablas enlaces semanales errores diseño web estándares etiquetas Hacks medidas en css Navegadores php Tipografía titulares Wordpress xhtml

Categorías

Archivos

Blogroll