Ang Tulo ka Layers sa Web Design

Ngano nga ang tanan nga mga website gitukod nga adunay kombinasyon sa estruktura, estilo, ug kinaiya

Ang usa ka komon nga analogy nga gigamit sa paghulagway sa pagpalambo sa front-end nga website mao nga kini sama sa 3-legged stool. Kining 3 ka bitiis, nga nailhan usab nga 3 ka mga layer sa web development, mao ang Istraktura, Estilo, ug Mga Kinaiya.

Ang Tulo ka Layers sa Web Development

Nganong Kinahanglan Nimong Ipahimulag ang mga Layers?

Sa diha nga ikaw naglalang sa usa ka web page, kini nga pagtinguha sa paghupot sa mga lut-od ingon nga nahimulag kutob sa mahimo. Ang estruktura kinahanglan nga itugyan ngadto sa imong HTML, estilo sa panan-aw sa CSS, ug mga kinaiya sa bisan unsang mga script nga gigamit sa site.

Ang pipila sa mga kaayohan sa pagbulag sa mga lut-od mao ang:

HTML - ang Layi sa Istruktura

Ang istruktura nga layer mao ang diin imong gitipigan ang tanan nga mga sulod nga gusto sa imong mga kustomer sa pagbasa o pagtan-aw. Kini pag-code sa mga sumbanan nga compliant HTML5 ug kini mahimong maglakip sa mga teksto ug mga imahen ingon man sa multimedia (video, audio, ug uban pa). Importante nga masiguro nga ang matag aspeto sa sulod sa imong site gihulagway diha sa layer sa istruktura. Kini nagtugot sa bisan kinsa nga mga kustomer nga adunay JavaScript nga gipalayo o kinsa dili makatan-aw sa CSS aron makabaton gihapon sa pag-access sa tibuok nga web site, kung dili ang tanang gamit sa maong site.

CSS - ang Styles Layer

Mahimo nimong himoon ang tanan nimo nga mga estilo sa biswal alang sa imong web site sa usa ka estilo sa gawas nga estilo. Makagamit ka og daghang mga estilo sa estilo, apan hinumdumi nga ang matag lain nga CSS file nagkinahanglan sa hangyo sa HTTP nga makuha, nga makaapekto sa performance sa site.

JavaScript - ang Behavior Layer

Ang JavaScript mao ang labing kasagarang gigamit nga pinulongan alang sa layer sa kinaiya, apan sumala sa akong nahisgutan kaniadto, ang CGI ug PHP mahimo usab nga makamugna sa mga kinaiya sa Web page. Kana nga pag-ingon, kung ang kadaghanan nga mga tig-usbaw nagpasabut sa mga lihok sa kinaiya, kini nagpasabot nga ang layer nga gi-activate direkta sa Web browser - mao nga ang JavaScript hapit kanunay ang pinulongan sa pagpili. Gigamit nimo kini nga layer aron makig-uban direkta sa DOM o Document Object Model. Ang pagsulat sa balido nga HTML sa sulod layer mahinungdanon usab alang sa DOM interactions sa layer sa kinaiya.

Kon ikaw magtukod sa layer sa kinaiya, kinahanglan nga gamiton nimo ang eksternal nga mga file sa script sama sa CSS. Nakuha nimo ang tanan nga susama nga mga bentaha sa paggamit sa usa ka estilo sa estilo sa gawas.