Naha sakabeh situs web anu diwangun ku kombinasi struktur, gaya, sarta paripolah
A analogi umum anu dipaké pikeun ngajelaskeun hareupeun-tungtung ngembangkeun ramatloka téh nya éta kawas stool 3 laga. Ieu 3 suku, nu ogé katelah 3 lapisan pembangunan web, anu Struktur, Gaya, sarta paripolah.
The Three Lapisan of Web Development
- Struktur atawa eusi lapisan
- Struktur atawa eusi lapisan hiji kaca web teh kode HTML kaayaan kaca éta. Kawas pigura hiji imah urang nyieun yayasan kuat kana nu sesa imah ieu diwangun, jadi teu hiji yayasan padet HTML nyieun platform kana nu ramatloka a bisa dijieun. Struktur HTML bisa diwangun ku téks atanapi gambar na eta ngawengku hyperlinks nu datang bakal ngagunakeun pikeun nganapigasi sabudeureun éta situs wéb.
- Gaya atanapi presentasi lapisan
- Gaya atanapi presentasi lapisan dictates sabaraha hiji dokumen HTML terstruktur bakal neuteup ka datang situs urang. Lapisan ieu ditetepkeun ku CSS (Cascading Style cadar). file ieu ngandung gaya nu nunjukkeun kumaha dokumen kudu dipintonkeun dina web browser. Di Web dinten ieu, di lapisan gaya ogé bisa ngawengku Media queries nu bisa ngarobah tampilan situs urang dumasar kana béda ukuran layar jeung alat .
- tingkah laku
- Lapisan kabiasaan teh lapisan kaca Wéb nu bisa ngabales lampah pamaké béda atawa jieun perobahan ka kaca dumasar kana susunan kaayaan. Kanggo sabagéan ageung kaca Wéb, tingkat kabiasaan bakal interaksi JavaScript dina kaca.
Naha Kudu Anjeun misahkeun nu Lapisan?
Lamun anjeun nuju nyieun kaca web, éta desirable tetep dina lapisan sakumaha dipisahkeun salaku kamungkinan. Struktur kudu confided mun HTML anjeun, gaya visual kana CSS, sarta paripolah jeung naon Aksara nu situs ngagunakeun.
Sababaraha mangpaat pamisahan lapisan téh:
- sumberdaya dibagikeun
- Lamun anjeun nulis hiji file CSS éksternal atanapi file JavaScript, anjeun tiasa nganggo file anu ku kaca sagala dina situs web Anjeun. Lamun perlu nyieun parobahan ka file anu, sugan pikeun ngapdet sababaraha gaya typographic dina website, unggal kaca anu ngagunakeun stylesheet anu bakal meunang robah teh. Aya perlu ngédit unggal kaca ti ramatloka individual, nu keur situs gedé bisa janten kalakuan grueling.
- undeuran gancang
- Sakali naskah atanapi stylesheet geus diundeur ku customer Anjeun pertama kalina, eta sindangan ku web browser maranéhanana. Kusabab daya ieu dibagikeun ayeuna dikandung dina cache, kaca séjén nu dipénta dina beban browser leuwih gancang, nu ngaronjatkeun kagancangan kaca sakabéh jeung kinerja.
- Tim multi baé
- Upami Anjeun gaduh leuwih ti hiji jalma digawé di situs web sakaligus, Anjeun bisa make sistem nu keur "pariksa dina" jeung "pariksa kaluar" koropak pikeun mastikeun yén dulur on tim berpungsi sareng versi panganyarna koropak ieu. Ieu loba harder kudu dipigawé lamun gaya jeung paripolah anu intertwined kalawan dokumén struktur.
- SEO
- Hiji situs nu boga pemisahan jelas ngeunaan gaya jeung struktur kamungkinan nedunan hadé pikeun mesin pencari saprak situs maranéhanana bisa leuwih éféktif ngorondang eusi éta sarta ngarti kaca tanpa lalaki bogged handap kalawan gaya visual atawa informasi kabiasaan.
- diakses
- gaya éksternal cadar jeung payil Aksara nu leuwih lengkep bisa diasupan ka jalma tur ka panyungsi. Kusabab aya nu separation tina gaya na struktur, software kawas pamiarsa layar bisa leuwih gampang ngolah eusi ti lapisan struktur tanpa lalaki bogged handap ku gaya nu maranéhna teu bisa make atoh.
- kasaluyuan ka tukang
- Lamun anjeun boga situs anu dirancang jeung lapisan ngembangkeun, éta bakal leuwih ka tukang cocog sabab panyungsi atawa alat nu teu bisa make gaya CSS tangtu atawa anu mungkin gaduh JavaScript ditumpurkeun masih bisa nempo HTML nu. situs web anjeun lajeng bisa progressively ditingkatkeun kalawan fitur keur panyungsi nu ngarojong éta.
HTML - nu Struktur Lapisan
Lapisan struktur mangrupa tempat pikeun anjeun nyimpen sakabeh eusi nu rék konsumén Anjeun maca atanapi kasampak di. Ieu bakal disandi di standar patuh HTML5 jeung eta bisa kaasup teks jeung gambar sakumaha ogé multimédia (video, audio, jsb). Éta penting pikeun mastikeun yén unggal aspék eusi situs anjeun geus digambarkeun dina lapisan struktur. Hal ieu ngamungkinkeun sagala nasabah anu gaduh JavaScript dipareuman atanapi anu teu tiasa nempo CSS mun masih gaduh aksés ka loka wéb sakabéh, upami teu sakabeh fungsionalitas loka éta.
CSS - nu Styles Lapisan
Anjeun bakal nyieun sagala gaya visual anjeun situs web anjeun dina hiji gaya lambar éksternal. Anjeun tiasa make sababaraha stylesheets, tapi inget yen unggal file CSS misah merlukeun pamundut HTTP pikeun dipulut, mangaruhan kinerja situs.
JavaScript - nu Paripolah Lapisan
JavaScript nyaeta basa nu paling ilahar dipake keur lapisan kabiasaan, tapi sakumaha kuring disebutkeun saméméhna, CGI na PHP ogé bisa ngahasilkeun paripolah kaca Wéb. Nu keur ceuk, lamun paling pamekar tingal lapisan kabiasaan, aranjeunna hartosna yén lapisan nu diaktipkeun langsung dina panyungsi Web - kitu JavaScript téh ampir salawasna basa pilihan. Anjeun make lapisan ieu interaksi langsung jeung DOM atanapi Dokumén Objék Modél. Nulis HTML valid dina lapisan eusi oge penting keur interaksi DOM dina lapisan kabiasaan.
Lamun anjeun ngawangun dina lapisan kabiasaan, Anjeun kudu ngagunakeun Aksara éksternal file kawas kalawan CSS. Anjeun meunang sagala kaunggulan sarua ngagunakeun gaya lambar éksternal.