ገጽን ወደ ገጽ ለማስገባት አንዱ መንገድ ገፁን ወደ ተለያዩ መስኮቶች ለመከፋፈል የ HyperText Markup Language (HTML) ችሎታን መጠቀም ነው። እንደነዚህ ያሉት መስኮቶች “ክፈፎች” ተብለው የሚጠሩ ሲሆን በአንድ ገጽ ውስጥ ብዙ ሊሆኑ ይችላሉ ፡፡ እያንዳንዱ ክፈፍ በተራው ራሱ የክፈፎች ስብስብ ሊኖረው ይችላል ፣ እና እያንዳንዳቸው ከተለያዩ ምንጮች ገጾች ጋር ሊጫኑ ይችላሉ።
አስፈላጊ ነው
የጽሑፍ አርታዒ ማስታወሻ ደብተር
መመሪያዎች
ደረጃ 1
በአንድ ገጽ ውስጥ እንደዚህ ያሉ የገጾችን ስብስብ ለመገንባት ፣ ለክፈፎች አንድ መያዣ በመፍጠር ይጀምራሉ ፡፡ በኤችቲኤምኤል ውስጥ እንደዚህ ያለ መያዣ ለመፍጠር ለአሳሹ የተሰጠው መመሪያ ይህን ይመስላል
እንደዚህ ያሉት መመሪያዎች ‹መለያዎች› ይባላሉ ፡፡ እነዚህ የመያዣው የመክፈቻ እና የመዝጊያ መለያዎች ናቸው ፣ ፍሬሞቹን ለመመስረት በየትኛው መለያዎች መቀመጥ አለባቸው ፡፡ መለያዎች የመለያዎች “ባህሪዎች” የተባሉ የተለያዩ ተጨማሪ መረጃዎችን ይይዛሉ ፡፡ በመክፈቻ መለያው ውስጥ የገጹ ቦታ በክፈፎች መካከል እንዴት በትክክል መከፈል እንዳለበት መግለፅ ያስፈልግዎታል-
እዚህ የ “ኮልስ” አይነቱ የሁለት ክፈፎች ገጽ በአቀባዊ መከፋፈል እንዳለበት ያመላክታል ፣ ይህም የመስኮቱን ስፋት እያንዳንዱን 50% ይሰጣል ፡፡ ገጹን በአግድም ለመከፋፈል ሌላ አይነታ ጥቅም ላይ ይውላል ፣ “ረድፎች”
ተመሳሳይ ነገር በዚህ መንገድ ሊጻፍ ይችላል
እዚህ ፣ ኮከብ ምልክት (*) የሚያመለክተው ሁሉም ቀሪ ቦታ ለሁለተኛው ክፈፍ መሰጠት እንዳለበት ነው ፡፡ እሴቶችን በመቶዎች ሳይሆን በ “ፒክስል” ውስጥ መለየት ይችላሉ - ይህ በገጽ አቀማመጥ ውስጥ ጥቅም ላይ የዋለው ዋናው የመለኪያ አሃድ ነው-
ደረጃ 2
ከእቃ መያዣው ጋር ተነጋግረናል ፣ አሁን ፍሬሞቹን ራሱ ማስመዝገብ ያስፈልገናል ፡፡ የኤችቲኤምኤል ክፈፍ መለያ በጣም በቀላል መልኩ ይህን ይመስላል-እዚህ የ “src” አይነታ በዚህ ፍሬም ውስጥ መጫን ያለበት የገጹን የበይነመረብ አድራሻ ያመለክታል። ገጹ በተመሳሳይ አገልጋይ እና በተመሳሳይ አቃፊ (ወይም ንዑስ አቃፊ) የሚገኝ ከሆነ ሙሉ አድራሻውን መግለፅ አስፈላጊ አይደለም ፣ የፋይሉ ስም እና ወደ ንዑስ አቃፊው የሚወስዱት መንገድ በቂ ናቸው ፡፡ እንደነዚህ ያሉት አድራሻዎች “ዘመድ” ይባላሉ ፣ ሙሉ አድራሻዎች ደግሞ “ፍጹም” ይባላሉ ፡፡ ለጭነቱ ከገፁ አንፃራዊ አድራሻ ጋር ተመሳሳይ መለያ-- የ “ሽክርክሪፕት” ባህሪን በመጠቀም ለዚህ ክፈፍ የጥቅልል አሞሌዎች ደንቦቹን ማዘጋጀት ይችላሉ-“አዎ” እሴቱ ይህ ክፈፍ ሁል ጊዜ የማሽከርከሪያ አሞሌዎች ይኖረዋል ማለት ነው ፡፡ እሴቱን “አይ” ን ካስገቡ - በጭራሽ አይሆንም ፣ እና “ራስ-ሰር” እሴቱ የክፈፉ ይዘት ከጎኖቹ ጋር የማይገጣጠም ከሆነ የሽብለላ አሞሌዎች እንደ አስፈላጊነቱ እንደሚታዩ ይወስናል - - በነባሪነት የክፈፎች ድንበሮች ገጹ በመዳፊት ሊንቀሳቀስ ይችላል። ነገር ግን የመለያውን ባህሪይ ለመለያው ካዋቀሩ ይህ ባህሪ ይሰናከላል - - የክፈፉ መለያ በአጎራባች ክፈፎች መካከል ያሉትን ህዳጎች የሚያስተካክሉ ሁለት ባህሪዎች አሉት - የትርፉ ስፋት በአጠገብ (ከግራ እና ከቀኝ) የሕዳግ መጠኑን መጠኑን ያሳያል። ፣ ህዳግ ቁመት - በአቀባዊ (ከታች እና በላይ): - ሌላ አይነታ - ስም - ለክፈፉ የራሱን ስም ይሰጣል ፡ ፍሬሞቹ በአቅራቢያ ባሉ ክፈፎች ውስጥ አንድ ነገር ማድረግ እና በስም መለየት ያለባቸውን ማንኛውንም ስክሪፕቶችን ከያዙ ይህ ይፈለግ ይሆናል።
ደረጃ 3
ይህ የንድፈ ሃሳባዊ ዳራ ለምሳሌ ከሌሎች ጣቢያዎች የመጡ ሁለት ገጾችን የያዘ ቀለል ያለ ገጽ ለመፍጠር በቂ ነው። ቀለል ያለ የጽሑፍ አርታኢ ለእርስዎ ይበቃዎታል - መደበኛ ማስታወሻ ደብተር ጥሩ ነው። አዲስ ሰነድ ይፍጠሩ እና የሚከተለውን የኤችቲኤምኤል ኮድ ያስገቡ-
አሁን ሰነድዎን በኤችቲኤምኤል ቅጥያ ያስቀምጡ - ለምሳሌ ፣ test.html። ከዚያ በኋላ በ test.html ፋይል ላይ ሁለቴ ጠቅ ማድረግ አሳሹን ያስጀምረዋል ፣ እና አሳሹ በ html-code ውስጥ የፃፉትን መመሪያዎች ያስፈጽማል። ውጤቱ እንደዚህ መሆን አለበት
