|
Drupal est un système de gestion de contenu open-source qui permet aux développeurs de créer facilement et la gale le contenu d'un site web. PSD se réfèrent à des fichiers de conception de Photoshop. Le développement de votre site commence à partir de la conception Photoshop. Une fois que vous avez la conception PSD, vous pouvez le convertir en HTML , Joomla, Wordpress et Drupal site . Pour convertir les fichiers PSD à HTML dans Drupal, vous devez comprendre les balises HTML, CSS et Drupal des thèmes et des contenus et des nœuds . Découper le fichier PSD
Accéder à votre Photoshop et ouvrez le fichier de conception. Cliquez sur la barre d'outils et sélectionnez " Outil de tranche. " Trancher l'image que vous souhaitez conserver . Cliquez sur "Enregistrer " pour enregistrer les tranches . Ces fichiers doivent être enregistrés sous le dossier yourwebsite /theme_files . Si l'outil de section est masquée , vous pouvez faire apparaître en cliquant " Voir ", " Show" et "tranches ". Évitez tranchage des blocs de texte , car ils ne sont pas consultables dans Google. Cependant, vous souhaitez généralement de conserver le texte de logo à l'image du logo.
Création d'un site
Dans n'importe quel éditeur de texte, créez un nouveau fichier home.html et entrez le code suivant :
< DOCTYPE html PUBLIC "- //W3C //DTD XHTML 1.0 Transitional //EN"
" http://www.w3.org/TR/! xhtml1/DTD/xhtml1-transitional.dtd "> Photos < html xmlns =" http://www.w3.org/1999/xhtml " le fichier css avant la balise < /head> .
Création DIV Balises
créer des zones de DIV selon le design original en PSD. Chaque section de votre présentation doit être incluse dans une balise DIV et donner un nom de classe comme en-tête et pied de page. Ajouter les balises DIV dans la section de corps : . De même, ajouter autant de balises DIV dont vous avez besoin pour chaque section de votre mise en page.
Création d'un fichier CSS
Dans l'éditeur de texte, créez un nouveau fichier et enregistrer en tant que " style.css ". Style les classes créées précédemment . Positionnez les sections de la présentation à l'aide flottante , remplissage et les marges .
/* Top
Conversion à un thème Drupal
Accédez à votre site Drupal et trouver le dossier du thème . Créer un nouveau sous-dossier avec le nom de votre thème . Retournez à votre fichier HTML. Ajouter le Tag avant . Drupal utilise cette balise d'impression pour imprimer les sections spécifiques dans la page Web. Le code est le suivant :
Photos < < php print $ head_title ? > ? php print $ la tête? > Photos Photos Photos Enregistrez ce fichier sous un nouveau fichier : page.tpl.php sous votre nouveau répertoire de thème . Faites glisser votre fichier style.css là.
Mise articles en blocs Drupal
Drupal a des blocs prédéfinis , y compris $ header, $ gauche - header, $ content et $ footer_message . Ces blocs seront appelées dans votre fichier page.tpl.php par le Tage . Changer les sections de contenu dynamique dans des blocs en ajoutant les balises de blocs .
|
