Tie, kas strādā web dizaina industrijā, liek priekšattīrītu tīmekļa vietņu izstrādi līdz trīs kāju izkārnījumam. Šīs trīs kājas - trīs tīmekļa attīstības līmeņi - ietver struktūru, stilu un uzvedību.
Kāpēc vajadzētu nošķirt slāņus?
Veidojot Web lapu, tā struktūrai jābūt novirzītam uz jūsu HTML, vizuālajiem stiliem uz CSS un skriptu uzvedību. Daži slāņu nošķiršanas priekšrocības ir šādas:
- Koplietotie resursi: Kad jūs rakstāt ārēju CSS vai JavaScript failu, jebkura vietnes lapa var izmantot šo failu. Ja jums ir nepieciešams mainīt šo failu, varbūt, lai atjauninātu dažus tipogrāfijas stilus vietnē, katrā lapā, kurā tiek izmantota šī stilu lapa, tiks veiktas izmaiņas. Nav nepieciešams rediģēt katru vietnes lapu atsevišķi, kas varētu būt smags uzņēmums lielai vietnei.
- Faster downloads: Tiklīdz jūsu klients ir pirmo reizi lejupielādējis skriptu vai stilu tabulu, tīmekļa pārlūkprogramma tiek saglabāta kešatmiņā. Tā kā šie kopīgie resursi tagad tiek ievietoti pārlūkprogrammas kešatmiņā, citas pārlūkprogrammas pārlūkprogrammas pieprasītās lapas tiek ielādētas ātrāk, tādējādi uzlabojot lapas ātrumu un veiktspēju.
- Daudzpersonu komandas: Ja jums ir vairāk nekā viena persona, kas vienlaikus strādā vietnē, jūs varat izmantot sistēmas, kas ļauj pārbaudīt un pārbaudīt failus, lai nodrošinātu, ka visi strādā ar jaunākajām versijām. Tas ir daudz grūtāk izdarīt, ja stili un uzvedība ir savstarpēji saistīti ar struktūras dokumentiem.
- SEO: Vietne, kurā ir skaidri nodalīts stils un struktūra, varētu labāk darboties meklētājprogrammās, jo tās var efektīvāk pārmeklēt šo saturu un izprast lapu, nezaudējot vizuālo stilu un uzvedības informāciju.
- Pieejamība: Ārējo stilu lapas un skriptu faili ir vairāk pieejami cilvēkiem un pārlūkiem. Programmatūra, piemēram, ekrāna lasītāji, var vienkāršāk apstrādāt saturu no struktūras slāņa, neizmantojot stilus, kurus tie jebkurā gadījumā nevar izmantot.
- Atpakaļejoša saderība: Vietne, kas ir veidota ar atsevišķiem attīstības slāņiem, visticamāk, būs savietojama ar atpakaļejošu datumu, jo pārlūkprogrammas un ierīces, kas nevar izmantot noteiktus CSS stilus vai kuri ir atspējoti JavaScript, joprojām var skatīt HTML. Pēc tam jūs varat pakāpeniski uzlabot savu vietni ar to pārlūkprogrammu funkcijām, kuras tos atbalsta.
HTML: struktūras slānis
Mājas lapas struktūra vai satura slānis ir attiecīgās lapas HTML kods. Tāpat kā mājas rāmis rada spēcīgu pamatu, uz kura balstās pārējā māja, spēcīgs HTML pamats veido platformu, pēc kuras var izveidot vietni.
Struktūras slānis ir vieta, kur uzglabāt visu saturu, ko jūsu klienti vēlas lasīt vai apskatīt. HTML struktūra var sastāvēt no teksta un attēliem, un tā ietver hipersaites, ko apmeklētāji izmantos, lai pārvietotos pa vietni. Tas ir kodēts ar standartiem atbilstošu HTML5 un var ietvert tekstu, attēlus un multividi (video, audio uc).
Katrs vietnes satura aspekts ir jāparāda struktūras slānī. Tas ļauj klientiem, kuriem ir izslēgts JavaScript vai kuri nevar skatīt CSS piekļuvi visai vietnei, ja ne visu tā funkcionalitāti.
CSS: stila slānis
Šis slānis nosaka, kā strukturēts HTML dokuments izskatīsies vietnes apmeklētājiem, un to definē CSS (Cascading Style Sheets). Šie faili satur stilistiskas instrukcijas par to, kā dokuments būtu jāparāda tīmekļa pārlūkprogrammā. Stila slānis parasti ietver mediju vaicājumus, kas maina vietnes displeju, pamatojoties uz ekrāna izmēru un ierīci.
Visiem vietnes vizuālajiem stiliem vajadzētu būt ārējai stilu lapai. Varat izmantot vairākas stilu lapas, taču atcerieties, ka katram CSS failam ir HTTP pieprasījums, lai to ielādētu, ietekmējot vietnes veiktspēju.
JavaScript: uzvedības līmenis
Uzvedības līmenis padara vietni interaktīvu, ļaujot lapai reaģēt uz lietotāju darbībām vai mainīt atkarībā no apstākļu kopuma. JavaScript ir visbiežāk lietotais uzvedības slānī izmantotais valoda, taču ļoti bieži tiek izmantoti arī CGI un PHP.
Kad izstrādātāji norāda uz uzvedības slāni, lielākā daļa no tiem nozīmē slāni, kas aktivizēts tieši interneta pārlūkprogrammā. Jūs izmantojat šo slāni, lai mijiedarbotos tieši ar DOM (Document Object Model). Datora mijiedarbība uz uzvedības slānī ir svarīga HTML satura rakstīšana satura slānī. Kad jūs izveidojat uzvedības slāni, jums vajadzētu izmantot ārējos skriptu failus, tāpat kā CSS, lai optimizētu ātrumu un veiktspēju.
