ድረ ገጽ ምንድነው? የድህረ ገጾችን ዋና ዋና ክፍሎች ይዘርዝሩ

በይነመረቡ ላይ የቀረበ አብዛኛው ይዘት - የድር ገጽ. ይህ በታሪክ ውስጥ በአንድ ምናባዊ የአውታረ መረብ ቦታ ውስጥ ለመቀመጥ የታቀዱ የመጀመሪያ ሰነድ ዓይነቶች ናቸው, ነገር ግን አሁንም ጠቀሜታቸውን እንዳቆዩ እና ምንም የሚፎካከሩ ቅርጸቶች የሉትም. የድህረ ገጾቹ መዋቅር ምንድን ነው? በየትኛው የድረ-ገጽ ልማት ነው የተፈጠሩት?

ድረ ገጽ ምንድነው?

"የድረ-ገፁን ዋና ገጽታ ይዘርዝሩ" - በኢንፎርሜሽን ኮርፖሬሽን ውስጥ ያለው ፈላስፋ ይናገራል ይላል. በምላሹ ምን ልንለው እንችላለን? በመጀመሪያ ደረጃ, የድረ-ገጹን በመርህ መሰረቱ ምን እንደሆነ እንነጋገራለን.

በቴክኖሎጂ ባለሙያዎች ዘንድ የተለመደው ትርጓሜ መሠረት, ይህ በአንድ ልዩ ፕሮግራም - አሳሽ እንዲከፈት የተተለመ ሰነድ ሲሆን በኮምፒዩተር ማያ ገጽ ላይ የተለያዩ ጠቃሚ ይዘቶች ለማሳየት የተነደፈ ሰነድ ነው - የተለያዩ ጽሑፎች, አገናኞች, ስዕሎች, ቪዲዮ, ሙዚቃ እና ወዘተ የድር ገጽ የጽሑፍ ሰነድ ነው. የአሳሽው ተጓዳኝ ውሂብ እንደ ያቁሙ የቋንቋ ክፍሎች - ኤችቲኤምኤል የሚባሉ ፊደሎች, ቁጥሮች እና ልዩ ቁምፊዎችን ነው. አንድ ድረ-ገጽ ፈጣሪ "አሳሽው ይሄን ወይም ያንን ይዘት / ገጽ ላይ እንዴት እንደሚታይ" በማብራራት ነው.

በድረ-ገፅ አወቃቀር ውስጥ የድረ-ገፆች ቦታ እና ሚና

ድረ ገጽ የአንድን ድረ ገጽ ዋና አካል ነው ብለህ መናገር ይቻላል? ይህ በከፊል እውነት ነው. ሆኖም ከላይ እንዳነሳነው አንድ ድረ ገጽ የጽሑፍ ሰነድ ብቻ ነው. በጣቢያው ላይ, እንደ መመሪያ ነው, ምስሎች, ቪዲዮ እና ሌሎች በርካታ ማህደረመረጃ አካሎች አሉ. የድረ-ገጹ በራሱ በውስጣቸው ሊኖራቸው ስለማይችል, ነገር ግን በውስጡ አወቃቀሩን ለእነሱ አገናኞች ሊኖረው ይችላል. ስለዚህ, አንድ ድረ-ገጽ የተጠቃሚውን ዒላማዎች ፊት ለፊት በሚታዩበት የ "ጣቢያው" ዋነኛ ገጽታ ውስጥ ሊገኝ ይችላል.

ይሁን እንጂ በተወሰኑ አጋጣሚዎች በጥያቄ ውስጥ ያለው ሰነድ የጣቢያው ብቸኛው ክፍል አካል ነው - ለምርጫ አንዳንድ ምክንያቶች ግራፊክስን, ቪዲዮዎችን እና ሌሎች የመልቲሚዲያ አባሎችን አይሰጥም. በተለይ በተለይ የመጀመሪያዎቹ ጣቢያዎች - የድር ገጾች የማሳወቂያ ቋንቋዎች ብቻ - ተዛመጅ ይዘት አላካተቱም. ተጠቃሚው ዓይን ብቻ እና አገናኞች ብቻ ነበር.

የሕትመት ጥቅል አግኚ መርሆ

