వెబ్ డిజైన్ యొక్క మూడు పొరలు

అన్ని వెబ్సైట్లు నిర్మాణం, శైలి మరియు ప్రవర్తనల కలయికతో ఎందుకు నిర్మించబడ్డాయి

ఫ్రంట్-ఎండ్ వెబ్సైట్ అభివృద్ధిని వివరించడానికి ఉపయోగించే ఒక సారూప్య సారాంశం ఇది 3-కాళ్ళ స్టూల్ లాగా ఉంటుంది. వెబ్ అభివృద్ధికి 3 పొరలుగా కూడా పిలువబడే ఈ 3 కాళ్ళు స్ట్రక్చర్, శైలి మరియు బిహేవియర్స్.

వెబ్ డెవలప్మెంట్ యొక్క మూడు పొరలు

• నిర్మాణం లేదా కంటెంట్ పొర
  • వెబ్ పేజీ యొక్క నిర్మాణం లేదా కంటెంట్ పొర ఆ పేజీ యొక్క అంతర్లీన HTML కోడ్. ఇల్లు యొక్క చట్రంలో మిగిలిన భవనం నిర్మించబడ్డ ఒక బలమైన పునాదిని సృష్టిస్తుంది, కాబట్టి HTML యొక్క ఒక ఘన పునాది ఒక వెబ్ సైట్ సృష్టించగల వేదికను సృష్టించింది. HTML నిర్మాణం టెక్స్ట్ లేదా చిత్రాలను కలిగి ఉంటుంది మరియు సందర్శకులు ఆ వెబ్ సైట్ చుట్టూ నావిగేట్ చేయడానికి ఉపయోగించే హైపర్లింక్లను కలిగి ఉంటుంది.
• శైలి లేదా ప్రెజెంటేషన్ లేయర్
  • శైలి లేదా ప్రెజెంటేషన్ పొర ఒక నిర్మాణాత్మక HTML పత్రం సైట్ యొక్క సందర్శకులకు ఎలా కనిపిస్తుందో వివరించింది. ఈ పొర CSS (క్యాస్కేడింగ్ స్టైల్ షీట్లు) ద్వారా నిర్వచించబడింది. పత్రాలు వెబ్ బ్రౌజర్లో ఎలా ప్రదర్శించబడతాయో సూచించే శైలులను ఈ ఫైళ్లు కలిగి ఉంటాయి. నేటి వెబ్లో, స్టైల్ పొరలో వివిధ మీడియా పరిమాణాలు మరియు పరికరాల ఆధారంగా సైట్ యొక్క ప్రదర్శనను మార్చగల మీడియా ప్రశ్నలను కూడా చేర్చవచ్చు .
• ప్రవర్తన
  • ప్రవర్తన పొర అనేది వేర్వేరు వినియోగదారు చర్యలకు ప్రతిస్పందించగల లేదా పరిస్థితుల సమితి ఆధారంగా పేజీలో మార్పులు చేసుకోగల వెబ్ పేజీ యొక్క పొర. చాలా వెబ్ పేజీల కోసం, ప్రవర్తన స్థాయి పేజీలోని జావాస్క్రిప్ట్ పరస్పర చర్యలు.

ఎందుకు మీరు పొరలు వేరు చేయాలి?

మీరు వెబ్ పేజీని సృష్టించినప్పుడు, పొరలు వీలైనంతగా వేరుచేయడం వంటివి కావాల్సిన అవసరం ఉంది. నిర్మాణం మీ HTML కు, CSS కు దృశ్య శైలులకు, మరియు సైట్ ఉపయోగించే ఏ స్క్రిప్ట్లకు ప్రవర్తనలను గానీ కలిగి ఉండాలి.

పొరలను వేరు చేసే కొన్ని ప్రయోజనాలు:

• భాగస్వామ్య వనరులు
  • మీరు ఒక బాహ్య CSS ఫైల్ లేదా జావాస్క్రిప్ట్ ఫైల్ను వ్రాస్తున్నప్పుడు, మీ వెబ్ సైట్లోని ఏదైనా పేజీ ద్వారా మీరు ఆ ఫైల్ను ఉపయోగించవచ్చు. మీరు ఆ ఫైల్కు మార్పు చేయవలసి వస్తే, వెబ్సైట్లో కొన్ని టైపోగ్రఫిక్ శైలులను అప్డేట్ చెయ్యడం, ఆ స్టైల్షీట్ ఉపయోగించే ప్రతి పేజీ మార్పును పొందుతుంది. ఒక్కో వెబ్సైట్ యొక్క ప్రతి పేజీని ఎడిట్ చేయవలసిన అవసరం లేదు, పెద్ద సైట్ కోసం ఒక భారీ బాధ్యత.
• వేగంగా డౌన్లోడ్లు
  • మీ కస్టమర్ మొదటిసారి స్క్రిప్ట్ లేదా శైలిని డౌన్లోడ్ చేసిన తర్వాత, అది వారి వెబ్ బ్రౌజర్ ద్వారా కాష్ చేయబడుతుంది. ఎందుకంటే ఈ భాగస్వామ్య వనరులు ఇప్పుడు కాష్లో ఉంటాయి, బ్రౌజర్ పేజీలో అభ్యర్థించిన ఇతర పేజీలను త్వరగా లోడ్ చేస్తాయి, ఇది మొత్తం పేజీ వేగం మరియు పనితీరును మెరుగుపరుస్తుంది.
