ጎብorው በጣቢያው ገጾች ላይ የሚያያቸው ሁሉም ነገሮች በአገልጋዩ በተላኩ ዝርዝር መመሪያዎች ላይ በመመርኮዝ በአሳሹ ይታያሉ። እነዚህ መመሪያዎች የገጹ ኤችቲኤምኤል-ኮድ ይባላሉ እና በተናጥል የእያንዳንዱን ንጥረ ነገር ዓይነት ፣ ገጽታ እና ቦታ የሚገልፁ በልዩ “መለያዎች” የተሰሩ ናቸው ፡፡ ማንኛውንም አዲስ ንጥረ ነገር (ለምሳሌ ፣ ምስል) ወደ ገጽ ውስጥ ለማስገባት ተዛማጅ መመሪያን - መለያ - ወደ ምንጩ ኮድ ማከል ያስፈልግዎታል። ይህንን ለማድረግ ቀላሉን መንገድ ያስቡ ፡፡
መመሪያዎች
ደረጃ 1
ማንኛውንም ዓይነት የይዘት አስተዳደር ስርዓት የሚጠቀሙ ከሆነ ታዲያ የገጽ አርታኢን ያካተተ መሆኑ አይቀርም። በመጀመሪያ ፣ በዚህ አርታኢ ውስጥ የተፈለገውን ገጽ መክፈት ያስፈልግዎታል። ተጨማሪ - አማራጮች ይቻላል ፡፡ በተሻለ ሁኔታ ፣ የገጹ አርታኢ “ቪዥዋል ሞድ” ይኖረዋል ፣ በሌላ አነጋገር - “WYSIWYG mode” (የሚመለከቱት የሚያገኙት ነው - “ያዩት ያገኙትን ነው”) ፡፡ በዚህ ሁነታ ከዋናው የ html- ኮድ ጋር በጭራሽ ማስተናገድ አያስፈልግዎትም! በአርታዒው ውስጥ ያለው ገጽ በጣቢያው ላይ ካለው ጋር ተመሳሳይ ይሆናል ፣ አይጤውን በሚፈለገው ቦታ ለመምታት እና በአርታዒው ፓነል ላይ “ምስልን አስገባ” የሚለውን ቁልፍ ለመጫን በቂ ይሆናል ፡፡
ደረጃ 2
በዚህ ምክንያት የሚፈለገውን ስዕል ለመምረጥ የሚያስፈልግዎ የመገናኛ ሳጥን ይከፈታል ፡፡ እስካሁን ካልሰቀሉት በኮምፒተርዎ ላይ ምስልን ለመምረጥ እና ወደ አገልጋዩ ለመስቀል የሚያስችል ቁልፍም አለ ፡፡ በተጨማሪም ፣ በዚህ መገናኛ ውስጥ የክፈፉ ቀለም እና ስፋት በምስሉ ዙሪያ ፣ በማዕቀፉ እና በምስሉ መካከል ያለው የመሙላቱ ርቀት እና ቀለም ፣ ለመሳሪያ ሰሌዳው ጽሑፍ ማዘጋጀት ይችላሉ ፡፡ ልኬቶችን እዚህ መግለፅ አስፈላጊ አይደለም ፣ ግን የገጽ ጭነት ለማፋጠን እና የንድፍ ማዛባቱን ለማስቀረት አሁንም ይህንን ማድረግ የተሻለ ነው። ሁሉም የንግግሩ አስፈላጊ መስኮች ሲሞሉ “እሺ” ን ጠቅ ያድርጉ እና ከዚያ የተስተካከለውን ገጽ ያስቀምጡ ፡፡
ደረጃ 3
ለቁጥጥር ስርዓቶች አንድ ነጠላ መስፈርት ባለመኖሩ ምክንያት በስርዓትዎ ምስላዊ ሁኔታ ውስጥ ምስልን ለማስገባት የአሠራር ሂደት ትንሽ ሊለያይ ይችላል ፣ ግን መርሆው ተመሳሳይ ይሆናል። በተመሳሳይ ምክንያት WYSIWYG ሁነታ በጣቢያዎ አስተዳደር ስርዓት ውስጥ ላይታይ ይችላል ፡፡ ከዚያ አሁንም የገጹን ምንጭ ኮድ በኤችቲኤምኤል (HyperText Markup Language - "hypertext markup ቋንቋ") ማርትዕ አለብዎት። አሳሹን እዚህ ምስሉን እንዲያሳይ በሚነግርበት ኮድ ውስጥ በትክክለኛው ቦታ ላይ መለያ ማስገባት ያስፈልግዎታል ፡፡ በጣም በቀላል መልክ ፣ ይህን መምሰል አለበት ፣ የምስሉ “አንፃራዊ አድራሻ” ይኸውልዎት - በዚህ አድራሻ አሳሹ የምስል ፋይሉን ከሱ ለማግኘት አገልጋዩን ማግኘት አለበት ፡፡ አድራሻው አንፃራዊ ከሆነ አሳሹ ፋይሉ ልክ እንደ ገጹ ራሱ (ወይም በንዑስ አቃፊ ውስጥ) በተመሳሳይ የአገልጋይ አቃፊ ውስጥ እንዳለ ይገምታል። ግን ፣ ላለመሳሳት ፣ “ፍፁም አድራሻን” መግለፅ ይሻላል - ለምሳሌ ፣ እንደዚህ ፣ በተፈጥሮ ፣ አገልጋዩ ምስሉን ለአሳሹ እንዲያገኝ እና እንዲልክ ፣ በተጠቀሰው ላይ መሰቀል አለበት ፡፡ አካባቢ ይህንን ለማድረግ ቀላሉ መንገድ በፋይል አቀናባሪው በኩል ነው ፣ እሱም በእያንዳንዱ የይዘት አስተዳደር ስርዓት ውስጥ እንዲሁም በአስተናጋጅ ኩባንያዎ የቁጥጥር ፓነል ውስጥ ፡፡ እንዲሁም ልዩ ፕሮግራም በመጠቀም - ኤፍቲፒ-ደንበኛን በመጠቀም የ FTP- ፕሮቶኮልን (የፋይል ማስተላለፍ ፕሮቶኮል - “የፋይል ማስተላለፍ ፕሮቶኮል”) በመጠቀም ይህንን ማድረግ ይችላሉ ፡፡ የሚከፈልባቸው እና ነፃ የሆኑ ብዙዎቻቸው አሉ - ለምሳሌ ፣ ቆንጆ ኤፍቲፒ ፣ ፍላሽ ኤፍኤክስፒ ፣ WS ኤፍቲፒ ፣ ወዘተ. አሳሹ ቀላሉ አማራጭ ነው።
ደረጃ 4
በምስሉ ኤችቲኤምኤል-መለያ ውስጥ ካለው አድራሻ በተጨማሪ ተጨማሪ መረጃዎችን - የመለያው “ባህሪዎች” መግለፅ ይችላሉ ፡፡ ለምሳሌ ፣ የ alt="ምስል" አይነቱ የመዳፊት ጠቋሚውን በምስሉ ላይ ሲያንዣብቡ ብቅ ለሚለው የመሳሪያ ጫፉ ጽሑፍ ይ:ል-በ - የርዕስ ባህሪው ሊተካ ይችላል - አሳሹ በሚሠራበት አራት ማዕዘን መጠን ማሳያ ምስሉ የተቀመጠው በስፋት እና በከፍታ ባህሪዎች ነው-የጠረፍ አይነቱ በምስሉ ዙሪያ ያለውን የድንበር ስፋት ይገልጻል (በፒክሴሎች) ምስሉ አገናኝ ከተደረገ አሳሹ በዙሪያው ሰማያዊ ድንበር ይሳሉእሱን ለማስወገድ የድንበሩን እሴት ወደ ዜሮ ያቀናብሩ-ሌሎቹ ሁለት ባህሪዎች በአጠገብ ከሚገኙት አካላት (ከጽሑፍ መስመሮች ፣ ከሌሎች ስዕሎች ፣ ወዘተ) ስለ ስዕሉ የመነሻ መጠን መረጃ ይይዛሉ - hspace የመጠን መጠንን ያስቀምጣል ፡፡ አግድም አግድም (ግራ እና ቀኝ) ፣ vspace - በአቀባዊ (ከታች እና ከላይ):
