1
Pregătiți-vă bine să urmați pașii de mai jos. Pentru a urma și a completa tutorialul, trebuie să înțelegeți următoarele concepte de bază:
- Scopul site-urilor web
- HMTL și CSS: modul în care aceste limbi sunt folosite pentru crearea site-urilor Web
- PHP: Ce este și cum este folosit pentru a îmbunătăți performanța
- SGC: ce sunt și cum sunt folosite pentru a crea site-uri web
- Drupal: cum să-l utilizați pentru a configura un simplu site web
- Nu fi speriat de listă. Cu o cantitate potrivită de entuziasm, puteți afla ce aveți nevoie în timp ce urmați sfaturile tutorialului.
2
Configurați un mediu de dezvoltare. Pentru a dezvolta o temă rapid și ușor (fără probleme de conexiune la Internet), configurați un mediu de dezvoltare (un editor de cod și un server de testare) pe computer. Cea mai comună metodă de a face acest lucru este de a instala pachetul WAMP / LAMP / MAMP ( „W“ pentru Windows, „L“ pentru Linux și „M“ pentru Mac) - în cazul în care „A“ înseamnă Apache, serverul, M înseamnă MySQL , baza de date și P reprezintă PHP, limba serverului - și descărcați un editor open source.
Creați site-ul Web. Începeți prin desenarea schemă din pagina de pornire a site-ului folosind un creion și o foaie de hârtie goală - nu vă fie teamă să faceți greșeli sau să faceți modificări. Desenați toate componentele de bază ale paginii, inclusiv antetul, meniul de navigare (care poate fi sub antet sau într-o bară laterală), corpul (care va fi conținutul) și subsol. Puteți crea chiar și alte zone pe hârtie. Când sunteți mulțumit de design, creați-l într-un program care vă permite să dezvoltați pagini precum Adobe Photoshop sau Adobe Fireworks. Apoi se adaugă toate elementele vizuale planejados- cred că în culori și contraste de lumină și întuneric, în tipografie și modul în care aceasta contribuie la experiența utilizatorului, aspectul și spațiile goale (amintiți-vă să se gândească la spațiile albe!) și modul în care va fi distribuit conținutul. Dezvoltați site-ul folosind HTML și CSS. La fel ca în pasul anterior, este mai eficient să creați numai părți dintr-un site care să aibă layout-uri unice, cum ar fi paginile de acasă sau de contact. Faceți-o simplă și, ori de câte ori este posibil, utilizați convenții și strategii moderne (cum ar fi HTML5 și CSS3). În acest moment, nu adăugați limbaj server-side (cum ar fi PHP) și de a folosi o parte din limbajul clientului (cum ar fi jаvascript) să nu intervină în codul Drupal- acestea pot fi adăugate mai târziu.
1
Configurați Drupal pentru a începe dezvoltarea temei. Descărcați Drupal și să mutați toate fișierele serverului care vor fi folosite la crearea temei (se recomandă utilizarea serverului dvs. de testare sau a unui server online). Puneți fișierele descărcate în dosar
rădăcină (dacă utilizați un server de testare)
www sau
localhost). Cu browserul de internet, navigați la dosarul rădăcină (cum ar fi
http: // www /) și urmați procesul de instalare. Apoi instalați modulele care vor fi folosite pentru a dezvolta tema.
2
Înțelegeți structura paginii Drupal și transformați paginile statice în formatul corespunzător.- Paginile HTML se numesc "statice" - adică nu sunt menite să găzduiască conținut dinamic și sunt construite cu tag-uri bloc, cum ar fi "divs" (și "heaver", "subsol" etc. în HTML5). Site-urile Drupal sunt un amestec de pagini statice (HMTL) și dinamice, care conțin conținut care se schimbă frecvent. În Drupal, aceste părți dinamice sunt numite "regiuni"Bara laterală este un exemplu al unei regiuni în care puteți introduce legături de navigare, bare de căutare, butoane de rețele sociale și altele. Vedeți diagrama de mai jos pentru a obține o idee vizuală:
- Elementele plasate în regiunile Drupal sunt numite "blocuri"Barurile și meniurile de căutare, de exemplu, sunt blocuri comune. Pentru a insera, rearanja sau a elimina regiuni, mergeți la structură > blocuri din Drupal. Multe dintre ele provin din module instalate, dar puteți crea și blocuri proprii (pe pagina cu același nume).
- Conținutul fiecărei pagini web (corpul de text, antete, imagini și altele) este de asemenea situate într-o regiune: așa-numitul „conținut“ este necesar pentru a stoca toate temele Drupal. Ce este postat pe site (indiferent dacă este vorba de un blog sau de un alt articol personalizat) primește numele "nod"și rămâne pe bloc Conținutul paginii principale. Pe scurt: ce se află pe pagină Despre noi, de exemplu, este salvat într-un "nod" (de tipul "pagină", desigur) și rămâne în bloc Conținutul paginii principale, care, la rândul său, se află în regiune Despre noi.
- Uneori se întâmplă să găsiți mai multe "noduri" pe o pagină din bloc Conținutul paginii principale, cum ar fi prima pagină a site-ului, care de obicei prezintă cele mai recente articole (sau postări pe blog).
- Tema va controla regiunile, dar nu și administratorii site-ului. În calitate de dezvoltator, va trebui să îi spuneți lui Drupal regiunile din tema dvs., precum și să le menționați în fișiere numite "șabloane" (discutate în secțiunea următoare).