Drupal er et open -source content management system som lar utviklere å enkelt lage og skabb innholdet på en nettside . PSDs refererer til Photoshop utforming filer. Ditt nettsted utvikling starter fra Photoshop design. Når du har PSD design, kan du konvertere den til HTML, Joomla, Wordpress og Drupal nettsted . Å konvertere PSD til HTML i Drupal , må du forstå HTML-kodene , CSS og Drupal temaer og innhold og noder . Slicing PSD fil
Gå til Photoshop og åpne utformingen filen . Klikk på verktøylinjen og velg " Slice Tool. " Skjær opp bildet du ønsker å beholde . Klikk på " Lagre" for å lagre skiver . Disse filene skal lagres under yourwebsite /theme_files mappen . Hvis Slice verktøyet er skjult, kan du gjøre det dukke opp ved å klikke på "View ", " Show" og " Slices . " Unngå å skjære blokker med tekst fordi de ikke er søkbar i Google. Men du vanligvis ønsker å holde logo teksten i logoen bildet.
Opprette en hjemmeside
< html xmlns = " http://www.w3.org/1999/xhtml " css filen før < /head >-koden .
Opprette DIV Tags
Lag DIV områder i henhold til den opprinnelige design i PSD . Hver del av oppsettet ditt bør inkluderes i en DIV tag og gis en klasse navn som topp-og bunntekst . Legg DIV-koder i kroppen delen :
< /div > . Tilsvarende legge til så mange DIV-koder som du trenger for hvert enkelt punkt i layouten.
Opprette en CSS -fil
I tekst editor , opprette en ny fil og lagre den som " style.css . " Stil klassene opprettet tidligere . Plassere delene av layout ved hjelp av flytende , padding og marginer.
/* Topp
Konvertering til Drupal tema
Gå til Drupal området og finne tema-mappen . Opprett en ny undermappe med navnet ditt tema . Gå tilbake til HTML-filen . Legg til < ? Php print ? >-Koden før
. Drupal bruker denne print tag for å skrive ut bestemte deler i websiden. Koden er som følger : en
< /title > <br> <p> < < php print $ head_title ? > ? php print $ hodet ? > <br> <p> < ? php print $ stiler ? > <br> <p> < ? php print $ scripts ? > <br> <p> Lagre filen som en ny fil : page.tpl.php under den nye tema katalogen. Dra style.css filen der. <br> Turning Seksjoner i Drupal Blocks <br> <p> Drupal har forhåndsdefinerte blokkene , inkludert $ header , $ venstre header , $ innhold og $ footer_message . Disse blokkene vil bli kalt inn din page.tpl.php fil av Tage < ? Php print $ header? > . Endre dynamisk innhold seksjoner i blokker ved å legge til blokker koder. <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4">
<tr>
<td bgcolor="#ecf0f4"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26">
<tr>
<td width="51%"><p>früher ： <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Software/drupal/127570.html' >Slik beskytter du JS -filer i Drupal </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Software/drupal/127572.html' >Hvordan hjelpe Drupal Strip en Tag </a></li></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246>
<tr>
<td height=246 vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Relatert Artike</strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<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.datamaskin.biz/Software/drupal/127692.html" title="Hvordan skrive ut en blokk i Drupal " target="_self">Hvordan skrive ut en blokk i Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/drupal/127676.html" title="Hvordan Design en Practice nettsted Bruke Drupal " target="_self">Hvordan Design en Practice nettsted Bruke Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/drupal/127882.html" title="Hvordan finne ut navnet på en blokk med Drupal " target="_self">Hvordan finne ut navnet på en blokk med Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/drupal/127356.html" title="Slik installerer en rulling IFrame Block i Drupal 6 " target="_self">Slik installerer en rulling IFrame Block i Drupal 6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/drupal/127409.html" title="Hvordan lage en primær Lenker rullegardinmenyen i Drupal 6 " target="_self">Hvordan lage en primær Lenker rullegardinmenyen i Drup…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/drupal/127338.html" title="Hvordan å begrense Tittel Lengde for innholdstype i Drupal " target="_self">Hvordan å begrense Tittel Lengde for innholdstype i Dr…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/drupal/127697.html" title="Hvordan bruke Kontekst i Drupal " target="_self">Hvordan bruke Kontekst i Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/drupal/127907.html" title="Hvordan rense en URL for en side i Drupal " target="_self">Hvordan rense en URL for en side i Drupal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/drupal/128016.html" title="Hvordan redigere Drupal Modulinnstillinger Med FrontPage 2003 " target="_self">Hvordan redigere Drupal Modulinnstillinger Med FrontPag…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/drupal/127813.html" title="Hvordan lage bannere i Drupal " target="_self">Hvordan lage bannere i Drupal </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=20></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Anbefalte artikler </strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<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.datamaskin.biz/Software/animation-software/98003.html" title="Hvordan lage en animert Film Strip i After Effects " target="_self">Hvordan lage en animert Film Strip i After Effects </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/digital-video-software/125187.html" title="Hvordan lage en videopresentasjon for et nettsted " target="_self">Hvordan lage en videopresentasjon for et nettsted </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/digital-video-software/122511.html" title="Lyden er ute av sync i Avidemux " target="_self">Lyden er ute av sync i Avidemux </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/desktop-publishing/117691.html" title="Hvordan legge til etiketter i Bilder i Acrobat " target="_self">Hvordan legge til etiketter i Bilder i Acrobat </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/desktop-publishing/117558.html" title="Import Informasjon Into Pastel Fra MS Access " target="_self">Import Informasjon Into Pastel Fra MS Access </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/digital-video-software/125302.html" title="Hvordan laste ned Pinnacle Studio 12 " target="_self">Hvordan laste ned Pinnacle Studio 12 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/home-recording-software/133699.html" title="Hvordan ta opp lyd på en datamaskin med en mikrofon " target="_self">Hvordan ta opp lyd på en datamaskin med en mikrofon </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/file-extension-types/130689.html" title="Hva er filtypen Wks " target="_self">Hva er filtypen Wks </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/word-processing-software/176171.html" title="Slik installerer du Windows Photo Editor i Office 2000 " target="_self">Slik installerer du Windows Photo Editor i Office 2000 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/educational-software/128391.html" title="Slik installerer Microsoft Office Home & Student " target="_self">Slik installerer Microsoft Office Home & Student </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 height=8>
<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=center>Copyright © Datamaskin http://www.datamaskin.biz/
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>