20 pagrindinių tinklalapio dalių

The a tinklalapį Jie skirstomi į priekinius elementus ir galinius elementus. Šios dalyssąveikauja tarpusavyje, kaip sistema, sukurianti optimalią erdvę naudotojams.

Priekiniai elementai yra tie, kuriuos galima pamatyti, pvz., Pagrindinį puslapį (arba pagrindiniame puslapyje), puslapio logotipas, turinys, paieškos juosta, vaizdai, reklama ir bet kuris kitas elementas, kuris yra tinklalapio dizaino dalis.

Kita vertus, galiniai elementai yra tie, kurių negalima matyti, nes jie yra puslapio programavimo dalis. Kai kurios iš jų yra kodavimo sistema (kuri leidžia programuotojams redaguoti puslapį ir jį atnaujinti), paieškos sistema (kuri realizuojama paieškos juostoje), vaizdo rotacijos sistema, pirkimo-pardavimo sistema, pokalbius, internetines duomenų bazes, be kita ko.

Ne visuose tinklalapiuose yra tos pačios dalys. Pavyzdžiui, pirkimo-pardavimo sistema yra tik komercinėse platformose, tokiose kaip „Amazon“ arba „E-Bay“.

Pagrindinės ir bendrosios tinklalapių dalys

Priekiniai elementai

1- Navigacijos struktūra

Navigacijos struktūra yra tinklalapio pagrindas. Tai reiškia, kad ją sudaro visos nuorodos, palaikančios svetainę: nuorodos, nukreipiančios į pagrindinį puslapį, meniu nuorodos, straipsniai (jei yra), be kita ko,.

2- Pagrindinis puslapis

Pagrindinis puslapis (taip pat žinomas kaip pagrindiniame puslapyje) yra pagrindinė svetainės sąsaja. Čia pateikiamos svarbiausios antraštės ir kita informacija, pvz., Kontaktinė informacija.

3 - logotipas

Logotipas yra simbolis, identifikuojantis puslapį. Paprastai tai yra viršutiniame kairiajame kampe.

Daugelis svetainių sukuria nuorodą tarp logotipo ir pagrindinio puslapio, todėl, jei spustelėsite ant logotipo, nukreipsite jį į pagrindinį puslapį.

4- Turinys

Turinys yra svetainėje esanti informacija. Pavyzdžiui, jei tai yra naujienų svetainė, ataskaitos bus turinio.

Geri tinklalapiai platina turinį informacijos segmentuose (su pavadinimais ir subtitrais). Tokiu būdu vartotojas gali lengviau skaityti.

5 antraštės

Antraštės yra puslapio, kuris yra puslapio dalis, pavadinimai. Kartu pateikiamos dvi ar trys eilutės. Tai santrauka, kuria siekiama pritraukti vartotojų dėmesį.

6 Meniu

Meniu yra baras, kuris palengvina navigaciją svetainėje. Padalinkite puslapį į sekcijas. Pavyzdžiui, jei tai yra informacinis tinklaraštis, galite rasti skyrių kiekvienai žinių sričiai: mokslas, humanitariniai mokslai, technologijos..

7- Reklama

Kai kuriuose tinklalapiuose yra skelbimų, kad būtų galima užsidirbti lėšų, palaikančių atsakingus svetainės darbuotojus. Tai gali būti dviejų tipų: statinis arba animacinis.

Statiniai skelbimai yra vaizdai, tekstai arba abiejų jų derinys. Animacijos gali būti, be kita ko, gif vaizdai, vaizdo įrašai, iššokantys langai (reklama, kuri rodoma kaip pop-up skelbimas).

Paprastai pageidautina naudoti statinius skelbimus, nes jie neužkrauna puslapio ir yra malonesni svetainės naudotojams.

8- Paieška juosta

Paieškos juosta yra erdvė, leidžianti naršyti tinklalapį per raktinius žodžius. Paprastai jis identifikuojamas didinamuoju stiklu.

9 - Daugialypės terpės elementai