ስለዚህ, የድር ገጽ ኤችቲኤምኤል የተጻፈ ሰነድ ነው, ከየትኛው የትርጉም ጽሑፍ አተገባበር የተተገበረ. ግን ይህ ክስተት ምንድን ነው? ፅሁፉ ምንድን ነው? ወደ ጽንሰ-ሀሳብ ቀስ በቀስ ካልተመራ, ይህ አንድ ወይም ሌላ መንገድ ወደ ሌላ ፈጣን መዳረሻ እንዲያገኙ የሚያስችልዎት ጽሑፍ ነው - በእውነተኛ አገናኞች. በተለመደው መጽሃፍ ይህ የማይቻል ነው - "ቀላል ጽሑፍ" አለ. የተፈለገውን ገጽ ለመዳረስ, አንባቢው ይዘቱን ወይም የግርጌ ማስታወሻዎችን ከማንበባቸው በፊት በርካታ ገጽታዎች አሉት. በ "hypertext" ሁነታ ላይ, በዩ.ኤስ. ኤች ኤች ኤች ኤች ውስጥ በሚታየው መረጃ ምክንያት በስራው ውስጥ ዋናው ክፍል በኮምፒተር ይከናወናል.

የኮምፒዩተር ሳይንስ መምህራችን "የድረ-ገፁን ዋና ገጽታ ይዘርዝሩ" ብሎ ከተናገረ, በተሳካ መንገድ በተሰራው የ ኤች ቲ ኤች ኤምኤል ማርክ ቋንቋ በመጠቀም የተፈጠረውን የተጓዳኝ ሰነድ አካላት ትረካ መጀመር እንችላለን. መጀመሪያ, ስለ ኤችቲኤምኤል አንዳንድ ንድፈ ሐሳቦችን እንመልከት.

የ HTML ቋንቋ አወቃቀር መለያዎች

ማሰሻው ስለ ኤች ቲ ኤም ኤል ከተጻፈ ሰነድ ስለ አንድ ድረ-ገጽ አስፈላጊውን መረጃ ያንብበው እንዴት ነው? በጣም ቀላል ነው.

የዚህ ቋንቋ ዋና ዋና መለያዎች መለያዎች ናቸው. እነሱ በአብዛኛው የተጣመሩ ናቸው - መክፈቻ አለ, እና መዝጊያ አንድ አለ. የመጀመሪያዎቹ በአንገት ማቆሚያዎች ብቻ ይታያሉ. ሁለተኛው እኩል ነው, ነገር ግን ከሁለተኛው ቅንጠፍ በፊት, ሰረዝ ቁምፊ ነው /. አሳሹ እንዴት እነሱን መለየት እንደሚገባው ያውቃል, እናም የድረ-ገፁን ይዘቶች በሠነጹ ገንቢ በተፈቀደው ስልተ ቀመር መሰረት ያሳያል.

የመክፈቻ መለያው በአብዛኛው በትልቅ ፊደላት የተፃፈ ሲሆን በትንሹ ፊደላት ይቀይራል. ይህ በአይቲ ኢንተርፕራይዝ ባለሙያዎች የተመሰረተ ነው. አሳሽ, ምንም እንኳን የኤች ቲ ኤም ኤል ትዕዛዝ ከማንኛውም ፊደሎች ጋር ያለውን ዕውቅና ይቀበላል, ነገር ግን የድር ገንቢዎች የታወቁ መለያ መጻህፍት መለያዎችን እንዲያከብሩ ይመከራል. ይህ ለምሳሌ ከሌሎች የሳይንስ ባለሙያዎች የድረ-ገጹን ክለሳ ያመቻቻል.

ባህርያት

ሌሎች የኤች.ቲ.ኤም.ኤል ቋንቋ አስፈላጊ ነጥቦች ናቸው. በእነርሱ እገዛ አማካኝነት የድር ገጹ ፈጣሪ የይዘት ባለቤቶችን ባህሪያት ሊያዘጋጁ ይችላሉ - ለምሳሌ, ቁምፊ ቁመት, ቀለም, ከገጹ አንጻር ያለው ቦታ. ለስዕል, ለቪዲዮዎች እና ለሌላ ማልቲሚዲያ ክፍሎች ተመሳሳይ ሁኔታ ይቀጥላል. ባህርያት በመክፈቻ መለያው ውስጥ ይጻፋሉ.

ይዘት

ከመክፈቻው እና ከመዝጊያ መለያው መካከል የድረ-ገጽ ዋና ቁልፍ አካል ነው-ይዘት. ይሄ በእርግጥ, በመግቢያ ገጹ ላይ ከተጠቃሚው ፊት መታየት ያለበት ተመሳሳይ ይዘት ነው. ይህ ጽሑፍ, አገናኝ, ስዕል, ቪድዮ ወይም ሌላ መልቲሚዲያ አካል ሊሆን ይችላል.