• బహుళ-వ్యక్తి జట్లు
  • ఒకేసారి ఒక వెబ్ సైట్లో పనిచేసే ఒకటి కంటే ఎక్కువ మందిని కలిగి ఉంటే, బృందంలోని ప్రతిఒక్కరు ఈ ఫైళ్ళ యొక్క తాజా సంస్కరణలతో పనిచేస్తున్నారని నిర్ధారించడానికి మీరు "చెక్ ఇన్" మరియు "చెక్ అవుట్" ల కోసం వ్యవస్థలను ఉపయోగించవచ్చు. శైలులు మరియు ప్రవర్తనలను నిర్మాణం పత్రాలతో ముడిపడి ఉంటే ఇది చాలా కష్టం.

• SEO
  • దృశ్య శైలి లేదా ప్రవర్తన సమాచారంతో కూల్చివేయకుండానే ఆ సైట్లు మరింత సమర్థవంతంగా ఆ కంటెంట్ను క్రాల్ చేసి పేజీని అర్థం చేసుకోవడం వలన శైలి మరియు నిర్మాణం యొక్క స్పష్టమైన విభజనను కలిగి ఉన్న సైట్ శోధన ఇంజిన్ల కోసం ఉత్తమంగా ఉంటుంది.
• సౌలభ్యాన్ని
  • బాహ్య శైలి షీట్లు మరియు స్క్రిప్ట్ ఫైళ్ళు ప్రజలకు మరియు బ్రౌజర్లకు మరింత అందుబాటులో ఉంటాయి. శైలి మరియు నిర్మాణం యొక్క విభజన ఉన్నందున, స్క్రీన్ రీడర్లు వంటి సాఫ్ట్ వేర్ వారు ఏ విధమైన రీతిలో ఉపయోగించలేరని శైలులు కూల్చివేయకుండా నిర్మాణాత్మక పొర నుండి కంటెంట్ను సులభంగా ప్రాసెస్ చేయవచ్చు.
• వెనుకకు అనుకూలత
  • మీరు అభివృద్ధి పొరలతో రూపొందించిన ఒక సైట్ను కలిగి ఉన్నప్పుడు, ఇది వెనుకకు అనుకూలంగా ఉంటుంది, ఎందుకంటే నిర్దిష్ట CSS శైలులను ఉపయోగించలేని లేదా జావాస్క్రిప్ట్ నిలిపివేయబడిన బ్రౌజర్లు ఇప్పటికీ HTML ని చూడగలిగే బ్రౌజర్ లేదా పరికరం. మీ వెబ్ సైట్ తర్వాత వాటికి మద్దతు ఇచ్చే బ్రౌజర్ల కోసం క్రమక్రమంగా మెరుగుపరచబడుతుంది.

HTML - నిర్మాణం లేయర్

నిర్మాణం పొర మీ వినియోగదారులు చదవడానికి లేదా చూడాలనుకుంటున్న అన్ని కంటెంట్ను మీరు ఎక్కడ నిల్వ చేస్తారు. ఇది ప్రమాణాల కంప్లైంట్ HTML5 లో కోడ్ చేయబడుతుంది మరియు ఇది టెక్స్ట్ మరియు చిత్రాలను అలాగే మల్టీమీడియా (వీడియో, ఆడియో, మొదలైనవి) కలిగి ఉంటుంది. మీ సైట్ యొక్క కంటెంట్ యొక్క ప్రతి అంశాన్ని నిర్మాణాత్మక పొరలో సూచించటం చాలా ముఖ్యం. ఇది జావాస్క్రిప్ట్ను కలిగి ఉన్న ఏవైనా కస్టమర్ లు లేదా ఆ సైట్ యొక్క అన్ని కార్యాచరణను కలిగి ఉండకపోయినా, మొత్తం వెబ్ సైట్కు ఇప్పటికీ ప్రాప్తి చేయడానికి CSS ను వీక్షించలేరు.

CSS - స్టైల్స్ లేయర్

మీరు బాహ్య శైలి షీట్లో మీ వెబ్ సైట్ కోసం మీ అన్ని దృశ్య శైలులను సృష్టిస్తారు. మీరు బహుళ స్టైల్షీట్లను ఉపయోగించవచ్చు, కానీ ప్రతి ప్రత్యేక CSS ఫైల్ సైట్ పనితీరును ప్రభావితం చేసుకొని, పొందటానికి ఒక HTTP అభ్యర్ధన అవసరం.

జావాస్క్రిప్ట్ - బిహేవియర్ లేయర్

జావాస్క్రిప్ట్ ప్రవర్తనా పొర కోసం సాధారణంగా ఉపయోగించే భాష, కానీ నేను ముందు చెప్పినట్లుగా, CGI మరియు PHP కూడా వెబ్ పేజీ ప్రవర్తనాలను రూపొందించగలవు. చాలామంది డెవలపర్లు ప్రవర్తన పొరను సూచిస్తున్నప్పుడు, వారు వెబ్ బ్రౌజర్లో సక్రియం చేయబడిన లేయర్ అని అర్థం - కాబట్టి జావాస్క్రిప్ట్ దాదాపు ఎల్లప్పుడూ ఎంపిక భాష. DOM లేదా డాక్యుమెంట్ ఆబ్జెక్ట్ నమూనాతో నేరుగా ఇంటరాక్ట్ చేయడానికి మీరు ఈ పొరను ఉపయోగిస్తారు. ప్రవర్తన పొరలో DOM పరస్పర చర్యల కోసం కంటెంట్ లేయర్లో చెల్లుబాటు అయ్యే HTML రాయడం చాలా ముఖ్యం.

మీరు ప్రవర్తన పొరలో నిర్మించినప్పుడు, మీరు CSS తో ఉన్న బాహ్య స్క్రిప్ట్ ఫైల్లను ఉపయోగించాలి. మీరు బాహ్య శైలి షీట్ ను ఉపయోగించుకున్న అన్ని ప్రయోజనాలను పొందుతారు.