ubiquitour.com

Cómo convertir archivos PSD a Joomla plantillas

Cómo convertir archivos PSD a Joomla plantillas

Conversión de archivos PSD, o Photoshop, para Joomla no requiere de mucha experiencia o conocimiento en diseño Web. La clave para convertir archivos PSD a Joomla es nombrar las capas de una manera que Joomla pueda reconocerlos. Joomla cuenta con varias zonas predefinidas donde esté contenido. Las capas que contienen "_joomla" en el nombre se representan como áreas de contenido del sitio Web. Las nuevas versiones de Photoshop, CS4 y más tarde, son más fáciles de usar pero también versiones anteriores funcionarán para este proyecto.

Instrucciones

1 Haga clic en el botón "Inicio" en el escritorio y mueva el ratón sobre "Todos los programas." Deslice el puntero del ratón a la derecha sobre "Adobe" y haga clic en "Photoshop". Versiones más recientes de Photoshop pueden tomar hasta 30 segundos para empezar.

2 "Archivo", haga clic en la pestaña "Open" para cargar una imagen para ser usado como fondo para la Página Web. El ancho ideal debe ser de 1.000 píxeles o más grande. La altura debe ser mayor que el ancho, aunque no es obligatorio.

3 Haga clic en el "Rectangular Marquee Tool" de la barra de herramientas situada en el lado izquierdo. Diseño el diseño de la Página Web de dibujar rectángulos o cuadrados como las áreas de contenido del sitio Web. Dibujar un rectángulo en la parte superior la imagen donde desea que el encabezado para colocarse. Colocar un rectángulo en la izquierda y la derecha, una gran plaza entre ellos para el área de contenido principal y un rectángulo en la parte inferior como un pie de página. Éstos se convierten en nuevas capas enumeradas el lado derecho en Photoshop.

4 Haga doble clic en el nombre de cada capa creada para cambiar el nombre. Nombre de la capa superior "header_joomla," capa izquierda "left_joomla," capa derecha "right_joomla," la Plaza "content_joomla" y la capa de fondo "footer_joomla." Aunque algunas áreas tienen nombres específicos tales como "header_joomla", usted puede optar por lugares otras características de la web en ese lugar en vez de encabezado de imagen.

5 Haga clic en el botón "File" y "Guardar como" del menú desplegable. El guardar aparecerá la ventana emergente. Haga clic en el cuadro de texto "Nombre de archivo" y escriba una palabra o frase. Junto a la palabra "Formato", justo debajo de "Nombre de archivo", debería decir "Photoshop" por defecto. Si no es así, haga clic en la flecha apuntando hacia abajo para abrir el menú desplegable y haz clic en "Photoshop". Haga clic en el botón "Guardar" y cierra el Photoshop.

6 Haga doble clic en el icono de navegador en el escritorio para abrirlo. Ir al sitio web de Psd2css Online (ver recursos). Haga clic en el botón "Examinar" en la Página principal y se abre una ventana emergente. Seleccione el archivo de Photoshop que ha guardado en el ordenador y haga clic en el botón "Abrir".

7 Haga clic en el botón "Subir". Este proceso se toma a pocos minutos para convertir el archivo de Photoshop en Joomla. La notificación se mostrará cuando finalice el proceso.

8 Haga clic en el botón "Guardar" y elija la ubicación donde se guardarán los archivos en el equipo. Haga clic en el botón "Save" y archivos de plantilla de Joomla se guardarán en una carpeta en la ubicación elegida.

Consejos y advertencias

  • Áreas de contenido adicionales pueden crear dibujando rectángulos o cuadrados en lugares deseados. Nombre de cada zona "usuario" y agregar un número a él. Ejemplo: "User1, User2."