TextWrangler es un editor de textos para OS X. Este programa es Freeware.
Primero antes de crear toda la web deberemos fijarnos en unos cuantos parámetros o etiquetas que se usan para formar una web:
<html>
<head>
<title>
Título de nuestra web
</title>
<head>
<body>
Aquí es donde escribimos
</body>
<html>
Antes de empezar a escribir, deberemos definir los caracteres del lenguaje que utilizamos, ya que por defecto viene en inglés y nosotros utilizamos un lenguaje que utiliza caracteres con tildes o diéresis y la "ñ". El código es el siguiente:
<meta http-equiv="Content-type" content="text/hmtl;charset=UTF-8"Y en el navegador haremos lo siguiente:
Una vez hecho esto podemos empezar a definir la composición, utilizando códigos que pueden ser para definir la tipografía en bold, cursiva o subrayado.
Estas etiquetas tienen un principio y un fin, para saber dónde acaba el código y para que Dreamweaver las interprete.
· Letras en bold
: <b> </b>
· Letras en cursiva: <i> </i>· Subrayar letras:
<u> </u>Eso en cuanto al uso de la tipografía. En cuanto a parágrafos y texto en general, tenemos otro tipo de códigos que a continuación listaré:
· Salto de línea:
</br>· Tachar palabras:
<strike> </strike>· Barra de espacio: & nbsp; (sin espacio algúno)
· Cabecera:
<h> </h> o <h1> <h2> <h3> (para incluir varios títulos)· Parágrafo o Sangría:
<p> </p>· Regla Horizontal:
<hr>· Fuente:
<font face="Verdana">· Tamaño de fuente:
<font face="Verdana" size="1"> </font>· Color:
<font face="Verdana" color="Aqua"> </font> (Aqua es un estándar de color web, pero podemos poner otros colores y variaciones de colores, usando el código hexadecimal, por ejemplo: #4400CC el cual podremos abreviar usando tan solo #40C· Listas (Con punto):
<ul> </ul> <li> </li>· Listas (Con número):
<ol> </ol> <li> </li>· Link:
<a href="web"> nombre</a>· Hipervínculo o enlace, dentro o fuera del sitio web:
<a href="web del sitio" title="nombre del sitio" target="_blank" tabindex="1">nombre del sitio</a>