የዌብ ዲዛይ ሶስት ገፅታዎች

ሁሉም ድር ጣቢያዎች መዋቅሮች, ቅጦች እና ስነምግባሮች ድብልቅ ናቸው የሚገነቡት

የፊት-መጨረሻ ድር ጣቢያ ልማትን የሚገልጽ የተለመደ ናሙና ልክ እንደ ባለ 3-እግር መቆፈሪያ አይነት ነው. እነዚህ 3 እግር, 3 የድረ-ገጽ ግንባታ ጥረዛዎች ተብለው የሚታወቁ ናቸው, አወቃቀሮች, ቅጥ እና ባህሪዎች ናቸው.

የዌብ ልማት ሶስት ገፅታዎች

• መዋቅር ወይም የይዘት ሽፋን
  • የአንድ ድረ ገጽ አወቃቀር ወይም ይዘት ሽፋን የዚህ ገጽ የቤኪው ኮድ ነው. ልክ እንደ አንድ ቤት ፍራሽ የቀረውን ቀሪውን ቤት ይገነባል, ጠንካራ የሆነ የኤችቲኤምኤል መሠረት አንድ ድር ጣቢያ ሊፈጠር የሚችልበት መድረክ ይፈጥራል. የኤችቲኤምኤል መዋቅር ጽሁፍ ወይም ምስሎች ሊኖረው ይችላል እናም ጎብኚዎች በዚያ ዌብ ሳይት ጎብኚዎች ለመጎብኘት የሚጠቀሙበትን hyperlinks ያካትታል.
• ቅጥ ወይም የአቀራረብ ንብርብር
  • የቅጥ ወይም የዝግጅት አቀማመጥ አንድ የተጎለበተ የኤችቲኤምኤል ሰነድ ወደ አንድ ጣቢያ ጎብኚዎች እንዴት እንደሚመለከት ይገመታል. ይህ ንብርብር በሲኤስኤል (የውስጣዊ ቅፅያት ሉሆች) ተተርጉሟል. እነዚህ ፋይሎች ሰነዱ እንዴት በድር አሳሽ ውስጥ መታየት እንዳለባቸው የሚገልጹ ቅጦች አሉት. ዛሬውኑ ድህረ ገፅ ላይ, የቅጥሉ ንብርብር በተለያዩ የመጠባበቂያ ስፋቶችና መሳሪያዎች ላይ በመመርኮዝ የጣቢያ ማሳያውን ሊለውጡ የሚችሉ የሚዲያ መጠይቆችን ሊያካትት ይችላል.
• ባህሪ
  • የባህሪው ንብርብር ለተለያዩ የተጠቃሚ እርምጃዎች ምላሽ መስጠት ወይም በአንድ ሁኔታ ስብስቦች ስብስብ ላይ ተመስርቶ ለውጦችን የሚያደርግ የድር ገጽ ንብርብር ነው. ለአብዛኛው ድረ ገጾች, የባህሪው ደረጃ በገጹ ላይ የጃቫስክሪፕት መስተጋብሮች ይሆናል.

ማስተካከያ ማድረግ ያለብህ ለምንድን ነው?

አንድ ድረ-ገጽ በሚፈጥሩበት ጊዜ ንብርብሮችን በተቻለ መጠን በተቻለ መጠን ማስወገድ ይመርጣል. መዋቅሩ ወደ ኤችቲኤምኤል, ለህብረቱ የንድፍ ቅጦች, እና ጣቢያው ለሚጠቀማቸው ማንኛውም ስክሪፕቶች ባህሪይ መሆን አለበት.

ሽፋኖቹን የመለየት አንዳንድ ጥቅሞች እነኚህ ናቸው:

• የተጋሩ ንብረቶች
  • የውጫዊ የሲ ኤስ ሲ ፋይል ወይም የጃቫስክሪፕት ፋይል ሲፅፉ ፋይሉን በድር ጣቢያዎ ላይ በማናቸውም ገጽ መጠቀም ይችላሉ. በፋይሉ ላይ አንዳንድ የፊደል ቅጦችን ለማዘመን ምናልባት ምናልባት በፋይሉ ላይ ለውጥ ማድረግ ያስፈልግዎታል, እያንዳንዱ የቅዴስቲክ ቅፅ ላይ የሚጠቀሙት ገጾች ለውጡን ያገኛሉ. ለትልቅ ጣቢያው ግዙፍ ስራ ሊሆን የሚችል የድር ጣቢያን እያንዳንዱን ገጽ ማርትዕ አያስፈልግም.
• ፈጣን ውርዶች
  • አንዴ ስክሪፕቱ ወይም የተዘዋወጫ ቅጅዎ በደንበኛውዎ ለመጀመሪያ ጊዜ ሲወርድ ሲዋቀር በድር አሳሽዎ ተይዟል. እነዚህ የተጋሩ መገልገያዎች አሁን በመሸጎጫ የተያዙ በመሆናቸው በአሳሹ ውስጥ የተጠየቁ ሌሎች ገጾች በፍጥነት እንዲጫኑ, ይህም አጠቃላይ ገጽ ፍጥነት እና አፈፃፀምን ያሻሽላል.
