Planear como va a estar formado nuestro sitio web puede ayudar a ahorrarnos mucho tiempo y aparte nos permitirá tener mejor ordenados los archivos que vamos a utilizar para nuestro sitio y no tener regado por todos lados los archivos como son las hojas de estilo, los templates, archivos originales, documentos en Word que tenemos que agregar, imágenes, etc. Es recomendable tener cada tipo en carpetas previamente pensadas las cuales van alojar los diferentes tipos de archivos, por ejemplo en la imagen de abajo podemos ver como se puede organizar todos los archivos para nuestra pagina.
Para crear este esqueleto de la pagina es necesario ir a la dirección donde instalaste AppServ que vendría siendo C:\Appserv en esta carpeta hay cuatro carpetas Apache, MySQL, PHP5 y www esta es donde se van a almacenar nuestros sitios web que desarrollas en PHP, entonces la dirección donde vamos a crear todas estas carpetas seria en C:\Appserv\www.
Las carpetas que se puedan crear pueden ser las que uno requiera para organizar bien la información, por ejemplo en la carpeta recursos puedo tener una librería de ajax, algún template mosnter, alguna paleta colores. la carpeta de originales puede contener algunos PSD, FLA, PNG, AI etc archivos originales creados para luego exportarlos para el sitio. La carpeta de Documentos puede contener alguna información que te han hecho llegar en formato WORD, CSV, Excel etc y que tienes que agregar a la pagina. Puedes crear otra carpeta de imágenes a editar para posteriormente guardarlas dentro de la carpeta del sitio y asi evitar perdidas de tiempo buscando archivos o al final quede todo el sitio revuelto y que tu mismo no sepas donde esta cada archivo.
Todo esto es la planeación básica de como puedes organizar tu sitio web. Mas adelante planearemos el sitio completo Plantilla, Secciones, Colores, Logotipo etc.
Puedes descargar las carpetas del sitio aquí.
Definición del Sitio
La definición del sitio sirve para tener la información del sitio organizada y poder testear con PHP, buscar enlaces rotos, la carpeta que hayamos definido como la que almacenara las imágenes servirá para que cuando insertes una imagen dentro del sitio que este en otra dirección, por ejemplo Mis Documentos esta la copie a la carpeta que definiste como default para las imágenes y así evitar el clásico “Yo si veo las imágenes de mi pagina pero los demás usuarios no“
Para esto hay que ir al menú Site/New Site.
Local Info.
Local Info: Site Name: nombre del tu sitio Mi Sitio
Local Root Folder: C:\AppServ\www\sitionuevo\misitio
Default Image folder: C:\AppServ\www\sitionuevo\misitio\images
Remote Info.
Access: Local/Network
Remote Folder: C:\AppServ\www\sitionuevo\misitio\
Testing Server
Server Model: PHP MySQL
Access: Local/Network
Testing server folder: C:\AppServ\www\sitionuevo\misitio\
URL prefix: http://localhost/sitionuevo/@misitio/
Spry
Spry assets folder: C:\AppServ\www\sitionuevo\misitio\js\
Hacemos clic en ok y vamos de nuevo al menú Site y selecciona la opción Manage Sites seleccionamos Sitio Nuevo y selecciona la opción de export. Sube un nivel y guarda el archivo MiSitio.site este archivo es el que guarda la información que agregamos previamente.
Esto va servir para que en caso de que se desconfigure dreamweaver o tengamos que volver a instalarlo no sea necesario volver a ingresar la información de todos los sitios, bastara con ir al menú Site/Manage Sites y seleccionar la opción de Import seleccionas MiSitio.site y esto habrá cargado toda la información del sitio.
