Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

PSDS do HTML v Drupal

Drupal je open - source redakčnom systéme , ktorý umožňuje vývojárom ľahko vytvárať a administrovať obsah webových stránok . PSDS pozri Photoshop design súbory . Váš vývoj webových stránok začína od návrhu Photoshop . Akonáhle budete mať PSD designu , môžete ho previesť do formátu HTML , Joomla , Wordpress a Drupal stránky . Ak chcete previesť PSDS na HTML v Drupale , musíte pochopiť HTML tagy a CSS Drupal témy , a obsah a uzly . Krájanie PSD súbor

Prejsť do Photoshopu a otvorte súbor návrhu . Kliknite na paneli nástrojov a vyberte možnosť " Slice Tool " . Rozrezať obrázok , ktorý chcete zachovať . Kliknite na tlačidlo " Save " pre uloženie plátkov . Tieto súbory by mali byť uložené v yourwebsite /theme_files zložky . Ak je nástroj Slice skrytý , môžete ho ukázať kliknutím na " Zobraziť " , " Show " a " rezy " . Vyhnite krájanie blokov textu , pretože nie sú vyhľadávanie v Google . Avšak , zvyčajne chcete, aby sa logo text loga obrázku .
Vytvorenie Hlavná stránka

V ľubovoľnom textovom editore vytvorte nový home.html súbor a zadajte nasledujúci kód : !

< 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 " súbor css pred < /head > .
Vytváranie DIV tagy

Vytvor DIV oblasti podľa pôvodného návrhu v PSD . Každá časť vášho rozvrhnutie by mali byť zahrnuté do tagu DIV a mať názov triedy ako hlavičky a päty . Pridať DIV tagy v sekcii tela :

< /div > . Podobne , pridajte toľko značky DIV , ako budete potrebovať pre jednotlivé časti vášho návrhu .
Vytváranie CSS súboru

textovom editore vytvorte nový súbor a uložte ho ako " style.css " . Štýl triedy vytvorili skôr . Umiestnite časti rozvrhnutie pomocou plávajúce , polstrovanie a okraje .