የድር ገጾች ንጥሎች

"ስለሆነም በመጨረሻ የድረ-ገጽ ዋነኞቹን ክፍሎች ይዘርዝሩ!" - መምህሩ ደጋግሞ ይናገራል. "በደስታ" መልስ እንሰጣለን. በጥያቄ ውስጥ ያለውን የሰነድ ዓይነቶች መዋቅር ምን ያካትታል? ይህን ገፅታ በድረ-ገጹ የኤች ቲ ኤም ኤል ዐውደ-ጽሑፍ ላይ እንመለከታለን. ያ ማለት በአሳሽ ውስጥ ያለው ማሳያ - በማያ ገጹ ላይ የሚያየው ሰው - አነስተኛ ደረጃ ላይ ይፈልገናል. እንደ እውነቱ ከሆነ, ፕሮግራሙ እኩል በሆነ መልኩ ይዘቱ እንዲታይ በተፈቀዱበት መሠረት ተዛማጅ የሆኑት ኤች.ቲ.ኤም.ኤል አልጎሪዝም, የተለየ ሊሆን ይችላል. እና ይህ የኤችቲኤምኤል ቋንቋ ልዩነት ነው-ተፈላጊውን ምስል በድር ገጽ በተለያዩ መንገዶች ማሳየት ይችላሉ. በተመሳሳይ መልኩ, የድረ-ገጹን ፈጣሪ ጥረት በሚፈለገው መጠን ሁለቱም እኩል መሆን እና ለትግበራቸው የተለየ መጠን እና ጥረት ይወስዳሉ.

የድር ገፆች ገጽታዎች: አርዕስት

የድረ ገጽ መሰረታዊ ክፍሎች, ነገር ግን በሚያስገርም ሁኔታ ሊሰማ ይችላል, በጣም በትንሹ በቁጥር ይቀርባሉ. እንደ እውነቱ ከሆነ ከመካከላቸው ሁለቱ ብቻ ናቸው - የሰነዱ ዋናው እና ዋናው ክፍል. ሆኖም ግን እያንዳንዳቸው ውስብስብ መዋቅር ሊኖራቸው ይችላል.

የርዕሱ ልዩነት ምንድነው? ይህ ድረ ገጽ የሚገኘው በድረ ገጹ አናት ላይ ነው. ራስጌውን በሚፈጥር ኤች ቲ ኤም ኤል ውስጥ ብዙውን ጊዜ "ጽሑፍን" ኢንክሪፕት ማድረግ አለበት ቢባል አስፈላጊ ከሆነ ግን በተገቢው አካል ውስጥ ትናንሽ ግራፊክ ማስገባት ይችላሉ. በርግጥም ይህ ስለርዕሱ ሊባል የሚችል ነገር ነው. በአግባብነት ባለው ሰነድ አወቃቀር ውስጥ የሚጫወተው ሚና አነስተኛ ነው. ግን እንዲህ አይደለም. የድረ-ገፆች ርእሶች በፍለጋ ሞተሮች ውስጥ ከመለያ መሳሪያዎች - Yandex, Google ውስጥ በጣም አስፈላጊ ናቸው. ይህ አካል ከድረ-ገጹ ይዘት እና በጣቢያው ውስጥ ተለይቶ የቀረበ ልዩነት ጋር ሙሉ ለሙሉ መሆን አለበት.

የድረ ገጽ ራስጌ ኤች ቲ ኤም ኤል እንዴት ይነሳል? በጣም ቀላል ነው. በመጀመሪያ, የመደመር መለያ ይፃፋል, ሁልጊዜም HEAD ከደብሮች ቅንፎች ጋር ይመሳሰላል, ከዚያ - የአርዕስቱ ይዘት - በኋላ የመዝጊያ መለያው. በእርግጥ እነሱ በድር ሰነዱ አናት ላይ ናቸው.

የድር ሰነዱ ራስጌ የተወሰኑ ተጨማሪ አባሎችን ሊያካትት ይችላል. አንዳንድ ጊዜ የድር ገጽ ቅርጸት በተለየ ኮድ ኮንሶል የፅሁፍ ማሳየት ሊፈልግ ይችላል. የድር ሰነዱ ይህንን መስፈርት የሚያሟላ መሆኑን ለማረጋገጥ የሚቻለው እንዴት ነው? በጣም ቀላል ነው. በሰነዱ ዋናው አካል ውስጥ አሳሽዎ የተወሰነ የቋንቋ ቅየራ እንዲጠቀም የሚያስፈልገውን የኤች.ቲ.ኤም.ኤል (alphabet) መርሃግብሮች መቀመጥ አለባቸው - ለምሳሌ, ሲሪሊክ. ተጓዳኝ ትዕዛዞች በ META መለያ ውስጥ ይካተታሉ, ልክ እንደ ሌሎች, ሊከፈቱ እና ሊዘጋቡ ይችላሉ.

