Metodologia De Website1
Páginas: 7 (1693 palabras)
Publicado: 9 de abril de 2015
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í en SERVER con elnombre 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 los contenidos delsite.
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án las modificacionesque 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 a guardar todos los documentos quesean 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, swfdeberá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 colores deberán de estar en formato .gif, optimizando lacantidad 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 la carpeta llamada Reciclaje en el Server.
3) El font standardde 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 de Meta Tags y Alt Tags:
¿Qué son?
El título de un sitio, susmeta 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 despliegueprimero 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 (con espacios) en sitios en Español y 65 caracteres (con espacios) en...
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í en SERVER con elnombre 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 los contenidos delsite.
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án las modificacionesque 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 a guardar todos los documentos quesean 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, swfdeberá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 colores deberán de estar en formato .gif, optimizando lacantidad 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 la carpeta llamada Reciclaje en el Server.
3) El font standardde 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 de Meta Tags y Alt Tags:
¿Qué son?
El título de un sitio, susmeta 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 despliegueprimero 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 (con espacios) en sitios en Español y 65 caracteres (con espacios) en...
Leer documento completo
Regístrate para leer el documento completo.