Guía rápida de Plantilla Flash

1. Descomprimir paquete de plantilla

Despues de descomprimir el paquete de la plantilla puede encontrar tres carpetas: “screenshots”, “site”, “site_flash” y otro archivo zip “sources_############.zip” que necesita descomprimir. Usted puede mirar los tutoriales en video sobre el modo de descomprimir el paquete de la plantilla:

?Como descomprimir una plantilla (Windows)?

?Como descomprimir una plantilla (MAC OS)?

Al descomprimir el archivo “sources_############.zip” necesita introducir una contrasena, que puede encontrar en su Pagina de descarga de producto (abra el enlace en nuestro mensaje de correo electronico que recibio).

Ahora debe tener 4 carpetas: “screenshots”, “site”, “site_flash”, “sources”

2. Informacion general y estructura de la plantilla

Su tipo de plantilla incluye dos versiones del mismo diseno: una con una cabecera Flash (con animacion) y otra – con cabecera HTML (estatica). Consulte la seccion necesaria de las siguientes instrucciones para cada version de la plantilla que desea utilizar:

• version HTML (cabecera no animada)
• version Flash (cabecera animada)

• -“screenshots” – contiene capturas de pantalla de la plantilla;
• -“site” – contiene los ficheros .HTML y ficheros .CSS (una version no animada);
• – “images” – contiene todas las imagenes utilizadas en los ficheros HTML;
• -“site_flash” – contiene los ficheros .HTML y ficheros .CSS(una version animada);
• – “flash” – contiene pelicula(s) Flash SWF que se utiliza en los ficheros .HTML;
• – “images” – contiene todas las imagenes utilizadas en los ficheros HTML;
• -“sources” – contiene ficheros fuentes;
• – “clipart_library” – contiene materiales de bonus;
• – “flash” – contiene los ficheros fuentes .FLA;
• – “psd” – contiene los ficheros .PSD de Adobe Photoshop.

3. Instalar tipos de letra

Si la plantilla utiliza algunos tipos de letra no comunes en el diseno, entonces estos tipos son proporcionados con la plantilla.

Despues de descomprimir el paquete de la plantilla, puede encontrar el fichero “fonts_info.txt” donde se puede buscar el nombre del tipo de letra y el enlace de descarga. Si no encuentra el fichero mencionado, entonces los tipos de letra son probablemente parte del paquete de la plantilla. Abra la carpeta “sources” y busque la carpeta “fonts”. Despues de descargar/encontrar todos los tipos de letra, tiene que copiarlos al directorio C:/Windows/fonts.

4. Modificar la version HTML de la plantilla

Software necesario: Puede descargar las versiones de prueba (30 dias gratis) por medio de los siguientes enlaces

Adobe Dreamweaver (o Microsoft Expression Web)
http://www.adobe.com/products/dreamweaver/
http://www.microsoft.com/expression/products/Web_Overview.aspx

Adobe Photoshop
http://www.adobe.com/products/photoshop/photoshop/

a) Modificar el contenido de la pagina HTML
Todos los ficheros HTML editables se encuentran en la carpeta “site” del paquete de la plantilla (index.html, index-1.html,
index-2.html, etc.). Cada fichero index-#.html representa una pagina de la plantilla.

Para abrir un fichero .html con el software Adobe Dreamweaver, haga clic derecho del raton en el fichero y en el menu contextual elija Open with -> Adobe Dreamweaver (Abrir con>Adobe Dreamweaver). Por favor, consulte este enlace para obtener instrucciones generales de Adobe Dreamweaver y ficheros .html
Working with HTML

b) ficheros de Photoshop
Los ficheros de Photoshop se encuentran en la carpeta “sources/psd” y son necesarios para la edicion de algunos titulos de texto en la plantilla que fueron creados con ayuda de los tipos de letra no-estandares. En el ejemplo le mostramos la forma de determinar si estos tipos de letra son utilizados en la plantilla.

La primera captura de pantalla muestra el diseno completo de plantilla, mientras que la segunda captura es lo que puede ver si abre el fichero “site/index.html” en su navegador web. Todos los elementos "que faltan" en la segunda captura de pantalla (los titulos del menu, los titulos de banner, etc) se puede modificar a traves de ficheros .psd.

Por favor, consulte los tutoriales en estes enlaces How to save for web

Photoshop. How to use bring to front feature

Si el diseno HTML de la plantilla se ve completo y no hay ningun titulo que falta, entonces su plantilla esta utilizando la tecnologia Cufon que permite la incrustacion de fuentes no-estandares utilizando JavaScript, y por eso se puede modificar todo el texto en los ficheros .html.

Por defecto los tipos de letra de plantilla solo soportan caracteres latinos, la incorporacion de caracteres especiales (griegos, cirilicos, etc) requiere recompilacion del fuente Javascript de la plantilla. Por favor, consulte el siguiente tutorial
How to use cufon feature

5. Modificar la version Flash de la plantilla

Software necesario: Puede descargar las versiones de prueba (30 dias gratis) por medio de los siguientes enlaces

Adobe Dreamweaver (o Microsoft Expression Web)
http://www.adobe.com/products/dreamweaver/
http://www.microsoft.com/expression/products/Web_Overview.aspx

Adobe Photoshop
http://www.adobe.com/products/photoshop/photoshop/

Adobe Flash Professional
http://www.adobe.com/products/flash/

a) Modificar diseno Flash

El fichero flash (.fla) editable se encuentra dentro de la carpeta “sources/flash” del paquete de la plantilla. Abra el fichero .fla por medio del software Adobe Flash y empiece a personalizarla. Si usted no tiene experiencia con Flash, por favor consulte este enlace:
Working with Flash

b) ficheros de Photoshop
Por favor, consulte el parrafo 4.b del tutorial.

6. Subir plantilla

Ahora necesita subir los ficheros especificos de su plantilla desde su ordenador local a su servidor de alojamiento.

Segun la version de la plantilla que ha elejido (Flash o HTML) necesita subir el contenido de la carpeta correspondiente:

• Si ha personalizado la version HTML (estatica) de la plantilla, suba todo el contenido de la carpeta “site”
• Si ha personalizado la version Flash (animada) de la plantilla, suba todo el contenido de la carpeta“site_flash”

Este video tutorial le mostrara como se puede subir ficheros al host con ayuda del software de gestion de FTP gratuito FileZilla (puede usar cualquier otro software que le gusta, o subir directamente a traves de Hosting Cpanel)
How to upload files to server