የድረ-ገጹ ዋነኛ ክፍል

የድር ሰነዱ ዋነኛ ክፍል በ BODY ታብ ይከፈታል, ተንሸራታቱን ጨምሮ በተጎዳኙት አባል ይዘጋል. በዚህ ሁኔታ, በመክፈቻና መዝጊያ መለያዎች መካከል ለትርጉም ጽሁፍ ቋንቋ ከፍተኛ ቁጥር ያላቸው ተጨማሪ ትዕዛዞች ሊሆኑ ይችላሉ. ይህ የሆነበት ዋነኛው የድረ-ገፁ ክፍል ጠቃሚ ይዘቶች - ፅሁፎች, አገናኞች, ስዕሎች, ቪድዮዎች, ለመሙላት የተለያዩ ቅርጾች ስላሏቸው ነው.

እያንዳንዱ ተዛማጅ የይዘት ዓይነቶች የራሱ መለያዎች አሉት. በድር ሰነዱ ዋና አካል ውስጥ መዋቅር የኤችቲኤምኤል ትዕዛዞችን ሊያቀርብ ይችላል, ይህም የጽሑፍ ቅርጸትን ጭምር - ለምሳሌ ቅርጸ-ቁምፊውን የተወሰነ ቀለም, መጠን እና ሌሎች ባህሪያትን መስጠት.

አንዳንድ በተለምዶ የተለመዱ የኤችቲኤምኤል መለያዎች ዝርዝር ምን እንደ ሆነ ተመልከት. እንደ እውነቱ ከሆነ, የድረ-ገጽ መሠረታዊ ክፍሎችም ይመሰርታሉ.

መሰረታዊ HTML መለያዎች

ስለዚህ, የአንድ ድረ-ገጽ ውስጣዊ ገጽታ ምን ያህል እንደሆነ በዝርዝር ለማወቅ, መሠረታዊ የሆኑትን ኤችቲኤምኤል መለያዎች ይዘት በዝርዝር እንማራለን. ከእነዚህ ውስጥ አንዳንዶቹ ቀደም ብለን ከላይ ጠቅሰናል-በተለይ በአሳሽ ውስጥ የድር ገፆችን ራስጌዎች ማንበብ እና የሰነዱ ዋናው ክፍል የት እንደሚገኝ ይወስናል.

የ "ፓ" መለወጫ በጣም የተለመደ ነው ልክ እንደ ሌሎች የትርጉም ጽሑፍ አጣቃፊ ቃላት እንደማንኛውም ተመሳሳይ ክፍሎችን መክፈት እና መዝጋት ይቻላል. ይህ መለያ የሰነዱን አንድ አንቀጽ እንዲቀርጹ ያስችልዎታል. ለምሳሌ, ለእሱ የተወሰነ የቅርጸ ቁምፊ አይነት ወይም ቀለም ሊያዘጋጁ ይችላሉ. ነገር ግን, ይሄ በተጨማሪ መለያ እገዛ- FONT. በዚህ ሁኔታ, የአንቀጽ ወሰን ውስጥ በሚገኝ አካል ውስጥ ይገለጣል - ይህም የሚመረጠው ቅርጸ-ቁምፊ በድረ-ገፁ ሌሎች ክፍሎች ላይ የሚያንጸባርቅ የኤችቲኤምኤል ትዕዛዝን ለማሰራጨት ያስችላል.

የ TABLE መለያ በመጠቀም, ሰንጠረዦች ተፈጥረዋል. ከተዛማጅ ባህሪዎች ድጋፍ የተፈለገውን የዓምዶች እና የረድዶች ብዛት መግለጽ ይችላሉ, ስፋታቸውን, የድንበር ውሱንነት, የቅርፀ ቁምፊ መጠንና ጥቆማውን በሰንጠረዡ ውስጥ መግለፅ ይችላሉ.

