Trīs līmeņu Web dizains

Kāpēc visas tīmekļa vietnes ir veidotas, apvienojot struktūru, stilu un uzvedību

Kopēja analoģija, ko izmanto, lai aprakstītu interneta mājas lapas izveidi, ir tāda, ka tas ir kā trīsstūris izkārnījumos. Šīs 3 kājas, kas arī ir pazīstamas kā 3 tīmekļa attīstības līmeņi, ir struktūra, stils un uzvedība.

Trīs līmeņu Web izstrāde

Kāpēc vajadzētu nošķirt slāņus?

Veidojot tīmekļa lapu, vēlams, lai slāņi būtu pēc iespējas atdalīti. Struktūrai jārespektē jūsu HTML, CSS vizuālie stili, kā arī visu vietnes izmantoto skriptu uzvedība.

Daži slāņu nošķiršanas priekšrocības ir šādas:

HTML - struktūras slānis

Struktūras slānis ir vieta, kur uzglabāt visu saturu, ko jūsu klienti vēlas lasīt vai apskatīt. Tas tiks kodēts ar standartiem atbilstošu HTML5, un tajā var iekļaut tekstu un attēlus, kā arī multividi (video, audio uc). Ir svarīgi pārliecināties, ka strukturālajā slānā tiek attēlots katrs jūsu vietnes satura aspekts. Tas ļauj visiem klientiem, kuriem ir izslēgts JavaScript vai kuri nevar skatīt CSS, lai tie joprojām varētu piekļūt visai vietnei, ja ne visu šīs vietnes funkcionalitāti.

CSS - stila slānis

Jūs izveidosiet visus savus vizuālos stilus savai vietnei ārējā stilu lapā. Varat izmantot vairākas stilu lapas, taču atcerieties, ka katram atsevišķam CSS failam ir nepieciešams HTTP pieprasījums, lai ielādētu, ietekmējot vietnes veiktspēju.

JavaScript - uzvedības līmenis

JavaScript ir visbiežāk lietotais uzvedības slānim raksturīgais valodas stils, taču, kā jau iepriekš minēju, CGI un PHP var ģenerēt arī Web lapas uzvedību. Tas nozīmē, ka, ja lielākā daļa izstrādātāju atsaucas uz uzvedības slāni, tas nozīmē, ka slānis, kas tiek aktivizēts tieši Web pārlūkā, tāpēc JavaScript ir gandrīz vienmēr izvēlēta valoda. Jūs izmantojat šo slāni, lai tieši sazinātos ar DOM vai dokumentu objektu modeli. Datora mijiedarbību uzvedības slānī ir svarīgi arī rakstīt derīgu HTML satura slānī.

Kad jūs veidojat uzvedības slāni, jums vajadzētu izmantot ārējos skriptu failus tāpat kā ar CSS. Jums ir visas priekšrocības, izmantojot ārējo stilu lapu.