Drupal è un open- source del sistema di gestione dei contenuti che permette agli sviluppatori di creare facilmente e rogna il contenuto di un sito web. PSD riferiscono ai file di progettazione Photoshop . Il vostro sviluppo di siti web parte dal disegno di Photoshop . Una volta che hai il disegno PSD , è possibile convertirlo in HTML , Joomla , Wordpress e Drupal sito . Per convertire il PSD in HTML in Drupal , è necessario comprendere i tag HTML , CSS e Drupal temi e contenuti e nodi . Affettare il PSD file
Vai alla tua Photoshop e aprire il file di disegno. Fare clic sulla barra degli strumenti e selezionare " Strumento Slice ". Tagliate l'immagine che si desidera conservare . Fare clic su "Salva" per salvare le fette . Questi file devono essere salvati nella cartella yourwebsite /theme_files . Se strumento sezione è nascosta , è possibile renderlo compare facendo clic su "Visualizza ", " Show" e "fette ". Evitare di tagliare i blocchi di testo , perché non sono ricercabili in Google . Tuttavia, in genere si desidera mantenere il testo del logo nell'immagine logo .
Creare una Homepage
In qualsiasi editor di testo, creare un nuovo file home.html e immettere il seguente codice :
< 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 " il file CSS prima di < /head> .
Creazione DIV Tags
creare aree DIV secondo il disegno originale in PSD . Ogni sezione del layout dovrebbe essere incluso in un tag DIV ed essere dato un nome di classe come intestazione e piè di pagina. Aggiungere tag DIV nella sezione corpo :
< /div > . Allo stesso modo , aggiungere il numero di tag DIV di cui hai bisogno per ogni singola sezione del layout .
Creazione di un file CSS
l'editor di testo, creare un nuovo file e salvarlo come " style.css ". Stile le classi create in precedenza . Posizionare le sezioni del layout utilizzando galleggiante , padding e margini .
/* Top
Conversione in un Drupal tema
Vai al tuo sito Drupal e trovare la cartella del tema . Creare una nuova sottocartella con il nome del vostro tema . Torna al tuo file HTML . Aggiungere il < ? Php print ? > Tag prima tag body . Drupal utilizza questo tag di stampa per stampare le sezioni specifiche del sito . Il codice è il seguente :
< /title> <br> <p> < <php print $ head_title ? ? > ? php print $ a testa ? > <br> <p> < ? php print $ stili ? > <br> <p> < ? php print $ script > <br> <p> Salva questo file come nuovo file : page.tpl.php sotto la nuova cartella del tema . Trascinate il file style.css lì . <br> Girando Sezioni in blocchi di Drupal <br> <p> Drupal ha blocchi predefiniti , tra cui $ intestazione , $ sinistra -header , $ content e $ footer_message . Questi blocchi saranno chiamati nel file page.tpl.php dal tage < ? Php print $ intestazione ? > . Cambiare le sezioni di contenuti dinamici in blocchi aggiungendo i blocchi di tag . <br> <br>
<ul class="mhjkhjlj">
<li> <a class='LinkPrevArticle' href='/software/Drupal/1255140.html' >Come proteggere i file JS in Drupal </a></li>
<li> <a class='LinkNextArticle' href='/software/Drupal/1255144.html' >Come aiutare Drupal Striscia un Tag </a></li>
</ul>
<div class="deep">
<div class="guanggadsadswqew"><script language='javascript' src='/AD/it3.js'></script></div>
<div class="guanggadsadswqew1"></div>
</div>
<div class="xiangguanleitong">
<div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div>
<ul>
<li><a href="/software/Skype/1332144.html" target="_blank">Come verificare se una webcam funziona su Skype </a></li><li><a href="/software/Microsoft-Access/1278384.html" target="_blank">Come al totale dei Filled in celle di un foglio di calcolo di Excel </a></li><li><a href="/software/Word-Processing-Software/1358482.html" target="_blank">Come fare un certificato utilizzando Word </a></li><li><a href="/software/Photoshop/1297948.html" target="_blank">Come selezionare gli oggetti in Photoshop su un computer portatile </a></li><li><a href="/software/Portable-Document-Format/1311060.html" target="_blank">Problemi di apertura di file PDF in Firefox </a></li><li><a href="/software/Portable-Document-Format/1308724.html" target="_blank">Come salvare un documento InDesign in PDF </a></li><li><a href="/software/Compressione-dei-dati/1224512.html" target="_blank">Come zippare un file a un Macbook </a></li><li><a href="/software/Gestione-Desktop-remoto/1330298.html" target="_blank">Come inviare Ctrl + Alt + Canc per un desktop remoto </a></li>
</ul>
</div>
</div>
</div>
<div class="woshiyouleirog">
<div class="zxtjianasd">
<div class="bidssdfjm3"><h4>Articoli consigliati</h4></div>
<div class="dasdcdfurit33">
<ul>
<li><a href="/software/Drupal/1255604.html" target="_blank">Come stampare termini dal vocabolario in Drupal </a></li><li><a href="/software/Drupal/1255488.html" target="_blank">Come stampare un logo in Drupal </a></li><li><a href="/software/Drupal/1255452.html" target="_blank">Come bloccare cron.php in Drupal </a></li><li><a href="/software/Drupal/1255330.html" target="_blank">Come installare Drupal in Ubuntu </a></li><li><a href="/software/Drupal/1255804.html" target="_blank">Come incorporare un widget Twitter in Drupal </a></li><li><a href="/software/Drupal/1254980.html" target="_blank">Come incorporare risultati di ricerca in una pagina Drupal </a></li><li><a href="/software/Drupal/1255440.html" target="_blank">CKEditor ortografico su Drupal </a></li><li><a href="/software/Drupal/1255644.html" target="_blank">Il significato di Drupal Astratto </a></li><li><a href="/software/Drupal/1255062.html" target="_blank">Come caricare una View in Drupal API </a></li><li><a href="/software/Drupal/1255782.html" target="_blank">Come impostare un tema Admin in Drupal </a></li>
</ul>
</div>
</div>
<div class="guanggandgsa32a"> </div>
<div class="huosirengs">
<li><a class='childclass' href='/software/Adobe-Illustrator/' target="_self">Adobe Illustrator</a></li> <li><a class='childclass' href='/software/Software-di-animazione/' target="_self">Software di animazione</a></li> <li><a class='childclass' href='/software/Antivirus-Software/' target="_self">Antivirus Software</a></li> <li><a class='childclass' href='/software/Software-Audio/' target="_self">Software Audio</a></li> <li><a class='childclass' href='/software/Backup-dei-dati/' target="_self">Backup dei dati</a></li> <li><a class='childclass' href='/software/masterizzare-CD/' target="_self">masterizzare CD</a></li> <li><a class='childclass' href='/software/masterizzare-DVD/' target="_self">masterizzare DVD</a></li> <li><a class='childclass' href='/software/Compressione-dei-dati/' target="_self">Compressione dei dati</a></li> <li><a class='childclass' href='/software/Software-Database/' target="_self">Software Database</a></li> <li><a class='childclass' href='/software/Desktop-Publishing/' target="_self">Desktop Publishing</a></li> <li><a class='childclass' href='/software/Desktop-Video/' target="_self">Desktop Video</a></li> <li><a class='childclass' href='/software/Digital-Video-Software/' target="_self">Digital Video Software</a></li> <li><a class='childclass' href='/software/Drupal/' target="_self">Drupal</a></li> <li><a class='childclass' href='/software/Software-didattico/' target="_self">Software didattico</a></li> <li><a class='childclass' href='/software/ingegneria-del-Software/' target="_self">ingegneria del Software</a></li> <li><a class='childclass' href='/software/Tipi-di-estensione-di-file/' target="_self">Tipi di estensione di file</a></li> <li><a class='childclass' href='/software/Financial-Software/' target="_self">Financial Software</a></li> <li><a class='childclass' href='/software/Freeware--Shareware---Abandonware/' target="_self">Freeware, Shareware & Abandonware</a></li> <li><a class='childclass' href='/software/GIMP/' target="_self">GIMP</a></li> <li><a class='childclass' href='/software/Graphics-Software/' target="_self">Graphics Software</a></li> <li><a class='childclass' href='/software/Software-Home-Recording/' target="_self">Software Home Recording</a></li> <li><a class='childclass' href='/software/Microsoft-Access/' target="_self">Microsoft Access</a></li> <li><a class='childclass' href='/software/Microsoft-Excel/' target="_self">Microsoft Excel</a></li> <li><a class='childclass' href='/software/Microsoft-Publisher/' target="_self">Microsoft Publisher</a></li> <li><a class='childclass' href='/software/Microsoft-Word/' target="_self">Microsoft Word</a></li> <li><a class='childclass' href='/software/Aprire-Source-Code/' target="_self">Aprire Source Code</a></li> <li><a class='childclass' href='/software/Altro-Software-per-computer/' target="_self">Altro Software per computer</a></li> <li><a class='childclass' href='/software/Giochi-per-PC/' target="_self">Giochi per PC</a></li> <li><a class='childclass' href='/software/Photoshop/' target="_self">Photoshop</a></li> <li><a class='childclass' href='/software/Portable-Document-Format/' target="_self">Portable Document Format</a></li> <li><a class='childclass' href='/software/PowerPoint/' target="_self">PowerPoint</a></li> <li><a class='childclass' href='/software/presentazione-Software/' target="_self">presentazione Software</a></li> <li><a class='childclass' href='/software/produttività-Software/' target="_self">produttività Software</a></li> <li><a class='childclass' href='/software/Quicktime/' target="_self">Quicktime</a></li> <li><a class='childclass' href='/software/Gestione-Desktop-remoto/' target="_self">Gestione Desktop remoto</a></li> <li><a class='childclass' href='/software/SQL-Server/' target="_self">SQL Server</a></li> <li><a class='childclass' href='/software/Skype/' target="_self">Skype</a></li> <li><a class='childclass' href='/software/Software-versioni-Beta/' target="_self">Software versioni Beta</a></li> <li><a class='childclass' href='/software/Consulenti-Software/' target="_self">Consulenti Software</a></li> <li><a class='childclass' href='/software/Società-di-sviluppo-software/' target="_self">Società di sviluppo software</a></li> <li><a class='childclass' href='/software/Software-Licensing/' target="_self">Software Licensing</a></li> <li><a class='childclass' href='/software/Fogli-di-calcolo/' target="_self">Fogli di calcolo</a></li> <li><a class='childclass' href='/software/Software-Preparazione-Tax/' target="_self">Software Preparazione Tax</a></li> <li><a class='childclass' href='/software/Software-Utility/' target="_self">Software Utility</a></li> <li><a class='childclass' href='/software/Web-Clip-Art/' target="_self">Web Clip Art</a></li> <li><a class='childclass' href='/software/Windows-Media-Player/' target="_self">Windows Media Player</a></li> <li><a class='childclass' href='/software/Word-Processing-Software/' target="_self">Word Processing Software</a></li>
</div>
</div>
</div>
<div class="dsadsafa-da">
<p class="sdqwfwe42"> </p>
<p class="vbnhg654">software © www.354353.com</p>
<p class="iop8iud"> </p>
</div>
</div>
</body>
</html>