• ብዙ ሰዎች ያሏቸው ቡድኖች
  • በድር ጣቢያ ላይ ከአንድ ሰው በላይ ካሎት, በቡድናቸው ውስጥ ያሉ ሁሉም ሰዎች ከእነዚህ ፋይሎች የመጨረሻዎቹ ስሪቶች ጋር እየሰራ መሆኑን ለማረጋገጥ ፋይሎችን "ተመዝግበው ይግቡ" እና "ተመዝግበው" የሚቻሉ ስርዓቶችን መጠቀም ይችላሉ. ቅጦች እና ባህሪያቶች በመዋቢያ ሰነዶች ውስጥ የተጣመሩ ከሆኑ ይህን ማድረግ በጣም አስቸጋሪ ነው.

• መ
  • ከጣቢያው ቅጥ ወይም ባህሪ ጋር ምንም ሳይታሰብበት እነዛን ጣቢያዎች በተሳካ ሁኔታ መጠቀሚያ ሊያደርጉ እና ገጹን ሊገነዘቡ ስለሚችሉ የተደራሽነት እና መዋቅር ግልጽነት ያለው ፍሰት ለፍለጋ ሞተሮች የተሻለ አገልግሎት ሊያገኙ ይችላሉ.
• ተደራሽነት
  • ውጫዊ ቅጥ ያላቸው ስእሎች እና የስክሪፕት ፋይሎች ለሰዎች እና ለአሳሾች ይበልጥ ተደራሽ ናቸው. የቅንጦችን እና መዋቅሩን መለያ ስለሚለይ, እንደ ማያ ገጽ አንባቢዎች ያሉ ሶፍትዌሮች ከማዋቀሻው ንብርብር ይልቅ ለማንም ሊጠቀሙባቸው በማይችሉ ቅጦች ሳይወጡ በቀላሉ ሊከናወኑ ይችላሉ.
• ወደኋላ ተኳሃኝነት
  • በእድገት ንብርብሮች የተቀረጸ ጣቢያ ሲኖርዎት, በጣም ጥቂት የሆነ ተኳሃኝ ነው ምክንያቱም አንዳንድ የ CSS ባህሪያትን የማይጠቀሙ ወይም ጃቫስክሪፕት ያሰናክሉ ሊሆን ስለሚችል አሳሾች ወይም ኤችቲኤምኤል አሁንም ሊረዱ ስለሚችሉ ነው. የድህረ ገጻችን ገፅታዎች በተሻለ ሁኔታ ለእነርሱ በሚረዱዋቸው አሳሾች ሊሻሻሉ ይችላሉ.

ኤችቲኤም - አወቃቀር ንብርብር

የአቀማመጡ ድርብርብ ደንበኞችዎ ሊያነቡት ወይም ሊያዩዋቸው የሚፈልጉትን ሁሉንም ይዘት የሚያከማቹበት ነው. ይህ ኤች.ቲ.ኤም.ኤል 5 በሚያሟላ ደረጃዎች ይቀረጽና ጽሑፉን እና ምስሎችን እና መልቲሚዲያ (ቪዲዮ, ኦዲዮ, ወዘተ) ሊያካትት ይችላል. እያንዳንዱ በጣቢያዎ ላይ ያለው ይዘት በአጠቃላይ መዋቅር ውስጥ መኖሩን ማረጋገጥ አስፈላጊ ነው. ይሄ ማንኛውም ጃቫስክሪፕት ያጠፋቸው ወይም የሲ.ኤስ.ኤል ን ማየት የማይችሉ ደንበኞች ሁሉ የድረ-ገፁ ተግባር ካልሆነ በስተቀር ሙሉውን የድረ-ገጽ መዳረሻ እንዲያገኙ ያስችላል.

ሲኤስኤስ - የቅርስ ህብርብር

ሁሉንም የንድፍ ቅጦችዎን በውጫዊ ቅጥ ሉህ ውስጥ ይፈጥራሉ. በርካታ የሉህ አስተርፊዎችን መጠቀም ይችላሉ, ነገር ግን እያንዳንዱ የሲ ኤፍ ሲ ፋይል የድረ-ገጽ አፈጻጸም ላይ ተጽዕኖ ሊያደርስ የ HTTP ጥያቄ ይጠይቃል.

ጃቫስክሪፕት - ባህሪይ ንብርብር

ጃቫ ስክሪፕት የባህሩ ንብርብር ላይ በጣም የተለመደው ቋንቋ ነው, ሆኖም ግን ከዚህ በፊት እንደጠቀስኩት, CGI እና PHP እንዲሁ የድረ ገጽ ባህሪዎችን ሊያመነጩ ይችላሉ. ይሄ የተነገረው አብዛኛዎቹ ገንቢዎች የባህሪውን ንብርብር ሲያመለክቱ በቀጥታ በድር አሳሽ ውስጥ የሚንቀሳቀስ ንብርብር ማለት ነው - ስለዚህ የጃቫስክሪፕት ሁልጊዜ ማለት የሚመርጠው ቋንቋ ነው. ይህን ድፍጥ ከ DOM ወይም ሰነድ የመጠቀም ሞዴል ጋር በቀጥታ ለመገናኘት ይጠቀማሉ. በተጠቃሚው ንብርብር ውስጥ ተቀባይነት ያለው ኤችቲኤምኤል መጻፍ በጣም አስፈላጊ ነው.

በባህሩ ሽፋኑ ውስጥ ሲገነቡ ልክ ከሲኤስኤስ ጋር ልክ እንደ ውጫዊ የስክሪፕት ፋይሎችን መጠቀም አለብዎት. የውጫዊ ቅጥ ሉሆችን መጠቀም ተመሳሳይ የሆኑ ጥቅሞችን ያገኛሉ.