Daugelyje puslapių yra daugialypės terpės elementų, dėl kurių vartotojo patirtis tampa interaktyvesnė. Be kitų, galite įtraukti vaizdus, ​​vaizdo įrašus, garso įrašus, žaidimus.

10- Apatinė

Tinklalapių išnašose pateikiama informacija apie taisykles, sąlygas ir naudojimo sąlygas. Šioje dalyje taip pat galite rasti laikotarpį, kuriuo puslapis liko veikiantis.

Galiniai elementai

1- Kodavimo sistema

Kodavimo sistema leidžia atnaujinti puslapį, pataisyti struktūros klaidas, įkelti turinį, vaizdus, ​​vaizdo įrašus ir reklamą. Be to, tai leidžia išlaikyti aktyvias svetainės nuorodas ir taisyti tuos, kurie buvo sugadinti.

2 - paieškos sistema

Paieškos sistema yra platforma už paieškos juostos. Tai susiję su visu svetainės turiniu per raktinius žodžius, todėl navigacija greičiau.

3- Vaizdo sukimosi sistema

Kai kurie puslapiai automatiškai pakeičia vaizdus. Tai daroma per rotacijos sistemą, kuri koduoja vaizdus taip, kad jie kas kartais pakaitų.

4- Pirkimo-pardavimo sistema

Komerciniai tinklalapiai yra pagrįsti pirkimo-pardavimo sistema. Ši sistema leidžia apdoroti operacijas su debeto ir kredito kortelėmis, kurios yra paremtos apsaugos sistema, kuri apsaugo pirkėjo duomenis.

5- Registracijos sistema

Siekiant maksimaliai padidinti naudotojų patirtį, daugelis svetainių sukuria registravimo sistemas. Kartais yra prašoma nedidelės pinigų sumos narystei ir mainais - didesnė nauda.

6- Failų atsisiuntimas

Tam tikrus puslapyje esančius failus galima atsisiųsti, jei programuotojai tai leidžia. Jie gali būti archyvuojami iš vaizdų, dokumentų, garso ir vaizdo įrašų.

7- Internetinės duomenų bazės

Internetinės duomenų bazės leidžia išsaugoti informaciją debesyje. Tokiu būdu, jei vartotojas negali arba nenori atsisiųsti failo, jis bus išsaugotas puslapyje ir bus prieinamas tol, kol puslapis bus aktyvus.

8- pokalbiai

Pokalbiai yra vietos, kuriose vartotojai gali bendrauti tarpusavyje. Yra išskirtinai šiam tikslui skirti puslapiai (socialiniai tinklai, pvz., „Facebook“ ir „Twitter“). Kiti puslapiai rodo pokalbius, kad vartotojai galėtų komentuoti svetainės kokybę (pvz., Tinklaraščius ir pirkimo-pardavimo puslapius).

9 - Saugumas

Interneto puslapiuose saugoma svarbi informacija apie vartotojus: vardus, identifikavimo numerį, telefono numerius, kredito korteles, be kita ko. Todėl reikalinga saugumo sistema, kuri saugo šiuos duomenis.

10- Domenas

Domenas yra puslapio adresas. Taip kiekvienas gali pasiekti svetainę.

Nuorodos

1. Tinklalapio komponentai. Gauta 2017 m. Rugsėjo 19 d. Iš stratecomm.com
2. Tinklalapio dalys. Gauta 2017 m. Rugsėjo 19 d., Iš thinkco.com
3. Puslapio struktūra ir svetainės dizainas. Gauta 2017 m. Rugsėjo 19 d. Iš webstyleguide.com
4. Tinklalapio elementai. Gauta 2017 m. Rugsėjo 19 d. Iš tech-ict.com
5. Tinklalapiai ir svetainių dalys. Gauta 2017 m. Rugsėjo 19 d. Iš macmillandictionary.com
6. 2015 m. 5 svetainės dalys ir jų dizaino tendencijos. Gauta 2017 m. Rugsėjo 19 d. Iš sumofy.me
7. Web puslapio anatomija. Gauta 2017 m. Rugsėjo 19 d. Iš htmlbasictutor.ca