/* Top
Prevod na tému Drupal

Prejsť na vaše stránky , Drupal a nájsť priečinok tému . Vytvoriť novú podpriečinok s názvom vášho téme . Vráťte sa do súboru HTML . Pridajte < ? Php print > tag pred . Drupal používa túto tlačovú značku vytlačiť konkrétne úseky v webovej stránky . Kód je nasledujúci :


< ? Php print $ head_title ? > < /Title > <br> <p> < ? php print $ head > <br> <p> < ? php print $ styles > <br> <p> < ? php print $ skripty ? > <br> <p> Uložte tento súbor ako nový súbor : page.tpl.php pod vašou novú tému adresára . Pretiahnutím súboru style.css tam . <br> Zapnutie oddiely na Drupal bloky <br> <p> Drupal má preddefinované bloky , vrátane $ záhlavie , $ left - záhlavie , $ obsah a $ footer_message . Tieto bloky sa bude volať v page.tpl.php súboru podľa Tage <php print $ záhlaví?> . Zmena dynamického obsahu sekcie do blokov pridaním blokov tagy . <br> <div class="wodejimotaobuguo"> <div class="oukbwqe121s"><script language='javascript' src='http://www.pocitac.win/ad/sk/2.js'></script></div> <div class="oukbwqe122s"></div> </div> <ul class="yongbaonidasda"> <li>Predchádzajúca strana: <a class='LinkPrevArticle' href='http://www.pocitac.win/Softver/Drupal/439915.html' >Ako sa chrániť vaše JS súbory v Drupal </a></li> <li>Ďalšia strana: <a class='LinkNextArticle' href='http://www.pocitac.win/Softver/Drupal/439917.html' >Ako pomôcť Drupalu Strip Tag </a></li> </ul> </div> <div class="fa324wds"></div> <div class="xiangguandwdsawqe2"> <h4>Odporúčané články</h4> <div class="shenmedoubuxiangyaodsa"> <ul class="xinlimianshuosd1"> <li><a href="http://www.pocitac.win/Softver/Drupal/439721.html" target="_blank">Ako vytvoriť stránku s Drupal nástrojov vo Firefoxe </a></li> <li><a href="http://www.pocitac.win/Softver/Drupal/440262.html" target="_blank">Ako nastaviť menu v Drupale </a></li> <li><a href="http://www.pocitac.win/Softver/Drupal/440098.html" target="_blank">Typy polí v Drupale </a></li> <li><a href="http://www.pocitac.win/Softver/Drupal/440279.html" target="_blank">Ako spustiť Cron ručne v Drupale </a></li> <li><a href="http://www.pocitac.win/Softver/Drupal/440343.html" target="_blank">Ako nainštalovať témy do Drupalu 7 </a></li> </ul> <ul class="xinlimianshuosd2"> <li><a href="http://www.pocitac.win/Softver/Drupal/440253.html" target="_blank">Ako nahrať súbor PDF na Drupal webe </a> </li> <li><a href="http://www.pocitac.win/Softver/Drupal/440260.html" target="_blank">Ako upraviť Príloha obmedzenia veľkosti v Drupale </a> </li> <li><a href="http://www.pocitac.win/Softver/Drupal/440236.html" target="_blank">Ako nastaviť správcu tému na Drupale </a> </li> <li><a href="http://www.pocitac.win/Softver/Drupal/439721.html" target="_blank">Ako vytvoriť stránku s Drupal nástrojov vo Firefoxe </a> </li> <li><a href="http://www.pocitac.win/Softver/Drupal/440238.html" target="_blank">Ako používať URL Alias ​​v Drupale </a> </li> </ul> </div> </div> </div> <div class="shangkuaikiada2"> <div class="tahuiyuuedaogenhananr"> <div class="shenbiandhsaq21"><h4>Najnovšie články</h4></div> <ul> <li> <a href="http://www.pocitac.win/Softver/Drupal/440134.html" target="_blank" class="ewq32ada131">Ako vytvoriť zobrazenie sa záložkami v Drupale </a> <p class="cxv234"><a href="http://www.pocitac.win/Softver/Drupal/440134.html" target="_blank">Drupal 7 je redakčný systém open - source ( CMS ) vydala 5.1.2011 . Používa sa na zostavenie všetko od osobných blogov na internetových aplikácií . Natívne funkcie Drupal je ďalej rozšírená o moduly - softvérové ​​aplikácie vyvinuté súkromnými osobami pod open - source licenciou - zahrnúť vlastné nástroje . Zobrazenie je jedným z najviac sťahovaných modulov pre Drupal . Je zhromažďuje dáta z obsahu a replikuje je v novom bloku alebo stránky . Quicktabs je modul zjednodušuje proces vytvárania zál</a></p> </li> <li> <a href="http://www.pocitac.win/Softver/Drupal/440091.html" target="_blank" class="ewq32ada131">Ako nájsť Drupal stránky s firmou Google </a> <p class="cxv234"><a href="http://www.pocitac.win/Softver/Drupal/440091.html" target="_blank">Drupal je open - source softvér , ktorý umožňuje komukoľvek vytvoriť webové stránky a spravovať ich prostredníctvom on - line systému pre správu obsahu . Všetky weby Drupal obsahujú spoločný prvok v názve a adresy Uniform Resource Locator ( URL ) z každej webovej stránke . Ak chcete nájsť zoznam iba Drupal stránok s vyhľadávačmi Google , budete musieť poučiť Google vrátiť iba webové stránky , ktoré obsahujú oba tieto titul a adresa prvky . Môžete nakonfigurovať vyhľadávanie Google , ako to urobi</a></p> </li> <li> <a href="http://www.pocitac.win/Softver/Drupal/440183.html" target="_blank" class="ewq32ada131">Ako previesť Joomla 1.5 na Drupale </a> <p class="cxv234"><a href="http://www.pocitac.win/Softver/Drupal/440183.html" target="_blank">Joomla a Drupal sú oba tradičné systémy pre správu obsahu open - source . Môžete preniesť vaše stránky Joomla na Drupalu , alebo naopak v prípade potreby . Drupal je vhodnejšie pre veľké podniky s vysokým objemom dopravy . Webové stránky vyvinuté pomocou Drupal sú ľahko zmeniť úpravou modulov . Údržba , ako je pridávanie fotografií a editácia článkov je tiež jednoduché , a to aj pre menej skúsených užívateľov . Veci , ktoré budete potrebovať Joomla na Drupale import module Zobraziť ďalšie inšt</a></p> </li> <li> <a href="http://www.pocitac.win/Softver/Drupal/440186.html" target="_blank" class="ewq32ada131">Ako vytvoriť rozbaľovacích ponukách v Drupal </a> <p class="cxv234"><a href="http://www.pocitac.win/Softver/Drupal/440186.html" target="_blank">Drupal je výkonný systém pre správu obsahu , ktorý umožňuje používateľom ľahko vytvárať výkonné a profesionálne vyzerajúce webové stránky . Pri vytváraní webovej stránky , Drupal , jeden z prvých úloh mnoho užívateľov Drupal chcú dokončiť vytvára menu pre ich spojenie . Drupal uľahčuje svojim užívateľom vytvoriť drop - down menu pomocou navigačného menu systému . Pokyny dovolená 1 Vytvorte stránku , ktorá bude slúžiť ako primárny odkaz pre Vašu rozbaľovacej ponuke . Akonáhle je stránka vytvoren</a></p> </li> <li> <a href="http://www.pocitac.win/Softver/Drupal/439948.html" target="_blank" class="ewq32ada131">Ako nastaviť Meta Tagy v Drupale </a> <p class="cxv234"><a href="http://www.pocitac.win/Softver/Drupal/439948.html" target="_blank">Meta tagy sú úryvky texte pridané na webové stránky , ktoré nie sú viditeľné ľudským čitateľom . Vyhľadávače , ako sú Google , však, to čítať a analyzovať meta tagy a môžu ich používať , aby pomohla sformulovať výsledky vyhľadávania . Drupal natívne nepodporuje meta tagy , rovnako ako u väčšiny ostatných SEO funkcie , ale môžete použiť modul v úložisku Drupal nastaviť meta tagy na vašich stránkach Drupal . Pokyny dovolená 1 Stiahnite Meta Tagy Rýchle modul z úložiska Drupal . Rozbaľte súbor a n</a></p> </li> <li> <a href="http://www.pocitac.win/Softver/Drupal/439783.html" target="_blank" class="ewq32ada131">Ako nainštalovať Drupal na Lucid s chybami </a> <p class="cxv234"><a href="http://www.pocitac.win/Softver/Drupal/439783.html" target="_blank">Drupal je open source redakčný systém . To sa používa na vytvorenie webovej stránky , wiki , blogy a webové stránky obchodnej spolupráce . Pre Drupal pracovať správne , budete potrebovať základné LAMP ( Linux , Apache Server , MySQL , PHP ) nainštalovaný servera . Veci , ktoré budete potrebovať systému Ubuntu s Apache , MySQL a PHP nainštalované Zobraziť ďalšie inštrukcie Konfigurovať server Apache na foto 1 Kliknite na Aplikácie a vyberte ; . Príslušenstvo Kliknite na Terminal . otvor</a></p> </li> <li> <a href="http://www.pocitac.win/Softver/Drupal/440025.html" target="_blank" class="ewq32ada131">Ako Odpojte Čítajte viac odkaz na Drupale </a> <p class="cxv234"><a href="http://www.pocitac.win/Softver/Drupal/440025.html" target="_blank">Systémy manažérstva Open - source webového obsahu sa stali obľúbenou voľbou pre ľudí , ktorí chcú vytvárať webové stránky . Aj keď to môže trvať nejaký čas sa učiť systém pre správu obsahu si vyberiete , je skutočnosť , že tieto systémy , ako je Drupal , sú voľne k stiahnutiu a použitie je dostatočná motivácia pre mnoho ľudí , aby ich použitie . Spolu s vlastnými premennými a definícií , Drupal využíva HTML a PHP programovacie jazyky . Odstránenie odkaz Viac v obsahu Drupal vyžaduje určité zna</a></p> </li> <li> <a href="http://www.pocitac.win/Softver/Drupal/440190.html" target="_blank" class="ewq32ada131">Ako upraviť šablóny Drupal </a> <p class="cxv234"><a href="http://www.pocitac.win/Softver/Drupal/440190.html" target="_blank">Drupal ponúka bohatú administračný panel , ktorý vám umožní plnú kontrolu nad vašej webovej stránky Drupal . Funkcie správy panelu sú postavené pre začiatočníkov a vývojárov , čo každému schopnosť riadiť aspekty webové stránky je vzhľad , obsah a funkcie . Stránka Vzhľad sa zameriava na Drupalu v rozvrhnutie , farby a motívu . Hĺbka týchto možností je určená téme alebo šablóny používaný. V predvolenom nastavení , Drupal neobsahuje spôsob , ako upraviť šablóny . Ak ich chcete upravovať , mali by </a></p> </li> </ul> </div> <div class="fjsdkfuio2"> <div class="ioufahkwq2311"><h4>Drupal</h4></div> <ul> <li><a href="http://www.pocitac.win/Softver/Textový-editor-Software/491521.html" target="_blank">Ako zmeniť dátum pečiatka na Súbor </a></li><li><a href="http://www.pocitac.win/Softver/produktivita-softvéru/476927.html" target="_blank">Čo je Microsoft Word Portable </a></li><li><a href="http://www.pocitac.win/Softver/Microsoft-Access/448195.html" target="_blank">Ako používať funkcie programu Excel Vertikálne vyhľadávanie </a></li><li><a href="http://www.pocitac.win/Softver/softvérového-inžinierstva/441397.html" target="_blank">AutoCAD Opakovacie školenie </a></li><li><a href="http://www.pocitac.win/Softver/PC-hry/459650.html" target="_blank">Ako variť úrovni v UDK </a></li><li><a href="http://www.pocitac.win/Softver/antivírusový-softvér/414372.html" target="_blank">Ako nájsť svoj ​​Norton Pin číslo v mojom počítači </a></li><li><a href="http://www.pocitac.win/Softver/Portable-Document-Format/467730.html" target="_blank">Ako odstrániť pozadie pri pouľívaní Cute PDF </a></li><li><a href="http://www.pocitac.win/Softver/Open-Source-Code/456575.html" target="_blank">OpenOffice Impress Tutorial </a></li> </ul> </div> <div class="d342sdfw42"></div> <div class="huiyishazsad"> </div> </div> </div> </div> <div class="dibudasdwqe213"> <div class="daspoiepwqieq12"> <div class="dsarew2342a"> <ul> <h3>Softvér</h3> <li><a class='childclass' href='http://www.pocitac.win/Softver/Adobe-Illustrator/' target="_self">Adobe Illustrator</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/animácie-Software/' target="_self">animácie Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/antivírusový-softvér/' target="_self">antivírusový softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/audio-softvér/' target="_self">audio softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Zálohovanie-dát/' target="_self">Zálohovanie dát</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Napaľovanie-CD/' target="_self">Napaľovanie CD</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Napaľovanie-DVD/' target="_self">Napaľovanie DVD</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Kompresia-dát/' target="_self">Kompresia dát</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/databázový-softvér/' target="_self">databázový softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/DTP/' target="_self">DTP</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Desktop-Video/' target="_self">Desktop Video</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Digital-Video-Software/' target="_self">Digital Video Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Drupal/' target="_self">Drupal</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/vzdelávací-softvér/' target="_self">vzdelávací softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/softvérového-inžinierstva/' target="_self">softvérového inžinierstva</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Typy-súborov-s-príponou/' target="_self">Typy súborov s príponou</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/finančné-Software/' target="_self">finančné Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Freeware---shareware-a-abandonware/' target="_self">Freeware , shareware a abandonware</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/GIMP/' target="_self">GIMP</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/grafický-softvér/' target="_self">grafický softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Home-Recording-Software/' target="_self">Home Recording Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Microsoft-Access/' target="_self">Microsoft Access</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Microsoft-Excel/' target="_self">Microsoft Excel</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Microsoft-Publisher/' target="_self">Microsoft Publisher</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Microsoft-Word/' target="_self">Microsoft Word</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Open-Source-Code/' target="_self">Open Source Code</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Ostatné-Počítačový-softvér/' target="_self">Ostatné Počítačový softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/PC-hry/' target="_self">PC hry</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/photoshop/' target="_self">photoshop</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Portable-Document-Format/' target="_self">Portable Document Format</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/PowerPoint/' target="_self">PowerPoint</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/prezentácia-Software/' target="_self">prezentácia Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/produktivita-softvéru/' target="_self">produktivita softvéru</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/quicktime/' target="_self">quicktime</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Remote-Desktop-Management/' target="_self">Remote Desktop Management</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/SQL-Server/' target="_self">SQL Server</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/skype/' target="_self">skype</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Softvér-Beta-správy/' target="_self">Softvér Beta správy</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Software-Consultants/' target="_self">Software Consultants</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Software-Development-firmy/' target="_self">Software Development firmy</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/licencovania-softvéru/' target="_self">licencovania softvéru</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/tabuľkové-procesory/' target="_self">tabuľkové procesory</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Daňové-Príprava-Software/' target="_self">Daňové Príprava Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Utility-Software/' target="_self">Utility Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Web-Clip-Art/' target="_self">Web Clip Art</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Windows-Media-Player/' target="_self">Windows Media Player</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Textový-editor-Software/' target="_self">Textový editor Software</a></li> </ul> </div> </div> <div class=clink><a href='http://sk.365electric.com' target=_blank>Elektronických</a><a href='http://ip.sk.nrtool.com/' target=_blank>IP</a> <a href='http://sk.0685.com' target=_blank>Slovensko život</a> <a href='http://sk.98905.com' target=_blank>Dom a záhrada</a> <a href='http://www.765492.com' target=_blank>Elektronických</a></div><p class="d342dsf2">Copyright © <a href="http://www.pocitac.win/" target="_blank" title="počítačové znalosti" class="dsa21d">počítačové znalosti</a> Všetky práva vyhradené</p> </div> </body> </html>