Cómo hacer buenas páginas web
Continuamente veo páginas técnicamente mal
diseñadas (ni siquiera las empresas gordas se salvan).
Los culpables son webmasters que dicen saber HTML, pero que lo
estudiaron hace años, cuando aún no existía
CSS.
Esto no es un tutorial básico de HTML (aprende antes
cómo hacer una web),
sino que intenta ser un "manual de buen comportamiento" para los
que aportan páginas a Internet.
Explicaré cómo hacer que una página se vea
bien en todos los navegadores, usando HTML 4.01 Strict, que luego
te permitirá pasar a lenguajes mejores, como XHTML, sin
esfuerzo.
No soy experto en esto, y lo que digo aquí es mi
opinión, pero verás que coincide con la de
cualquiera que entienda del tema. Por último, si necesitas
ejemplos, puedes empezar analizando esta web, pues la considero
bien hecha.
Septiembre 2004 (actualizado hasta Jun-2005), Daniel Clemente Laboreo.
Licencia FDL.
Índice
El documento está por
secciones, todo junto, o en PDF (pensado para imprimir).
- Cómo hacer buenas
páginas web
-
Ideas generales
- Una web se tiene que
poder ver en todos los
navegadores
- Separa el contenido del
diseño
- El código
HTML tiene que ser válido
- El código CSS
también tiene que ser válido
- Scripts en el
servidor
-
Accesibilidad
- El contenido ha
de poder llegar a todos
- Respetemos a los
ciegos (y miopes)
-
Estándares
web
- ¿Qué es un
estándar?
- ¿Quién los
hace?
- ¿Vale la
pena seguirlos?
- Qué pasa
si no se siguen
- Algunas falacias
(mentiras que la gente se cree)
En el mundo
real no hay tiempo para hacer las cosas bien
Los
estándares limitan a los diseñadores
web
Los
estándares de Internet Explorer son los
más usados
Microsoft
innova al salirse de los estándares
-
Navegadores
- No sólo
hay dos; hay cientos
- Ninguno
implementa al 100% los estándares
- Nunca hagas
una página específica para un
navegador
- Más falacias
(mentiras que la gente se cree)
No hay
ninguna página que no pueda ver bien con
IE
Es mejor
diseñar una web para IE porque es lo más
usado
-
Sobre HTML
- ¿Qué es el
HTML?
- ¿Es necesario usar
HTML?
- ¿Es necesario
saber HTML para hacer una web?
- ¿Es fácil
escribir HTML?
- ¿Es fácil
escribir HTML correcto?
- Cursillo de
HTML
- Cómo es una
dirección (URI)
- Extensión de los
archivos: ¿
html o htm
?
- Efectos HTML
-
Versiones de HTML
- ¿Cómo?,
¿que hay versiones?
- HTML
- XHTML
- XSL
- ¿Cuál
elijo, y cómo?
-
CSS
- Para qué
sirve
- Cómo puede
combinarse con el HTML
- Formato
- Dónde aprender
CSS
- Varios ejemplos
- Cambiar el color de las
barras de desplazamiento
-
Consejos HTML
- La primera línea
debe ser el DOCTYPE
- Estructura
básica de una web
- El título, lo
más importante
- Escribe todas las
etiquetas en minúsculas
- Cierra todo lo que
abras (con excepciones), y en orden
- Los atributos,
siempre entrecomillados
- Especifica el juego de
caracteres (charset)
- No uses
<font>
- Dar formato a un
trozo de texto o un trozo de página:
<span> y
<div>
- Evita el
<br>, usa párrafos:
<p>
- No hace falta usar
para hacer márgenes
<center> no
existe- El atributo
align no existe
<nobr> no es
necesario- No uses
<i>, <b>,
<u>, sino <em>,
<strong> y CSS.
- Cuidado con los & en
las direcciones (URI)
- Aprovecha las
listas
- Identificar
elementos:
class e id
<script> y
<style> requieren type, no
language- Las cabeceras
<h1>, <h2>,
<h3>, ... son para cabeceras
<body> no
necesita atributos- Conoce las etiquetas
HTML
- No uses
<marquee> ni
<blink>
-
Colores
- Si pones uno,
ponlos todos
- Todos en el
CSS
- Formatos para
especificar colores
- En hexadecimal
llevan el
#
-
Imágenes
- Cuándo
usarlas
- Formatos
gráficos
- Pon siempre el
atributo
alt
- Ese texto que sale
al pasar el ratón se hace con
title
- Usa el CSS para la
altura, anchura y borde
-
Enlaces
- Los buscadores los
visitan (tenlo en cuenta)
- Usa un texto
descriptivo
- No especifiques
destino del enlace (
target)
- Los "enlaces" con
JavaScript no son enlaces normales
-
Tablas
- Casi no hacen
falta
- Estructura de una
tabla
- Ni
<table> ni <tr> ni
<td> necesitan atributos
-
Frames
- No hacen falta
- Inconvenientes
(frames are evil)
- "Ventajas" de los
frames, desmentidas
- Qué usar
entonces
- Cuándo usar
frames
-
JavaScript
- Mejor usa scripts en el
servidor
- Los scripts han de
hacer cosas cómodas para el usuario
- Que sea
opcional
- No hagas
browser sniffing
-
Flash
- No es para sustituir
al HTML o CSS
- Ha de ser opcional ver
una animación en Flash
- Cuándo usar
Flash
-
Java
- Cuándo poner
Java en una web
Espero tus sugerencias. Puedes escribirme, mirar mi libro de visitas, visitar mi página, ...