የማንኛውም ጣቢያ ዲዛይን በመሠረት ላይ እንደ ቤት ባሉ የጀርባ ምስሎች እና ቀለሞች ላይ የተመሠረተ ነው ፡፡ የበይነመረብ ሀብቱን ዓይነተኛ መሠረት በበለጠ ግለሰብ ለመተካት ፍላጎት ካለዎት ከዚያ በዲዛይን ልማት መጀመር አለብዎት ፡፡ እና ዝግጁ ሲሆን ፣ ሙሉ በሙሉ የቴክኒክ ክፍሉ ይቀራል ፣ ማለትም ፣ በገጾቹ ምንጭ ኮድ ውስጥ የተገለጸውን የጣቢያ ዳራ አሮጌውን ዲዛይን በአዲሱ ይተካዋል። ይህንን በተግባር ለመተግበር በርካታ መንገዶች አሉ ፡፡
መመሪያዎች
ደረጃ 1
በመጀመሪያ አሁን ባለው የጣቢያው ስሪት ውስጥ ዳራ ከተቀመጠባቸው መንገዶች መካከል የትኛው እንደሆነ ማወቅ ያስፈልግዎታል። ይህንን ለማድረግ የገጹን የኤችቲኤምኤል ኮድ ይክፈቱ። ፋይሉን ከአገልጋዩ አስቀድሞ በማውረድ ይህንን በቀላል የጽሑፍ አርታኢ ማድረግ ይችላሉ። ወይም አንዱን ከተጠቀሙ የይዘት አስተዳደር ስርዓት ገጾችን አርታዒ መጠቀም ይችላሉ ፡፡ የገጹ አርታኢ ፋይሉን ማውረድ አይፈልግም ነገር ግን አሳሹን እንደ በይነገጽ በመጠቀም በቀጥታ በአገልጋዩ ላይ ያስተካክላል ፡፡ እርስዎ የከፈቱት ገጽ የኤችቲኤምኤል ኮድ (HyperText Markup Language) ለአሳሹ የማስተማሪያ መስመሮችን ያቀፈ ነው ፡፡ እነሱ የእያንዳንዱን የድር ገጽ አካላት ዓይነቶች ፣ ገጽታ እና ቦታ ይገልጻሉ። እነዚህ መመሪያዎች በተለምዶ “መለያዎች” ተብለው ይጠራሉ ፡፡ የመለያዎቹ ቅደም ተከተል እራሳቸው በገጽ ኮድ ውስጥም እንዲሁ የኤችቲኤምኤል ቋንቋ ደንቦችን ይታዘዛሉ - እነሱ ወደ ብሎኮች የተከፋፈሉ ናቸው ፣ አንደኛው በመለያው የሚጀምር እና የሚጨርስ ርዕስ ማውጫ መሆን አለበት እሱ አሁን የበለጠ የሚስብዎት ብሎክ መከተል አለበት - የሰነዱ አካል። በመለያዎች ብቻ የተወሰነ ነው ፡፡ በዚህ ብሎክ () የመክፈቻ መለያ ውስጥ ስለ ገጹ ዳራ መረጃ ማስቀመጥ ይችላሉ ፡፡ በመለያዎች ውስጥ ያሉ እንደዚህ ያሉ መረጃዎች ‹ባሕሪዎች› ይባላሉ ፡፡ የበስተጀርባውን ቀለም የሚያስቀምጠው የአካል መለያ መለያ ባህሪ እንደ ብጉር ተደርጎ ተገል andል እና በኮዱ ውስጥ እንደዚህ ሊመስል ይችላል-እዚህ ላይ ለገጹ የጀርባውን ቀለም ወደ ብር እናዘጋጃለን ፡፡ አሳሹ አንዳንድ ቀለሞችን በስማቸው መለየት ይችላል ፣ ግን ላለመሳሳት የሄክሳዴሲማል ኮዶቻቸውን መጠቆሙ የተሻለ ነው ፡፡ ይህ ባለ ስድስት ቀለም አገላለጽ ከብር ቀለም ጋር ያለው ይህ ስሪት እንደዚህ ይመስላል-ስለዚህ ፣ ከ ‹ሰውነት ገጽ› የሚጀምር መለያ ማግኘት እና የጀርባ ቀለም ያለው መሆኑን ማረጋገጥ ያስፈልግዎታል ፡፡ ከሆነ በውስጡ ያለውን የቀለም አመላካች በአዲሱ ስሪትዎ ይተኩ እና ለውጦቹን በገጹ ላይ ያስቀምጡ ፡፡
ደረጃ 2
በጣቢያዎ ወቅታዊ ዲዛይን ውስጥ ያለው ዳራ በቀለም ሳይሆን በስዕል ሊዘጋጅ ይችላል። የሰውነት መለያው ተጓዳኝ አይነታ ዳራ ተብሎ ይጠራል ፣ እና በኮዱ ውስጥ እንደዚህ ሊመስል ይችላል-እዚህ ፣ ከበስተጀርባ ከአገልጋዩዎ img አቃፊ የ bg.jpg
ደረጃ 3
የገጾችን ገጽታ በአንጻራዊነት ውስብስብ በሆነ ዲዛይን ሲገልጹ ፣ “cascading style sheets” - CSS (Cascading Style Sheets) የ CSS ኮድ እገዳዎች በቀጥታ በገጹ ኮድ ውስጥ ሊካተቱ ወይም ከ “css” ቅጥያ ጋር በውጫዊ ፋይል ውስጥ ሊካተቱ ይችላሉ። በገጹ ኮድ ራስጌ ክፍል ውስጥ (በ እና በመለያዎቹ መካከል) ከ <ቅጥ ጀምሮ የቅጥን መግለጫ መለያ መፈለግ ያስፈልግዎታል። ወደ ውጫዊ ፋይል የሚወስድ አገናኝ ከያዘ እንደዚህ ያለ ነገር ይመስላል: @import "style.css"; style.css ተብሎ ወደተጠቀሰው የቅጥ ሉህ አገናኝ ይኸውልዎት። ለማርትዕ የተገለጸውን ፋይል መክፈት ያስፈልግዎታል ፡፡ እና ምንም አገናኝ ከሌለ እና ከተከፈተ በኋላ <የቅጥ መለያ የቅጥ መመሪያዎች አሉ ፣ ከዚያ እነሱን ማርትዕ ያስፈልግዎታል። በሁለቱም አማራጮች ፣ በቅጦች መግለጫዎች መካከል ከሰነዱ አካል (አካል) ጋር የሚዛመዱትን መፈለግ ያስፈልግዎታል ፡፡ ይህ የመገለጫዎች ማገጃ እንደዚህ ሊመስል ይችላል አካል {
የጀርባ-ቀለም-ብር;
ቀለም: ጥቁር;
} እዚህ የጀርባ-ቀለም መለኪያውን እሴት በአዲሱ ቀለምዎ እሴት እና በተሻለ በተመሳሳዩ ስድስትዮሽ እሴቶች መተካት ያስፈልግዎታል። በሲ.ኤስ.ኤስ መመሪያዎች ውስጥ ያለው የበስተጀርባ ምስል አማራጭ እንደዚህ መሆን አለበት-ሰውነት {
ዳራ: # C0C0C0 url (img / bg.jpg) repeat-y;
ቀለም: ጥቁር;
} እዚህ ጋር የስዕሉ አገናኝ ከላይ ከተጠቀሰው ጋር ተመሳሳይ ነው ፣ እና # C0C0C0 ከአገናኝ በፊት ይህ ማለት በበስተጀርባ ምስሉ ያልተያዘው የገጽ ቦታ የብር ዳራ ይኖረዋል ማለት ነው። "Repeat-y" የሚያመለክተው የጀርባው ስዕል በ Y (ቀጥ ያለ) ዘንግ ላይ መባዛት እንዳለበት ነው።"Repeat-y" በ "ድግምግሞሽ-x" (አግድም ማባዛት) ወይም "አይደገም" (እንደገና አይድገሙ) ሊተካ ይችላል። በጭራሽ መደጋገምን ካልገለጹ ታዲያ የጀርባው ምስል በሁሉም አቅጣጫዎች ወደ ገጹ የጀርባ ቦታ ይለጠፋል።
