ቴክሱን በሲኤስሲ ያስፈጽሙ
አንድ ድር ጣቢያ እየሰሩ ከሆነ, በአንድ ድረ-ገጽ ላይ ቋሚ የሆነ የበስተጀርባ ምስል ወይም የውጤት ሳጥን እንዴት እንደሚፈጠሩ ማወቅ ይፈልጉ ይሆናል. ይህ ለተወሰነ ጊዜ የታወቀ የተለመደ የዲዛይን ህክምና ነው. በድር ንድፍዎ ውስጥ የሽያጭ መያዣዎች ውስጥ ጠቃሚ ነገር ነው.
ይህን ከዚህ በፊት ያላደረጉት ወይም ቀደም ብለው ያለ እድል ከሆነ, ሂደቱ ማስፈራራት ሊመስለው ይችላል, ነገር ግን በጭራሽ በእውነት ከባድ አይደለም. በዚህ አጭር ማጠናከሪያ ትምህርት, በሴፕቶፑ ውስጥ በጥቂት ደቂቃዎች ውስጥ ቴክኒኮችን ለመቆጣጠር የሚያስፈልገዎትን መረጃ ያገኛሉ.
መጀመር
የጀርባ ምስሎች ወይም ጌጣጌጦች (በጣም ቀላል የበስተጀርባ ምስሎች ናቸው) በታተመ ንድፍ ውስጥ ታሪክ አላቸው. ሰነዶች ከድሮ ጀምሮ በውስጣቸው የአበባ ማጥመጃዎችን ያካተቱ ሲሆን እነዚህም እንዳይገለበጡ ለማድረግ ነው. በተጨማሪ, በርካታ አረጀሮች እና ብሮሹሮች ለህትመት ክፍሉ ንድፍ አካል እንደ ትልቅ የጀርባ ምስሎችን ይጠቀማሉ. የድረ ገጽ ንድፍ ለረጅም ጊዜ ከህትመት እና ከበስተጀርባ ምስሎች ከውጭ የተገቡ ቅጦች ናቸው.
እነዚህ ትላልቅ የጀርባ ምስሎች የሚከተሉትን ሦስት የሲሲኤስ ቅጦች በመጠቀም ለመፍጠር ቀላል ናቸው:
- ዳራ-ምስል
- ጀርባ-ድግግሞሽ
- ዳራ-አባሪ
- የዳራ-መጠን
ዳራ-ምስል
የእርስዎ የውጤት ምልክት የሚጠቀሙበት ምስል ለመግለጽ የዳራ-ምስል ይጠቀማሉ. ይህ ቅጥያ በጣቢያዎ ላይ ያለ "ምስል" በሚባል ማውጫ ውስጥ ሳይሆን እርስዎ በያዙት ምስል ላይ ለመጫን የፋይል ዱካን በቀላሉ ይጠቀማል.
የዳራ-ምስል: url (/images/page-background.jpg);
ምስሉ በራሱ ከተለመደው ምስል ይልቅ ቀላል ወይም ግልጽ ይሆናል. ይህ ከጽሁፍ, ስእሎች, እና ሌሎች የድረ-ገፁ ዋና ገጽታዎች በስተቀኝ በኩል ከፊል-ብርሃን አሳላፊ ምስሎች ውስጥ የሚታይበት የ "ጌጥሽርት" እይታ ይፈጥራል. ያለዚህ ደረጃ የጀርባ ምስል በገጽዎ ላይ ካለው መረጃ ጋር ይወዳደራል እና ለማንበብ አስቸጋሪ ያደርገዋል.
በ Adobe Photoshop እንደማንኛውም የአርትዖት ፕሮግራም የጀርባውን ምስል ማስተካከል ይችላሉ.
ዳራ-ድገም
የጀርባው ድግግሞሽ ቀጥሎ ይቀጥላል. ምስልዎ ትልቅ የጅብርት ስሪት ግራፊክ እንዲሆን ከፈለጉ ይህን ምስል አንድ ጊዜ ብቻ እንዲታይ ለማድረግ ይጠቀሙበታል.
ጀርባ-ተደጋጋሚነት: አይ-ተደጋጋሚ;
"አይ-ተደጋጋሚ" ባህሪ ከሌለው, ነባሪው ምስሉ በተደጋጋሚ በተደጋጋሚ የሚገፋበት መሆኑ ነው. ይህ በአብዛኛዎቹ ዘመናዊ የድረ-ገጽ ንድፎች ውስጥ አላስፈላጊ ነው, ስለዚህ ይህ ቅጥ በርስዎ CSS ላይ አስፈላጊ ነው.
ዳራ-አባሪ
የጀርባ-አባሪነት ብዙ የድረ ገጽ ንድፍ ባለሙያዎች ይረሳሉ. የ "ተያያዥ" ንብረትን ሲጠቀሙ በስራ ላይ ማዋል የጀርባ ምስልዎን በቦታ ያቆያል. ያንን ምስል በገጹ ላይ በተቀመጠው የ "ጌትሽርት" ምልክት ውስጥ እንዲገባ ያደርገዋል.
ለዚህ ንብረት ነባሪ ዋጋ "ማሸብለል" ነው. የጀርባ-አባሪ እሴት ካልገለጹ, በስተጀርባ ከቀረው የገጹ ክፍል ጋር ያሸብልሉ.
በስተጀርባ-አባሪ: ቋሚ
ዳራ-መጠኑ
የዳራ-መጠኑ አዲስ የ CSS ባህሪ ነው. በእይታ እየተመለከተ ባለው የመመልከቻ መጠን መሰረት የዳራውን መጠን እንዲገልጹ ያስችልዎታል. ይህ በተለያዩ መሳሪያዎች ላይ በተለያየ መጠን እንዲታዩ ለተመልካች ድር ጣቢያዎች በጣም ጠቃሚ ነው.
የዳራ-መጠን: ሽፋን;
ለዚህ ንብረት ሊጠቅሙዋቸው የሚችሏቸው ሁለት ዋጋ ያላቸው እሴቶች የሚከተሉትን ያካትታሉ:
- ሽፋን - ሙሉ ስፋት ወይም ሙሉ ስፋት ታይቶ በማሳየት ጀርባውን ይለካል. ይህ ማለት የተወሰኑ የምስል ክፍሎች በማያ ገጹ ላይ ላይታዩ ቢችሉም ነገር ግን አካባቢው በሙሉ ይሸፈናል ማለት ነው.
- ያካትታል - በመላው የአጠቃላይ ስፋት እና ቁመት ውስጥ ስዕሉ ይስተካከላል. ምስሉ አይቋረጥም, ነገር ግን ተጨባጭው የአከባቢው የተወሰነ ክፍል በምስሉ አይሸፈን ይሆናል.
CSS ን ወደ የእርስዎ ገጽ ማከል
ከላይ የተጠቀሱትን እሴቶች እና እሴቶቻቸውን ካወቁ በኋላ, እነዚህን ቅጦች ወደ ድር ጣቢያዎ ማከል ይችላሉ.
የአንድ ገጽ ገጽ እየፈጠሩ ከሆነ የሚከተለውን በድረ-ገጽዎ HEAD ላይ ያክሉ. ባለ ብዙ ገጽ ድር ጣቢያ እየገነቡ እና የውጫዊ ሉህ ሀይል መጠቀምን የሚፈልጉ ከሆነ የ CSS ቅጥ ቅጦች የውጫዊ ቅጥ ሉሆች ላይ አክሉት.
<ቅጥ>
body {
የዳራ-ምስል: url (/images/page-background.jpg);
ጀርባ-ተደጋጋሚነት: አይ-ተደጋጋሚ;
በስተጀርባ-አባሪ: ቋሚ
የዳራ-መጠን: ሽፋን;
}
// ->
ለጣቢያዎ ተዛማጅ የሆነውን የፋይል ስም እና ፋይል ዱካ ለማዛመድ የጀርባ ምስልዎን ዩ አር ኤል ይቀይሩ. እንደዚሁም ከእርስዎ ንድፍ ጋር እንዲጣጣሙ ተገቢ የሆኑ ሌሎች ለውጦችን ያድርጉ እና የውሃ ማደብያ ይኖረዎታል.
ቦታን መግለጽ ይችላሉ, እጅግ በጣም ብዙ
በድህረ ገፁ ላይ የውጤት ማሳያን ማስቀመጥ ከፈለጉ, እንዲሁ ማድረግ ይችላሉ. ለምሳሌ, የውጫዊ ምልክት በገጹ መሃል ላይ ወይም ምናልባትም ከታች በኩል ጥግ ላይ ሆኖ, ነባሪ ከሆነ ይልቅ ከላይኛው ጥግ ይፈልጉ ይሆናል.
ይህንን ለማድረግ, የጀርባ-ቦታን ንብረትን ወደ ቅጥዎ ያክሉት. ይህ ምስሉን እንዲታይ በሚፈልጉት ቦታ ላይ ያስቀምጠዋል. ያንን የቦታ ውጤት ለማስገኘት የፒክሴንስ ዋጋዎችን, መቶኛዎችን ወይም አሰላሮችን መጠቀም ይችላሉ.
ዳራ-አቀማመጥ: ማእከል;