Crea tu propia web en XHTML
Hoy en día muchos son los que se plantean crearse su propia página web, lo cual está muy bien pero para determinadas cosas ya que es un terreno muy denso y son muchas cosas las que hay que tener en cuenta si queremos que sea funcional: su estructura, su diseño, su usabilidad y hasta su contenido.
Es por eso que si se quiere una página web en condiciones se debe contactar con un profesional, pero si lo que queremos es juguetear y crearnos cualquier página web para pasar el rato o simplemente ir aprendiendo Jennifer Kyrnin nos explica algunas cosillas que os he traducido a continuación:
Para crear o diseñar una página web existen etiquetas que son requeridas para el buen funcionamiento de esta en los distintos navegadores.
<!DOCTYPE>
el DOCTYPE no es en realidad un elemento de XHTML, pero es importante incluirlo en el documento que estamos creando ya que hace referencia al DTD (document type definition).
Exiten tres tipos de DTDs que podemos usar:
- <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>Se usa para para tipos de documentos muy estrictos, no se aconseja utilizar este DOCTYPE a menos que seas muy cuidadoso con tu código XHTML.
- <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>Es el que se utiliza tradicionalmente en la mayoría de las páginas web.
- <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>Se usa si nuestra página web estará estucturada a base de marcos, lo cual personalmente veo un poco obsoleto pero hay gustos para todo.
<HTML>
Es la primera etiqueta que debe tener una página web. Esta le dice al navegador que el texto que aparecerá a continuación es un código html y no cualquier otro formato cómo texto plano, XML, o SGML entre otros.
Es necesario utilizar la etiqueta de cierre </html> al final del documento.
<HEAD>
Esta etiqueta se utiliza para definir la información para los buscadores que pueden o no mostrarse a los usuarios. Aqui incluiremos etiquetas como <title>, <meta>, <script> o <style> según nuestras necesidades.
Es necesario cerrar la etiqueta con </head>
<TITLE>
Esta etiqueta que como hemos dicho antes debe estar incluida en la etiqueta <head>. Es lo que le da el titulo a nuestra página web el cual se mostrará en la parte superior del navegador que estemos utilizando.
La etiqueta de cierre </tilte> es necesaria.
<BODY>
Aqui es donde estará el contenido de nuestra página web. Deberemos utilizar atributos para definir el color de fondo, el tipo de fuente, y demás. La etiqueta se cierra con </body>.
Dentro de <body> existen muchas etiquetas que se pueden utilizar, pero un ejemplo de página web simple quedaría asi:
<html>
<head>
<title>
Titulo de nuestra web.
</title>
</head>
<body>
Contenido de nuestra web.
</body>
</html>
Para que veas los resultados y te animes con esto del diseño web prueba a copiar este ejemplo en un archivo .txt guardándolo con la extensión .html y utilizando la codificación UTF-8. A partir de ahí tu página irá cogiendo forma según le vayas añadiendo contenido.
