| Casa | Hardware | Redes | Programación | software | Criticar | Sistemas |   
software  
  • Adobe Illustrator

  • Software de Animación

  • Antivirus Software

  • Software Audio

  • Copia de seguridad de datos

  • Grabar CDs

  • Grabar DVDs

  • compresión de datos

  • Software de base de datos

  • edición

  • desktop Video

  • Software de vídeo digital

  • Drupal

  • Software Educativo

  • Ingeniería del Software

  • Tipos de extensiones de archivos

  • Software financiero

  • Freeware , Shareware y Abandonware

  • GIMP

  • Graphics Software

  • Software Home Recording

  • Microsoft Access

  • Microsoft Excel

  • Microsoft Publisher

  • Microsoft Word

  • Código abierto

  • Otro Software Informática

  • Juegos de PC

  • Photoshop

  • Formato de Documento Portátil

  • PowerPoint

  • Software para presentaciones

  • Software de Productividad

  • Quicktime

  • Gestión de Escritorio remoto

  • SQL Server

  • Skype

  • Software versiones beta

  • Consultores de Software

  • Las compañías de desarrollo de software

  • Licencias de software

  • Hojas de cálculo

  • Impuestos-Preparación de Software

  • Software de utilidades

  • Web Clip Art

  • Windows Media Player

  • Software de Procesamiento de Texto
    		•
    		 
    * Conocimientos Informáticos >> software >> Drupal >> Content
    PSD a HTML en Drupal
    Drupal es un sistema de gestión de contenido de código abierto que permite a los desarrolladores crear y manejar fácilmente el contenido de un sitio web. PSD se refieren a archivos de diseño Photoshop . El desarrollo de sitios web se inicia desde el diseño de Photoshop. Una vez que tenga el diseño PSD , puede convertirlo en HTML , Joomla , Wordpress y Drupal sitio. Para convertir los PSD a HTML en Drupal, es necesario entender las etiquetas de HTML , CSS y temas de Drupal , y contenidos y nodos . Cortando el PSD
    archivo

    Ir al Photoshop y abrir el archivo de diseño. Haga clic en la barra de herramientas y seleccionar " Herramienta Slice ". Cortar la imagen que desea conservar. Haga clic en " Guardar" para guardar las rodajas . Estos archivos se deben guardar en la carpeta yourwebsite /theme_files . Si la herramienta Slice está oculta , puede hacer que se muestre , haga clic en "View ", " Show" y "cortes" . Evite cortar bloques de texto , ya que no se puede realizar búsquedas en Google . Sin embargo , por lo general, desea mantener el texto del logotipo en la imagen del logotipo .
    Crear una página

    En cualquier editor de texto, cree un nuevo archivo home.html e introduzca el siguiente código:

    < DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN"

    " http://www.w3.org/TR/! xhtml1/DTD/xhtml1-transitional.dtd ">

    < HTML xmlns =" http://www.w3.org/1999/xhtml " el archivo css antes de la etiqueta < /head> .
    Crear DIV Etiquetas

    Crear áreas DIV acuerdo con el diseño original en PSD. Cada sección de su diseño se debe incluir dentro de una etiqueta DIV y se le dará un nombre de clase como el encabezado y pie de página. Añadir etiquetas DIV en la sección del cuerpo :

    < /div > . Del mismo modo, añadir tantas etiquetas DIV que usted necesita para cada sección individual de su diseño.
    Creación de un archivo CSS

    En el editor de texto, cree un nuevo archivo y guárdelo como " style.css ". Estilo de las clases creadas anteriormente . Coloque las secciones del diseño utilizando flotante , el relleno y los márgenes.

    /* Top
    Conversión a un tema de Drupal

    Ir a su sitio Drupal y encontrar la carpeta de temas . Crear una nueva subcarpeta con el nombre de su tema. Regrese a su archivo HTML. Añadir la etiqueta < ? Php print > tag antes . Drupal usa esta etiqueta de impresión para imprimir las secciones específicas en la página web. El código es el siguiente :


    < /title > <br> <p> < < php print $ head_title ? > ? php print $ cabeza? > <br> <p> <? php $ impresión estilos ? > <br> <p> <? php print $ guiones? > <br> <p> Guarde este archivo como una nuevo archivo : page.tpl.php bajo su nuevo directorio de tema . Arrastre el archivo style.css allí. <br> Volviendo Secciones en bloques de Drupal <br> <p> Drupal tiene bloques predefinidos, incluyendo $ header , $ izquierdo -header , $ content y $ footer_message . Estos bloques se denominan en su archivo page.tpl.php por el tage <? Php print $ header > . Cambie las secciones de contenido dinámico en bloques mediante la adición de las etiquetas bloques. <br> <br> <div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </td> </tr> </table> <table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/software/drupal/127570.html' >Cómo proteger tus archivos JS en Drupal </a></li></p></td> </tr> <tr> <td width="49%"> next ： <a class='LinkNextArticle' href='/software/drupal/127572.html' >Cómo ayudar a Drupal Gaza una etiqueta </a></li></td> </tr> </table></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> Artículos relacionados </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/127801.html" title="Cómo utilizar Fusión Drupal " target="_self">Cómo utilizar Fusión Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/127696.html" title="Cómo visualizar un nombre de usuario Drupal " target="_self">Cómo visualizar un nombre de usuario Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/127348.html" title="Cómo alimentar mi Mapas RSS en Drupal " target="_self">Cómo alimentar mi Mapas RSS en Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/127977.html" title="Cómo dejar de Anonymous en Drupal " target="_self">Cómo dejar de Anonymous en Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/127370.html" title="Drupal Página Historia " target="_self">Drupal Página Historia </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/127799.html" title="Cómo editar pies de página en Drupal " target="_self">Cómo editar pies de página en Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/127891.html" title="Cómo configurar un tema de administración de Drupal " target="_self">Cómo configurar un tema de administración de Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/127365.html" title="Problemas con Drupal " target="_self">Problemas con Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/127953.html" title="Cómo eliminar enlaces en mensajes de Drupal " target="_self">Cómo eliminar enlaces en mensajes de Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/127912.html" title="Cómo instalar el Menú de Administración de Drupal " target="_self">Cómo instalar el Menú de Administración de Drupal </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Artículos destacados </td> </tr> </table> <table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/antivirus-software/99290.html" title="La desinstalación de Avira no funcionó " target="_self">La desinstalación de Avira no funcionó </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/productivity-software/164018.html" title="Cómo abrir una DOCX Online " target="_self">Cómo abrir una DOCX Online </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-video/122200.html" title="Cómo convertir archivos de vídeo MPEG a MP4 " target="_self">Cómo convertir archivos de vídeo MPEG a MP4 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-video/120821.html" title="Requisitos del sistema para Pinnacle HD Edición " target="_self">Requisitos del sistema para Pinnacle HD Edición </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/word-processing-software/177562.html" title="Cómo convertir Wordpress a un doctor " target="_self">Cómo convertir Wordpress a un doctor </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/database-software/112939.html" title="Cómo controlar la capacidad de base de datos de Oracle " target="_self">Cómo controlar la capacidad de base de datos de Oracle…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/data-compression/112225.html" title="Cómo comprimir DVDs GRATIS " target="_self">Cómo comprimir DVDs GRATIS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/word-processing-software/180040.html" title="Cómo solucionar problemas de Word 2007 portada " target="_self">Cómo solucionar problemas de Word 2007 portada </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/microsoft-word/142999.html" title="Cómo utilizar Llamada en MS Word " target="_self">Cómo utilizar Llamada en MS Word </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/pc-games/146176.html" title="Computer Typing Games " target="_self">Computer Typing Games </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <table width="980" height="8" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90> <tr> <td class=bs height=90 align=middle>Copyright © Conocimientos Informáticos http://ordenador.wingwit.com <script language='javascript' src='/ad/201310/1.js'></script></td> </tr> </table> </div> </body> </html>