Una labor no menos importante cuando vamos a diseñar nuestro sitio web, es definir la jerarquía de carpetas que vamos a tener. Con el tiempo y la experiencia vosotros adoptaréis el sistema que mejor os venga en cada momento o con cada sitio diseñado, pero por el momento, os voy a ofrecer un sistema bastante óptimo y basado en futuros diseños que hagamos en el foro.

Para comenzar, yo he creado 3 carpetas: imagenes, midis y setdescubriendo.

IMPORTANTE: debes tener en consideración unas pocas normas a la hora de nombrar archivos y/o carpetas.

• Preferentemente NO pongas espacios en blanco entre palabra y palabra, si quieres diferenciar bien un nombre pues pon un guión o un guión bajo, por ejemplo Set_Descubriendo o Set-Descubriendo. Esto, evitará el 90% de los errores en el navegador.

• Ten en cuenta de que el navegador diferencia entre mayúsculas y minúsculas, considéralo a la hora de construir tu url.

• NO uses caracteres extraños a la hora de nombrar tus archivos y/o carpetas, tales como acentos, símbolos como el &,$ y letras como la ñ entre otros. Usa sólo las letras del abecedario tanto mayúsculas como minúsculas (con excepción de la ñ) y en cuanto a símbolos puedes usar los guiones y el punto.

Si tienes en cuenta estas pocas reglas, ya tenemos depurado  el 90% de los errores de visualización en el navegador de una página.

Carpeta midis: con el tiempo haremos montones de páginas web, y algunas compartirán archivos comunes tales como la música que ambiente nuestras creaciones. Es por ello que a fin de economizar espacio en el alojamiento web (hosting) yo recomiendo meter la música en una carpeta común. Aprovecho para decir que no uséis mp3 ni wav para ambientar vuestras páginas (a menos que sean archivos muy pequeños) ya que retardarían la carga de la misma en el navegador, y este es un aspecto que tendremos que tener en cuenta con respecto a las conexiones lentas de nuestros futuros visitantes.

Carpeta imágenes: igual que en el caso anterior, algunas paginas tendrán imágenes comunes, o bien alguna imagen suelta que no sepamos donde recolocar. Este será su lugar.

Carpeta setdescubriendo: aquí colocaremos los gráficos contenidos en el zip de materiales, que corresponden a los gráficos que se corresponden a los tutoriales de Descubriendo el PSP - Mi primera página web. Si tú has seguido estos tutoriales, entonces usa tus gráficos. Pero si por el contrario no has pasado por la sección de PSP, entonces usa los contenidos en el zip a fin de que puedas seguir con el curso de Dreamweaver. Esto es lo que habrá dentro de setdescubriendo:

Vamos ahora a crear nuestro primer documento html vacío (o casi vacío) y lo guardaremos en nuestro sitio web.

Cuando abrimos dreamweaver, automáticamente ya se abre un documento nuevo vacío:

en la casilla Titulo, pondremos Mi página web. y lo guardaremos dentro de la carpeta Sitio_Dreamweaver y lo nombraremos  index.html (más adelante explicaremos un poco el tema del index). Para ello vamos a Archivo - Guardar como y en la ventana emergente rellenaremos como sigue:

Y en nuestro sitio esto es lo que tendremos ahora:

Por el momento esto es todo. Nos veremos en el siguiente tutorial.