1. Descomprimir paquete de plantilla
Después 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 vídeo sobre el modo de descomprimir el paquete de la plantilla:
¿Cómo descomprimir una plantilla (Windows)?
¿Cómo descomprimir una plantilla (MAC OS)?
Al descomprimir el archivo “sources_############.zip” necesita introducir una contraseña, que puede encontrar en su Página de descarga de producto (abra el enlace en nuestro mensaje de correo electrónico que recibió).
Ahora debe tener 4 carpetas: “screenshots”, “site”, “site_flash”, “sources”
2. Información general y estructura de la plantilla
Su tipo de plantilla incluye dos versiones del mismo diseño: una con una cabecera Flash (con animación) y otra – con cabecera HTML (estática). Consulte la sección necesaria de las siguientes instrucciones para cada versión de la plantilla que desea utilizar:
- versión HTML (cabecera no animada)
- versión Flash (cabecera animada)
- “screenshots” – contiene capturas de pantalla de la plantilla;
- “site” – contiene los ficheros HTML y el fichero style.css (una versión no animada);
- - “images” – contiene todas las imágenes utilizadas en los ficheros HTML;
- - “css” – contiene los ficheros CSS utilizados para estilizar las páginas HTML;
- - “js” – contiene los plugins de jQuery y ficheros de JavaScript;
- “site_flash” – contiene los ficheros HTML y el fichero style.css (una versión animada);
- - “flash” – contiene película(s) Flash SWF que se utiliza en los ficheros .HTML;
- - “images” – contiene todas las imágenes utilizadas en los ficheros HTML;
- - “js” – contiene los plugins de jQuery y ficheros JavaScript;
- “sources” – contiene ficheros fuentes;
- - “clipart_library” – contiene ficheros .PSD de clipart gratuito – todos los elementos están dispuestos en diferentes ficheros;
- - “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 diseño, entonces estos tipos son proporcionados con la plantilla.
Después 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”. Después de descargar/encontrar todos los tipos de letra, tiene que copiarlos al directorio C:/Windows/fonts.
4. Modificar la versión HTML de la plantilla
Software necesario: Puede descargar las versiones de prueba (30 días 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 página 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 página de la plantilla.
Para abrir un fichero .html con el software Adobe Dreamweaver, haga clic derecho del ratón en el fichero y en el menú 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
http://info.template-help.com/general-tutorials/work-with-html
b) ficheros de Photoshop
Los ficheros de Photoshop se encuentran en la carpeta “sources/psd” y son necesarios para la edición de algunos títulos de texto en la plantilla que fueron creados con ayuda de los tipos de letra no-estándares. 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 diseño 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 títulos del menú, los títulos de banner, etc) se puede modificar a través de ficheros .psd.
Por favor, consulte los tutoriales en estes enlaces http://info.template-help.com/how-save-for-web.html
http://info.template-help.com/how-use-bring-front-feature.html
Si el diseño HTML de la plantilla se ve completo y no hay ningún título que falta, entonces su plantilla está utilizando la tecnología Cufon que permite la incrustación de fuentes no-estándares utilizando JavaScript, y por eso se puede modificar todo el texto en los ficheros .html.
Por defecto los tipos de letra de plantilla sólo soportan caracteres latinos, la incorporación de caracteres especiales (griegos, cirílicos, etc) requiere recompilación del fuente Javascript de la plantilla. Por favor, consulte el siguiente tutorial
http://info.template-help.com/how-use-cufon-feature.html
5. Modificar la versión Flash de la plantilla
Software necesario: Puede descargar las versiones de prueba (30 días 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 cabecera 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:
http://info.template-help.com/general-tutorials/work-with-flash
b) Modificar el contenido de la página HTML
Por favor, consulte el párrafo 4.a del tutorial.
Nota: Los ficheros HTML de la versión animada de la plantilla se encuentran en la carpeta “site_flash”(no “site”).
c) ficheros de Photoshop
Por favor, consulte el párrafo 4.b del tutorial.
6. Subir plantilla
Ahora necesita subir los ficheros específicos de su plantilla desde su ordenador local a su servidor de alojamiento.
Según la versión de la plantilla que ha elejido (Flash o HTML) necesita subir el contenido de la carpeta correspondiente:
- Si ha personalizado la versión HTML (estática) de la plantilla, suba todo el contenido de la carpeta “site”
- Si ha personalizado la versión Flash (animada) de la plantilla, suba todo el contenido de la carpeta“site_flash”
Este video tutorial le mostrará cómo se puede subir ficheros al host con ayuda del software de gestión de FTP gratuito FileZilla (puede usar cualquier otro software que le gusta, o subir directamente a través de Hosting Cpanel)
http://info.template-help.com/how-upload-files-server-2.html