የጣቢያው ዳራ እንዴት እንደሚለወጥ

ዝርዝር ሁኔታ:

የጣቢያው ዳራ እንዴት እንደሚለወጥ
የጣቢያው ዳራ እንዴት እንደሚለወጥ

ቪዲዮ: የጣቢያው ዳራ እንዴት እንደሚለወጥ

ቪዲዮ: የጣቢያው ዳራ እንዴት እንደሚለወጥ
ቪዲዮ: በቀላሉ አሰልቺ ማስታወቂያ ከስልካችን ላይ እንዴት ማሰቀረት እንችላለን? 2024, ግንቦት
Anonim

የጣቢያዎ ገጾች ዳራ የጣቢያው ስፋት ያለው እና በአቀባዊ የሚባዛ አንድ ስዕል ካለው ፣ ከዚያ በግራፊክ አርታኢ ውስጥ ይህን ስዕል በማርትዕ ብቻ መለወጥ ይችላሉ። እና በስተጀርባ በገጾቹ ኮድ ውስጥ ከተፈጠረ ከዚያ ከዚህ በታች ያሉትን መመሪያዎች በመጠቀም ሊለወጡ ይችላሉ።

የጣቢያው ዳራ እንዴት እንደሚለወጥ
የጣቢያው ዳራ እንዴት እንደሚለወጥ

መመሪያዎች

ደረጃ 1

ዳራውን ለመለወጥ በመጀመሪያ አሁን ባለው የጣቢያ ገጾች ስሪት ውስጥ እንዴት እንደተዋቀረ መወሰን ያስፈልግዎታል። ይህንን ለማድረግ በአገልጋዩ ላይ የገጹን ምንጭ ኮድ ይክፈቱ ፡፡ ይህ በተለመደው የጽሑፍ አርታኢ ሊከናወን ይችላል ፣ መደበኛ ማስታወሻ ደብተር ያደርገዋል። እና ማንኛውንም የይዘት አስተዳደር ስርዓት የሚጠቀሙ ከሆነ ገጹ አብሮ የተሰራውን የገጽ አርታዒ በመጠቀም በቀጥታ በአሳሹ ውስጥ አርትዖት ሊደረግበት ይችላል። የገጹ ኤችቲኤምኤል ኮድ (HTML - HyperText Markup Language, "hypertext markup language") ዓይነቶቹን የሚገልጽ የአሳሽ መመሪያዎች ፣ የድረ-ገፁ እያንዳንዱ ንጥረ ነገር ገጽታ እና አቀማመጥ። እነዚህ መመሪያዎች “መለያዎች” ተብለው የሚጠሩ ሲሆን ወደ ብሎኮች የሚመደቡ ሲሆን አንደኛው በመነሻ መለያ ይጀምራል እና በመጨረሻው መለያ ይጠናቀቃል ፡፡ በኤችቲኤምኤል ደረጃዎች መሠረት በመክፈቻ መለያው ውስጥ የገጽ ዳራ መለኪያዎች ማዘጋጀት ይችላሉ። ይህ የሚከናወነው የብሎግለር ባህሪውን በውስጡ በማስቀመጥ ነው-እዚህ የዚህ ገጽ የጀርባ ቀለም ወደ አረንጓዴ ተቀናብሯል ፡፡ በኤችቲኤምኤል መመዘኛዎች መሠረት አንዳንድ ቀለሞች የራሳቸው ስሞች አሏቸው - ለምሳሌ ፣ ቾኮሌት ወይም ጌንስስቦር ፣ ግን ብዙውን ጊዜ ባለ ስድስት ሄክሳሳል ቀለም ኮዶችን ይጠቀማሉ-የጀርባው ቀለም በዚህ መንገድ ከተገለጸ በገጹ ኮድ ውስጥ ያለውን የሰውነት መለያ ምልክት ማግኘት እና የ ‹bgcolor› ባህሪን መተካት አለብዎት ፡፡ ከሚፈልጉት ጋር ዋጋ ይስጡ

ደረጃ 2

መልክን ለመግለፅ የበለጠ ውስብስብ ንድፍ ያላቸው ገጾች ብዙውን ጊዜ ሲ.ኤስ.ኤስ (Cascading Style Sheets) ን ይጠቀማሉ ፡፡ ሲ ኤስ ኤስ በኤችቲኤምኤል ሰነድ ውስጥ ያሉትን ንጥረ ነገሮች ገጽታ ለመግለጽ በተለይ የተነደፈ ቋንቋ ነው ፡፡ የሲ.ኤስ.ኤስ.-ኮድ እገዳዎች በገጹ ኮድ ውስጥ ሊካተቱ ይችላሉ ፣ ከ “css” ቅጥያ ጋር በተለየ ፋይል ውስጥ የተያዙ እና በገጹ ምንጭ ኮድ ውስጥ ካለው ልዩ መመሪያ ጋር ከገጹ ጋር የተገናኙ ናቸው ፡፡ ወደ ውጫዊ ፋይል የሚያመለክት ከሆነ ታዲያ ይህን ፋይል ለአርትዖት መክፈት ያስፈልግዎታል። እንደዚህ አይነት አገናኝ እንደዚህ ሊመስል ይችላል @import “style.css”; እና መለያው ወዲያውኑ በመመሪያዎች የሚከተል ከሆነ እና ለፋይሉ አገናኝ ካልሆነ ከዚያ ቅጦቹን እዚህ ማረም ያስፈልግዎታል። በሁለቱም ሁኔታዎች የሰነዱን አካል - አካልን የሚያመለክት የቅጥ መግለጫውን ክፍል መፈለግ ያስፈልግዎታል ፡፡ ግን በሲ.ኤስ.ኤስ ቋንቋ ይህ ከእንግዲህ “መለያ” ተብሎ አይጠራም ፣ “መራጭ” ነው ፣ እና ለምሳሌ እንደዚህ ይመስላል:

አካል {

የጀርባ-ቀለም-አረንጓዴ;

ቀለም ነጭ;

}

የጀርባ-ቀለም ግቤት ዋጋን መተካት ያስፈልግዎታል - የገጹን የጀርባ ቀለም ያዘጋጃል። እና እዚህም አንዳንድ የቀለም ጥላዎችን በስም መጠቆም ይቻላል ፣ ግን ባለ ስድስትዮሽ እሴቶችን መጠቀሙ የተሻለ ነው ፡፡ ለምሳሌ ፣ ለጥላው የሄክሳዴሲማል እሴት ቸኮሌት = # D2691E ፡፡ ቀለሙን ብቻ ሳይሆን ለጀርባው ምስሉን ጭምር መግለፅ ይቻላል-አካል {

ጀርባ: አረንጓዴ ዩ.አር.ኤል. (img / bg.jpg) repeat-x;

ቀለም ነጭ;

} እዚህ ዩ.አር.ኤል. (img / bg.jpg) ማለት bg.jpg

የሚመከር: