Drupal är ett open - source content management system som tillåter utvecklare att enkelt skapa och mange innehållet på en webbplats . PSDs hänvisar till Photoshop-designen filer . Din webbplats utveckling utgår från Photoshop designen . När du har PSD design, kan du konvertera det till HTML , Joomla , Wordpress och Drupal webbplats . För att konvertera PSD till HTML i Drupal , måste du förstå de HTML-taggar , CSS och Drupal teman och innehåll och noder . Skivning PSD

Gå till din Photoshop och öppna designen filen . Klicka på verktygsfältet och välj " Slice Tool . " Skär upp bilden du vill behålla . Klicka på " Spara " för att spara skivor . Dessa filer ska sparas under yourwebsite /theme_files mappen . Om segmentverktyget är dold , kan du göra det dyker upp genom att klicka på "Visa ", " Visa" och " skivor ". Undvik skivning textblock eftersom de inte är sökbara i Google . Men du vanligtvis vill behålla logo text i logotypen bilden .
Skapa en hemsida

i valfri textredigerare , skapa en ny home.html fil och ange följande kod :

< 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 " CSS-filen innan < /head > -taggen .
Skapa div-taggar

Skapa DIV områden enligt den ursprungliga designen i PSD . Varje avsnitt i din layout bör ingå i en div-tagg och få ett klassnamn såsom sidhuvud och sidfot . Lägg div-taggar i kroppen avsnittet :

< /div > . Likaså lägga till så många div-taggar som du behöver för varje enskilt avsnitt i din layout . Addera Skapa en CSS -fil

i textredigeraren , skapa en ny fil och spara det som " style.css . " Style klasserna skapade tidigare . Placera delarna av layouten med flytande , padding och marginaler .

/* Top
Konvertera till ett Drupal tema

Gå till din Drupal webbplats och hitta temat mappen . Skapa en ny undermapp med namnet på ditt tema . Gå tillbaka till din HTML-fil . Lägg till < ? Php print ? > Tag innan . Drupal använder detta tryck taggen för att skriva ut specifika avsnitt på webbsidan . Koden är som följer :

< /title > <br> <p> < < php print $ head_title ? ? > ? php print $ huvud? > <br> <p> < ? php print $ stilar ? > <br> <p> < ? php print $ skript ? > <br> <p> Spara denna fil som en ny fil : page.tpl.php under ditt nya tema katalogen . Dra din style.css filen där . Addera Turning avsnitten i Drupal Blocks <br> <p> Drupal har fördefinierade block , inklusive $ header , $ left- header , $ innehåll och $ footer_message . Dessa block kommer att kallas i din page.tpl.php fil av Tage < ? Php print $ header ? > . Ändra det dynamiska innehållet sektioner i block genom att lägga blocken taggar . <br> <br> <div class=dad2><script language='javascript' src='/ad/201310/4.js'></script></div> <div class=dad3><script language='javascript' src='/ad/201310/33.js'></script></div> </div> </td> </tr> </table> <table class=dhang1 bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <div class=dhang7></div> <table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programvara/drupal/127570.html' >Hur du skyddar din JS -filer i Drupal </a></li></p></td> </tr> <tr> <td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programvara/drupal/127572.html' >Hur man kan hjälpa Drupal Strip en tagg </a></li></td> </tr> </table></td> </tr> </table> <div class=dhang7></div> <table class=s770x246 > <tr> <td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table class=c1 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> relaterade artiklar </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="http://www.dator.xyz/Programvara/drupal/127493.html" title="Definition av Drupal " target="_self">Definition av Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/drupal/127526.html" title="Så här ändrar OpenPublish Credits Block i sidfoten i Drupal " target="_self">Så här ändrar OpenPublish Credits Block i sidfoten i…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/drupal/127836.html" title="Hur får jag ett block för att använda en CSS- klass i Drupal " target="_self">Hur får jag ett block för att använda en CSS- klass …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/drupal/127802.html" title="Hur man skriver ut termer från Ordförråd i Drupal " target="_self">Hur man skriver ut termer från Ordförråd i Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/drupal/127731.html" title="Hur du ändrar din banner för Drupal " target="_self">Hur du ändrar din banner för Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/drupal/127890.html" title="Steg - för-steg Drupal Tutorial " target="_self">Steg - för-steg Drupal Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/drupal/127757.html" title="Hur man skapar en anpassad layout för Drupal " target="_self">Hur man skapar en anpassad layout för Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/drupal/127712.html" title="Hur man skapar en Drupal Bakgrund " target="_self">Hur man skapar en Drupal Bakgrund </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/drupal/127741.html" title="Hur man flyttar AdSense i Drupal " target="_self">Hur man flyttar AdSense i Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/drupal/127308.html" title="CodeIgniter Vs. Drupal " target="_self">CodeIgniter Vs. 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 class=c3 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Utvalda artiklarna </td> </tr> </table> <table class=c4 > <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/portable-document-format/153342.html" title="Hur man använder Nuke Anything i PDF " target="_self">Hur man använder Nuke Anything i PDF </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/microsoft-access/134901.html" title="Hur man gör ett punktdiagram i Excel " target="_self">Hur man gör ett punktdiagram i Excel </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/burn-cds/109897.html" title="Hur man bränner en UIF fil till CD " target="_self">Hur man bränner en UIF fil till CD </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/adobe-illustrator/96804.html" title="Hur man gör en önskad affisch i Illustrator " target="_self">Hur man gör en önskad affisch i Illustrator </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/microsoft-access/137555.html" title="Hur Kopiera och Klistra in PDF-filer till Excel " target="_self">Hur Kopiera och Klistra in PDF-filer till Excel </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/microsoft-word/141732.html" title="Hur Lås Delar av ett dokument så att de inte redigeras i Microsoft Word " target="_self">Hur Lås Delar av ett dokument så att de inte redigera…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/microsoft-access/135078.html" title="5 Användningsområden för Excel " target="_self">5 Användningsområden för Excel </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/financial-software/132243.html" title="Hur konvertera Open Office -filer till Microsoft Excel " target="_self">Hur konvertera Open Office -filer till Microsoft Excel </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/powerpoint/157198.html" title="Inaktivera ett tangentbord i PowerPoint 2007 " target="_self">Inaktivera ett tangentbord i PowerPoint 2007 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/digital-video-software/123500.html" title="Hur ändrar jag Adobe Layout Premiere Project Tillbaka till Standard " target="_self">Hur ändrar jag Adobe Layout Premiere Project Tillbaka …</a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=dhang8></div> <div class=dhang1></div> <table class=b1> <tr> <td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz </td> </tr> </table> <div class=dhang1></div> </div> </body> </html>