የ IMG መለያው ለአሳሽ ምስሎችን በመስራት ላይ ነው. በተጨማሪም ስዕሉን የሚቆጣጠሩት የተለያዩ ባህሪያት, በገጹ ላይ ያለውን ቦታ እንዲጠቀሙም ይፈቅድልዎታል.

ወደ ሌሎች የድር ሰነዶች ወይም ፋይሎች የሚወስዱ አገናኞች በ "A" መለያ ተመርጠው ይጠቀማሉ.በአጠቃላይ በድረ-ገፁ ውቅር ውስጥ ገላጭነት መኖሩን የሚያመለክቱ በመሰረቱ በውስጣቸው በአዕምሮዎቹ ውስጥ አሉ. የሚመራው ሰነድ, ፋይል ወይም ጣቢያ ይገልጻል.

እንደ FRAMESET አይነት ምልክት የተለመደ ነው. በመጠቀም, የአንድ ድረ-ገጽ ቦታን ወደ በርካታ ቦታዎች መከፋፈል ይችላሉ - ፍሬሞች. በእያንዳንዳቸው, አገናኞችን ወደ ግለሰብ የድር ሰነዶች ማካተት ይችላሉ. ይህም ማለት, ሁለት ወይም ከዚያ በላይ ገጾች በአንድ ጊዜ በአንድ ገጽ ላይ በተመሳሳይ ቦታ እንዲቀመጡ ያስችሉዎታል.

የድረ-ገፆችን ቁልፍ ገጽታዎች እና በቀጣይ ትረካ ስለ ኤች.ቲ.ኤም.ኤል ቋንቋ በመጠቀም ቅርጸቱን የሚገልፁበት መንገድ ትንተና ለተመራጭው ጥያቄ ምላሽ ከተሰጠበት ጋር ተመሳሳይ ነው. እሱም ወደ እኛ ዞር ብሎ "የድረ-ገፁን ዋነኛ ገጽታ ይዘርዝሩ" ከዚያም "ተገቢውን ዘዴ" በመጠቀም ርዕሱን ለመግለጥ እድሉ ይኖረናል. «ኤለመንት» በሚለው ቃል መሰረት የአንድ የድር ሰነድ አወቃቀር ቁልፍ ክፍሎች, ወይም የይዘት ዓይነቶች - ጽሁፍ, ስዕሎች, ሰንጠረዦች, ክፈፎች, እና ዌብማስተር እንደ ኤችቲኤም የመሳሰሉ መሳሪያዎችን በመጠቀም የሚፈልጓቸውን አገናኞች ልንረዳ እንችላለን.

የድረ-ገፁን የመገልገያ መሳሪያዎች ልዩነት

ከተነገረውም በተጨማሪ በ HTML ደረጃዎች የተሰጡ መለያዎችና ባህሪያት ከፍተኛ መጠን እንዳላቸው ልንገልጽላቸው እንችላለን. ከኤች ቲ ኤም ኤል በተጨማሪ የድር ገንቢዎች ተጨማሪ ፅሁፎችን ለጽሑፍ ጥቅሎች ቅርጸትን መጠቀም ይችላሉ. ለምሳሌ, ጃቫ ስክሪፕት ስክሪፕት ቋንቋ በመጠቀም, ተለዋዋጭ ድረ-ገጾችን (ማለትም በተጠቃሚው ድርጊት እና እራስ በሚሰሩ እርምጃዎች እና በአጻጻፍ ስልቶች ቅድመ-ስክሪፕት መሰረት) ይዘታቸው ሊሻሻሉ ይችላሉ.

አንድ የድር ገንቢ ከጽሑፍ ሰነዶች ጋር አብሮ የመሥራት ዕድል እጅግ በጣም ሰፋ ባለ መልኩ እንደ ፐርል, ፐጂ, ጄይ, ፒቲን ያሉ በጥልቀት የተጠናቀቁ የፕሮግራም ቋንቋዎችን ሊጠቀም ይችላል. ይህ የመፈለግ ፍላጎት ዛሬ የድረ-ገጽ ቴክኖሎጂዎች ተግባራዊነት በጣም የተለያዩ ናቸው. ዘመናዊ ገንቢዎች የሚያጋጥማቸው ሥራ በጣም ውስብስብ ሊሆን ይችላል. ለምሳሌ አንዳንድ ጊዜ በሩሲያኛ ወደ እንግሊዝኛ የተጻፉ የድረ-ገጾችን መተርጎም አስፈላጊ ነው. በዚህ አጋጣሚ የገንቢ መሣሪያ ስብስብ በጣም የተለያየ ይሆናል.