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
- Struktūra vai satura 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, tāpat arī pamatots HTML pamats veido platformu, uz kuras var izveidot vietni. HTML struktūra var sastāvēt no teksta vai attēliem, un tajā ir ietvertas hipersaites, ko apmeklētāji izmantos, lai pārvietotos pa šo vietni.
- Stils vai prezentācijas slānis
- Stils vai prezentācijas slodze nosaka, kā strukturēts HTML dokuments izskatīsies vietnes apmeklētājiem. Šo slāni nosaka CSS (Cascading Style Sheets). Šie faili satur stilus, kas norāda, kā dokuments jāparāda tīmekļa pārlūkprogrammā. Šodienas tīmeklī stila slānis var ietvert arī multivides vaicājumus, kas var mainīt vietnes displeju, pamatojoties uz dažādiem ekrāna izmēriem un ierīcēm .
- Uzvedība
- Uzvedības slānis ir tīmekļa lapas slānis, kas var reaģēt uz dažādām lietotāju darbībām vai veikt izmaiņas lapā, pamatojoties uz nosacījumu kopumu. Lielākajai daļai tīmekļa lapu uzvedības līmenis būtu JavaScript mijiedarbība lapā.
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:
- Koplietotie resursi
- Ja rakstāt ārēju CSS failu vai JavaScript failu, šo failu varat izmantot jebkurā tīmekļa vietnē esošajā lapā. 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 lielākai vietnei varētu būt šausmīgs uzņēmums.
- Ātrāka lejupielāde
- Kad jūsu klients pirmo reizi ir lejupielādējis skriptu vai stilu tabulu, tīmekļa pārlūkprogramma to saglabā kešatmiņā. Tā kā šie kopīgie resursi tagad tiek ievietoti kešatmiņā, citas pārlūka 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ē, varat izmantot sistēmas, kas paredzētas failu "reģistrēšanai" un "pārbaudei", lai nodrošinātu, ka visi komandas dalībnieki strādā ar jaunākajām šo failu 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 šīs vietnes var efektīvāk pārmeklēt šo saturu un saprast lapu, nezaudējot informāciju par vizuālo stilu vai uzvedību.
- Pieejamība
- Ārējo stilu lapas un skriptu faili ir vairāk pieejami cilvēkiem un pārlūkiem. Tā kā pastāv stila un struktūras nošķiršana, programmatūra, piemēram, ekrāna nolasītāji, var vieglāk apstrādāt saturu no struktūras slāņa, bet nekļūst par stiliem, kurus tie jebkurā gadījumā nevar izmantot.
- Atgriezeniska savietojamība
- Ja jums ir vietne, kas ir veidota ar izstrādes slāņiem, tā būs daudz neatgriezeniski saderīga, jo pārlūkprogrammas vai ierīce, kas nevar izmantot noteiktus CSS stilus vai kas var būt atspējota JavaScript, joprojām var skatīt HTML. Pēc tam jūsu tīmekļa vietni var pakāpeniski uzlabot ar tām pārlūkprogrammām, kuras tos atbalsta.
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.