Crearea unui șablon joomla în 6 trepte

În această serie de lecții ne vom uita la modul de a crea propriile șabloane pentru Joomla. Întregul proces se va face de la sol până la versiunea de lucru pe deplin.

Următoarele aspecte vor fi acoperite în clasa.

Ce este un șablon Joomla?

stiluri de șablon sunt create în așa fel încât atunci când introduceți date, ele moștenesc automat regulile de proiectare definite în șablonul pentru link-uri, meniuri, navigare, text și alte elemente.

Folosind șablonul așa cum este organizat în Joomla, are mai multe avantaje:

Procesul de proiectare pe computerul local

paginile site-ului, care funcționează sub controlul Joomla nu sunt statice. Acestea sunt generate în mod dinamic conținutul care este stocat în baza de date. Atunci când datele se schimbă toate paginile pe care afișează datele. Pagini creează un set de comenzi PHP în șablon, care generează interogări de baze de date. Deoarece modelul arata ca o linie de cod, fără conținut, procesul de creare este o anumită dificultate.

Folosind un calculator de pe serverul local

Pentru acțiuni suplimentare în sala de clasă, veți avea nevoie de un server web local. Dacă nu ați instalat încă, este timpul pentru a afla și de a face asta. Ca simplu de utilizat opțiuni pot DENWER sau XAMPP. Există mai multe descrieri ale procesului de instalare server local.

W3C și standarde

Uzabilitate, accesibilitate și optimizarea motorului de căutare (SEO) - acești termeni sunt folosiți pentru a descrie diferite pagini web. Dar, în realitate, toate cele trei termeni sunt foarte mult se suprapun. Iar pagina, prezentând caracteristici excelente de la un moment dat este de obicei bun și restul. Cea mai simplă metodă este de a utiliza un mediu de lucru care îndeplinește standardele W3C.

Pentru a înțelege în cazul în care am venit de la standardele web, ar trebui să ne amintim de istorie. Multe pagini concepute special pentru browsere mai vechi. De ce? Browserele evoluează în mod constant odată cu apariția a WWW. Fiecare nouă generație de browsere are caracteristici noi, iar producătorii folosesc pentru aceste funcții sunt diferite, de multe ori propriile lor tag-uri. Fiecare browser are tendința de a utiliza o sintaxă diferită, sau „dialecte“, și propriile implementări pentru aceleași structuri de bază ale HTML. Noile browsere apar pleacă vechi de pe scena (amintiți-vă Netscape?).

Un alt factor care complică situația este faptul că, istoric, factorii de decizie diferite de browser (de exemplu, Microsoft) au tendința de a interpreta HTML un pic diferit. Prin urmare, web designeri trebuie să facă un efort pentru a sprijini browsere mai vechi.

standardele W3C sunt proiectate pentru a asigura coerența în codul paginii web. Site care respectă W3C, este o bază excelentă, ceea ce îl face ușor de utilizat, accesibil și optimizate pentru motoarele de căutare.

Codul corect semantically

Termenul „corect semantically“ înseamnă că etichetele HTML pe o pagină Web este utilizată numai pentru a descrie conținutul, dar nu și pentru punctul de vedere. În special, aceasta înseamnă un cod de organizare structurală prin tag-ul H1. h2, și așa mai departe, precum și tabele numai pentru date tabelare care descriu, dar nu și pentru crearea unei structuri de șablon.

Ar trebui să utilizați, de asemenea, nume semantice pentru diferite zone ale șablonului. De exemplu, atunci când se creează un model cu două sau trei coloane este mai bine să nu folosească numele „stânga“ (stânga) și „dreapta“ (dreapta), și „sidebar“ sau „parte“. Când setați codul HTML și clase CSS numirea corespunzătoare va recunoaște numele.

CSS este un mecanism simplu pentru a schimba stiluri pentru diferite elemente ale șablonului. Ca un exemplu, puteți vedea site-ul CSS Zen Garden. în cazul în care puteți alege diferite stiluri de conținut de afișare.

Joomla de dezvoltare site-ul sub control acum mult mai aproape de realizarea standardelor W3C. Primele versiuni ale codului folosit de un număr mare de tabele pentru a organiza structura paginilor care nu corespund nici unuia dintre cod sau tehnici de separare a conținutului și a prezentării corecte semantic. Problema se manifestă în faptul că mulți dezvoltatori de componente și module sunt încă folosind tabele pentru șabloanele lor.

Din fericire, echipa Joomla revizuit abordarea sa. În versiunea 1.5 posibilitatea de a schimba vizualizarea pe cont propriu, cu utilizarea deplină a CSS.

În următoarea lecție Joomla procesul de construire șablon vor fi luate în considerare.

Mă întreb de ce scrie ea. programatori alfabetizate petrec ani pe ea. Nu cred că un cuplu de luni, ea va samopiski CMS, mai degrabă doar ceea ce timpul de operare. Mai multa experienta ar trebui să fie mult Ogogo. Cred că la un CMS adecvat și de a lucra cu ea. Și dacă vrei să fac pipi, și codul de mai rapid și mai complexe de aplicare - cadru. )) De la CMS este bun și rapid MODX (lecții este!) Cu cadre CI, Kohana, Yii.

Super_Sanya

Este timpul de mare. Respect pentru tine!

Și ceea ce este interesant în etoy Joomla. Nu este interesant pentru a crea totul singur. Ei bine, este necesar la 5000 de linii de cod pentru a scrie, dar acest site frumos și creat pentru a învăța. Sergey Fastunov - nu il respecti pe partea mea. pentru mine această lecție frumoasă nu are nici o smisla.

Așa că mai bine: Joomla sau pentru a scrie toate ??

Bicicliștii au deja ceea ce pentru toate la 0 pentru a scrie. Joomla este prea lent, și atât de mult, nu este necesar. din nou, depinde de proiect ..

Noi trebuie să pornească de la obiectivul, timpul și resursele. În cazul în care obiectivul este de a crea un site rapid, fără a angaja programatori și fără a cheltui o mulțime de timp aleg CMS. Și dacă am nevoie pentru a crea un anumit site, si va avea o sarcină mare, în timp ce angajarea de programatori cu experiență.

vă mulțumesc foarte mult înainte de a continua :)

În titlu, ar fi necesar să se precizeze că, pentru Joomla versiunea 1.6, care până în prezent traduce numai toate modulele, componentele și alte Joomla Template -. Un set de fișiere în CMS Joomla _ _ care controlează prezentarea de date ?. Și link-ul corect la sursa.

Prin obținerea de informații de la două canale (vedere si auz) eficacitatea instruirii de învățare departe superioare de cărți. O temele pentru acasă și teste on-line vă va permite să se gândească în mod constant în limba țintă și imediat verifica cunoștințele!

Dacă doriți o lungă perioadă de timp pentru a studia modul în HTML, mi-ai, pentru ai vesti bune!

Dacă ați învățat deja HTML și doresc să avanseze, următorul pas va fi de a studia tehnologia CSS.

Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!