- Plantillas Web
- Plantillas E-commerce
- Plantillas de CMS y Blog
- Plantillas Facebook
- Constructor Web
¿Cómo personalizar plantillas Facebook HTML?
agosto 30, 2011
El siguiente tutorial le presenta el modo de personalizar plantillas Facebook basadas en HTML.
- Antes de comenzar la personalización de plantilla, puede revisar la plantilla original. Para ver la plantilla original, simplemente abra el fichero Index.html en el navegador.
- Para modificar el contenido de las páginas, abra cada fichero ‘html‘ en Dreamweaver.
- Usted puede utilizar la opción "Split" para revisar el diseño y el código. Para guardar el fichero, pulse CTRL+S o haga clic en File -> Save(fichero/archivo -> guardar).
- Para añadir más páginas, hay que duplicar la página original. Cambie su nombre y ábrala en Dreamweaver para modificar el contenido.
- Para la modificación de imágenes o vídeos, busque la carpeta con estos ficheros y simplemente cámbielos.
- Para modificar el color del texto hay que modificar el fichero .CSS.
- Si quiere modificar el logotipo o el texto del nombre de la empresa hay que modificar el fichero ‘psd’ con ayuda de Adobe Photoshop opción Save For Web (Guardar para Web).
NOTA: si desea utilizar los mismos tipos de letra, por favor, instale todos tipos de letra a su computadora antes de abrir el fichero ‘psd’ y el programa Photoshop. Sólo tiene que copiar y pegar todos los tipos de letra de la carpeta ‘sources/fonts’ a la carpeta ‘control panel/fonts‘ en su ordenador.
- Abra el fichero ‘psd’ en Photoshop y active slices (sectores): View->Show->Show Slices.
- Escoja la herremienta “text tool” del panel de herramientas, haga clic en el texto de logotipo y cámbielo.
- Si ha terminado de modificar el logotipo, abra library (biblioteca) y oculte todas las capas, excepto la capa del logotipo.
- Haga clic en File->Save For Web. Elija el sector que ha modificado y haga clic en el botón Save (Guardar).
- Guardelo en la carpeta ‘site’. Si Usted ha hecho todo correctamente, se le pregunta si desea reemplazar el fichero.
- Haga clic en ‘Replace’(reemplazar).
- Ahora puede abrir el fichero Index.html file para revisar los cambios.
- Después de modificación de ficheros suba el contenido de la carpeta /site al servidor, no cambie la estructura de ficheros. Ahora puede actualizar la página de APP en Facebook para ver los cambios.
Siéntase libre de mirar el video tutorial abajo:
¿Cómo personalizar plantillas Facebook HTML?