Metodología de un website





Metodología para diseño de WebSite

a) Realizar la Estructura:

Se debe definir claramente cuál será la estructura del Website a desarrollar. Esta estructura deberá ser proveída por el cliente y cualquier sugerencia o cambio que consideren necesario deberá de efectuarla el agente vendedor.

b) Estructura de trabajo:

1) Se deberá crear una carpeta en el servidor local aquí enSERVER con el nombre del dominio del cliente, por ejemplo, si el Website es para la carpeta deberá de llamarse hotellunaazul.

2) Dentro de esta carpeta deberá de existir dos carpetas, una se llamará trabajo y la otra web.


a. En trabajo irán dos o tres carpetas (dependiendo de la etapa en la que se encuentre el proyecto). La primera deberá llamarse Textos, ésta tendrá dentro de sí todos loscontenidos del site.

b. Otra carpeta se llamará Bocetos, dentro de ella irán los .PSD, .AI y a su vez ésta debe contener una carpeta llamada Fotos Web aquí van las fotos que se utilicen del stock de fotos; Fonts es donde irán las fuentes que utilice el sitio que se esté diseñando .


c. Por último, cuando ya el site esté en línea se deberá crear una carpeta más llamada Cambios y aquí estaránlas modificaciones que el cliente solicite por mantenimiento.

d. En la carpeta Web irá únicamente el contenido que será subido al servidor en Internet.

3) La carpeta de Web deberá de estructurarse de la siguiente manera:

a. Un fólder que se llamará images, en este se guardarán todas las imagenes del sitio .jpg, .gif , .png

b. Un fólder que se llamará Downloads, en ese se van aguardar todos los documentos que sean para descargar.


c. Otro fólder que se llamará Scripts, en este folder se encontrarán todos los scripts del sitio.

d. Uno más que se llame css, que es dónde estarán todas las hojas de estilos.

e. El fólder flash en el que se van a guardar los .fla y las imágenes que utilicen los flash que se vayan a trabajar.

f. Templates en el caso que se necesite.g. Los archivos .htm, .html, .shtml, swf deberán de estar en la raíz de la carpeta Website.


c) Aspectos de diseño:

1) Producción del PSD:
a. Un ancho máximo de 980px, debe tener un nombre que este relacionado con la pagina que se esta usando. Ejm: Index, Home, Principal, etc.

2) Imagenes:
a. Todas aquellas imagenes que contengan textos o que sean logos o imagenes de pocos coloresdeberán de estar en formato .gif, optimizando la cantidad de colores que se utilizen, ya sea 32, 64, 128 o 254, para así bajar el peso al máximo.

b. Todas las fotos que se utilizen deberán de ser grabadas en .jpg a una calidad de 80% según el save for web de photoshop.

c. Aquellas propuestas que no sean aprobadas por el cliente siempre y cuando sean presentables se deben guardar en lacarpeta llamada Reciclaje en el Server.

3) El font standard de Dreamweaver que se deberá de utilizar en todos los sitios serán los del Dreamweaver.

4) Todos los styles generados deben ir en un documento css dentro de la carpeta del mismo nombre.

5) Es muy importante revisar las propuestas con las hojas de Diseño, en todas sus etapas (Propuesta JPG, Animación y Montaje).


c) Construcción deMeta Tags y Alt Tags:

¿Qué son?

El título de un sitio, sus meta tags y sus alt tags, son las secciones que utilizan los buscadores de internet para poder encontrar los resultados de una busqueda. Cuando un sitio se indexa, el buscador archiva la información del título y tags en su base de datos, así cuando se realiza una búsqueda, el sitio que tenga mayor aproximación a lo que se buscóbasado en lo archivado en la base de datos, será el que se despliegue primero que los demás.

El título y los tags de un sitio, deben de ser creados en todas las pantallas html de un sitio, y no deberán de ser iguales, sino que deberán de tener relación con el contenido del sitio. Estos deberán de ser creados de la siguiente manera:

TITLE:
 
El título deberá de ser de menos de 75 caracteres...