Drupal er et open- source content management system , der giver udviklere mulighed for nemt at oprette og sukkerærter indholdet af en hjemmeside . PSDs refererer til Photoshop design filer . Din hjemmeside udvikling starter fra Photoshop design. Når du har den PSD design, kan du konvertere det til HTML, Joomla, Wordpress og Drupal site. At konvertere PSDs til HTML i Drupal , er du nødt til at forstå de HTML-tags , CSS og Drupal temaer og indhold og knudepunkter . Udskæring PSD File

Gå til din Photoshop og åbn design fil. Klik på værktøjslinjen og vælg " Slice Tool ". Skive op det billede, du ønsker at beholde . Klik på "Gem " for at gemme skiver. Disse filer skal gemmes i henhold til yourwebsite /theme_files mappe. Hvis udsnitsværktøjet er skjult , kan du gøre det vise sig ved at klikke på " View ", " Show " og " Udsnit ". Undgå udskæring blokke af tekst, fordi de ikke er søgbare i Google. Men du normalt ønsker at holde logoet teksten i logoet billedet.
Oprettelse af en Homepage

enhver teksteditor , oprette en ny home.html fil og indtaste følgende kode : Hej

< 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 før < /head> -tag.
Oprettelse DIV Tags

Opret DIV områder efter det oprindelige design i PSD . Hver sektion af dit layout skal indgå i et DIV -tag og få en klasse navn som sidehoved og sidefod . Tilføj DIV tags i kroppen sektion:

. Ligeledes tilføje så mange DIV tags, som du har brug for hver enkelt sektion af dit layout.
Oprettelse af en CSS fil

teksteditoren , skal du oprette en ny fil , og gemme det som " style.css ". Style klasserne oprettede tidligere. Placer afsnittene i layout ved hjælp af flydende , polstring og marginer.

/* Top
Konvertering til en Drupal tema

Gå til dit Drupal site og finde temaet mappen. Opret en ny undermappe med navnet på dit tema. Gå tilbage til din HTML-fil. Tilsæt Tag før . Drupal bruger denne print tag til at udskrive de specifikke sektioner i websiden. Koden er som følger : Hej

< < php print $ head_title ? > ? php print $ hoved? >

< ? php print $ stilarter ? >

< ? php print $ scripts ? >

Gem filen som en ny fil : page.tpl.php under din nye tema bibliotek. Træk din style.css fil der.
Turning Sektioner i Drupal Blocks

Drupal har foruddefinerede blokke , herunder $ header , $ venstre header , $ indhold og $ footer_message . Disse blokke vil blive kaldt i din page.tpl.php fil efter Tage . Ændre det dynamiske indhold sektioner i blokke ved at tilføje blokke tags.