PSD a Wordpress conversión: explicado de la A la Z (2 / 5 paso)

Paso 2: Paso 2: cortar el PSD

Ahora que han terminado exitosamente el primer paso en este proceso, es tiempo de pasar en el siguiente paso que consiste en rebanar imágenes desde el archivo PSD, finalmente comienza el real PSD a WP ! Esto es mucho más fácil de hacer en el día de hoy y la edad de lo que era en los viejos tiempos de diseño de página web! Esto es debido a diseño web se ha movido más allá de XTHML y CSS2 que requirieron los diseñadores web colocar imágenes donde estaban obligados a HTML5 y CSS3 botones que se han reunido para hacer el trabajo mucho más fácil.

Esto es donde el corte. Simplemente abrir el archivo PSD y buscar todas las imágenes. Si ha guardado todos los archivos en una serie de capas y carpetas para mantenerlas organizadas, de lo contrario este paso va a ser innecesariamente complicados. Todo lo que tienes que hacer es cortar algunas imágenes de su archivo PDS, estas imágenes son aquellos que no pueden crearse mediante el uso de CSS3. Ahora, agregar estas imágenes a su código de HTML5 y CSS3 para posicionar a exactamente donde quieren que sea.

Una vez termines con esto, es hora de añadir el resto de los botones y las formas. Estas formas se podrían hacer una vez sólo por agregar imágenes en los días de CSS2, pero ahora todo lo que necesitas hacer es utilizar CSS para crear todas estas funciones, creando una apariencia más integrada y optimizada para tu web y aumentar tiempos de carga, así ya no habrá imágenes que se carguen!

Artículos Relacionados

PSD a WordPress conversión - saber en 5 pasos

PSD a WordPress conversión - saber en 5 pasos

PSD a WordPress servicio de conversión: desarrollar un sitio web creativo y atractivo se complementa básicamente con dos elementos importantes. Primero uno es el código de sitio web totalmente funcional y competente y otro es de diseño atractivo, atr
Saber paso a paso PSD a WordPress conversión con sus beneficios

Saber paso a paso PSD a WordPress conversión con sus beneficios

Las necesidades más exigentes de todos los negocios en línea en siglo 21 de hoy es el desarrollo web y diseño web profesional. Tener un sitio web atractivo es un requisito indispensable para mantener una posición reputada en el mercado universal actu
Convertir PSD a WordPress en 5 pasos: guía definitiva de A

Convertir PSD a WordPress en 5 pasos: guía definitiva de A

crear un sitio web necesita dos cosas importantes, primero un diseño atractivo, fácil de usar, en segundo lugar, el código de un sitio web eficiente y funcional. Ambos son incompletos sin ellos y sobresaliendo en ambos es sumamente necesario para cre
PSD a HTML5 conversión: agregar un Slider HTML5 a una página web - parte 1

PSD a HTML5 conversión: agregar un Slider HTML5 a una página web - parte 1

hace ya más de un año HTML5 hizo su manera en la industria web. Pero aún queda mucha gente, generalmente incluyendo los principiantes y los intermedios, resulta difícil hacer un Slider HTML5 para una página web. Así que con este PSD a tutorial de con
PSD a HTML5 conversión: agregar un Slider HTML5 a una página web - parte 2

PSD a HTML5 conversión: agregar un Slider HTML5 a una página web - parte 2

en la primera parte de este tutorial, hemos aprendido cómo hacer el código html de este hermoso diseño y añadir un Slider HTML5 en la Página Web. Pero HTML no es suficiente, y en esta es la segunda parte del tutorial, donde nos va estilizar todos los
Consejos y trucos para la conversión de diseño PSD a página web de e-commerce de Wordpress

Consejos y trucos para la conversión de diseño PSD a página web de e-commerce de Wordpress

Aunque WordPress no está dedicado para la creación de sitios web de comercio electrónico, sus características como motor de búsqueda había optimizado código y diseño, herramientas de creación de sitio web fácil de usar, diseño, miles de plugins adici
PSD para conversión y correo electrónico plantillas diseño servicio de proveedor de correo electrónico

PSD para conversión y correo electrónico plantillas diseño servicio de proveedor de correo electrónico

correo electrónico Chopper es un # 1 PSD conversión de correo electrónico y correo electrónico plantillas de diseño. le ayudará a integrar las plantillas de correo electrónico en Mail Chimp, Campaign Monitor, contacto constante y iContact.También ofr
Cómo instalar WordPress más reciente en Windows

Cómo instalar WordPress más reciente en Windows

Mientras que la búsqueda a través de la web no pude encontrar una instrucción paso a paso detallado de la instalación del sistema de gestión de contenidos de WordPress (CMS), específicamente en el host local. Cuando he instalado WordPress primera vez
Cómo convertir de PSD a HTML5 en sólo 5 pasos: guía definitiva de A

Cómo convertir de PSD a HTML5 en sólo 5 pasos: guía definitiva de A

la industria de desarrollo web está pasando por una fase dinámica, que diseño se ha convertido en la última tendencia-setter W3C ha recomendado oficialmente HTML5 como el último estándar HTML que vino después de una década o más. Y junto con el nacim
Convertir un sitio web existente a responsiva WordPress usando Bootstrap

Convertir un sitio web existente a responsiva WordPress usando Bootstrap

Diseño Web, llamado a veces simplemente RWD, es definitivamente uno de los aspectos más importantes del diseño web hoy en día. Según una encuesta reciente de Google, más 82% de los sitios en la web, aprovechando esta técnica increíblemente efectiva p
Drupal a WordPress: cosas que debe saber sobre

Drupal a WordPress: cosas que debe saber sobre

si usted tiene un sitio web o vas a, entonces usted definitivamente ha escuchado acerca de los gurús de las plataformas CMS Drupal y WordPress. Ambos son muy populares entre los usuarios de la web. Aunque WordPress y Drupal CMS son extremadamente pod
SketchUp modelado 3D, conversión de archivos y consejos para la impresión 3d, una pequeña guía de

SketchUp modelado 3D, conversión de archivos y consejos para la impresión 3d, una pequeña guía de

he notado esta competencia relativas a la impresión 3d y pensé que debería entrar en parte porque realmente quisiera que algunos de los premios y también porque creo que este instructable puede ayudarle a mejorar su modelado en 3d y por lo tanto, ani
Bicicleta de eléctrica fácil instalación de Kit de conversión

Bicicleta de eléctrica fácil instalación de Kit de conversión

Un kit de conversión bicicleta eléctrica (e-bike) es una gran manera de insuflar nueva vida a una bicicleta vieja, descuidada. Después de pasar algún tiempo investigando los dos principales tipos de kits disponibles (motores de coche medio y eje), fi
Conversión de neumáticos sin cámara de aire bicicleta

Conversión de neumáticos sin cámara de aire bicicleta

Llantas de bicicletas montaña tubeless no son simplemente un marketing truco--tienen muchos beneficios. Para los neumáticos de gran volumen, tales como los utilizados en bicicletas de montaña, una conversión tubeless permite ejecutar presiones más ba