Webmaster Profesional

01.qxp

14/10/2009

11:58 p.m.

PÆgina 13

Webmaster profesional

Diseño
del sitio y CSS
Para comenzar a dar respuesta
a las dudas y problemas
más frecuentes que enfrenta
un diseñador o un desarrollador
de sitios web, en el primer capítulo
de este libro, abordaremos
las soluciones relacionadas
con el diseño del sitio, trabajo
con tablas, utilización de capas,
creación dediferentes tipos
de menús y aplicación de estilos CSS.

SERVICIO DE ATENCIÓN AL LECTOR: usershop@redusers.com

Capítulo

1

¿Cuáles son las diferencias
y ventajas de la utilización
de HTML, XHTML y CSS?
14
¿Qué aplicaciones pagas
y gratuitas existen para
diseñar y administrar
un sitio web?
19
¿Qué herramientas nos ayudan
a elegir la paleta de colores
para un sitio?
24
¿Quétipografías pueden utilizarse
en el diseño de un sitio web
y cuáles son las recomendadas? 28
¿Cómo visualizar los sitios
que no muestran los caracteres
de manera correcta?
30
¿Cómo se pueden definir estilos
de texto para todas las
páginas de un sitio?
33
¿Qué efectos es posible aplicar
a los links de una página y cómo se
pueden establecer para un sitio? 39
¿Qué aspectos deben considerarsepara diseñar y establecer el formato
de las tablas de un sitio?
45
¿Cómo es posible crear una
capa y ubicarla dentro de otra? 48
¿Es posible mostrar una capa con
una transparencia de fondo?
51
¿En qué casos se recomienda
diseñar una página
con dimensiones fijas y cuándo,
con porcentuales?
54
¿Cuál es la mejor forma
de establecer los márgenes
de una página y sus elementos? 58
¿Cómosolucionar los problemas de
centrado del sitio web en diferentes
resoluciones de pantalla?
59
¿Cuáles son las diferentes
opciones de menús que se
pueden crear al utilizar CSS?
62
Resumen
67
Actividades
68

01.qxp

14/10/2009

11:58 p.m.

PÆgina 14

1. DISEÑO DEL SITIO Y CSS

¿Cuáles son las diferencias y ventajas de la
utilización de HTML, XHTML y CSS?
Para lograrcomprender cómo funciona Internet y las tecnologías que
conviven en su infinita telaraña, es importante conocer su evolución; nace como
un proyecto militar denominado ARPANET. Este desarrollo se concreta en
1969, año en el cual se produce la primera transmisión por esta vía. A principios
de la década del setenta, cuando aún la conectividad era muy rudimentaria, Ray
Tomlinson crea el correoelectrónico, una invención que, renovaciones mediante, se mantiene vigente hasta nuestros días. Hacia fines de la década del
ochenta, Internet logra su punto de inflexión, cuando se crea lo que conocemos
como World Wide Web o WWW.

Figura 1. La entidad que determina los estándares que se utilizan
en la Web, World Wide Web, es conocida como W3C
(World Wide Web Consortium) y se encuentra en ladirección www.w3.org.

HTML
Con la llegada de la World Wide Web, fue fundamental contar con un lenguaje que se transformara en un estándar en la construcción de páginas web. A principios de la década del noventa, nace el HyperText Markup Language, nombre que podría traducirse como lenguaje de marcado (o etiquetado) de hipertexto,
HTML. Aún hoy es la base de las páginas web que vemos en Internet,potenciado con las ventajas que ofrecen las nuevas tecnologías.
HTML utiliza etiquetas que permiten enriquecer o agregar contenido adicional,
14

www.redusers.com

01.qxp

14/10/2009

11:58 p.m.

PÆgina 15

¿Cuáles son las diferencias y ventajas de la utilización de HTML, XHTML y CSS?

al estructurar texto y otros elementos que conoceremos más adelante. Cabe
destacar que no es unlenguaje de programación ya que, entre otras cosas, no
puede ofrecer las funciones y el trabajo con variables, que sí brindan los lenguajes de programación. La ventaja del HTML es su versatilidad para trabajar con
distintos lenguajes y tecnologías. Por eso, a pesar de sus limitaciones, mantiene
su importancia en el armado de sitios web.
Dentro de un documento HTML, se puede agregar código de...