ጣቢያዎችን በሚነድፉበት ጊዜ ብዙውን ጊዜ መሠረታዊ ጥያቄን መፍታት አለብዎት-ገጹ በተለያዩ የማያ ገጽ ጥራቶች ሲከፈት ባህሪው ምን ይሆናል? እዚህ ሁለት አማራጮች አሉ - “ጎማ” (ዝርጋታ) የጣቢያ ገጾች ወይም የማይንቀሳቀስ ፡፡ የመጀመሪያው አማራጭ ውይይት ይደረጋል ፡፡ ለአቀማመጥ ምርጫዎ ምንም ይሁን ምን ፣ የመለጠጥ ንድፍ ዋና መርህ አንጻራዊ ልኬት ነው።
አስፈላጊ ነው
- - የኤችቲኤምኤል እውቀት;
- - ኤችቲኤምኤል-ኮድ ለማረም ፕሮግራም።
መመሪያዎች
ደረጃ 1
ዋናውን ምልክት የሚያንፀባርቅ ለጣቢያዎ አብነት ዋና ፋይል ይምረጡ። እሱ index.html ወይም index.php ፋይል ሊሆን ይችላል። ከምርጥ የእይታ ጣቢያ የአብነት ማስተካከያ ሶፍትዌር አንዱ ማክሮሜዲያ ድሪምዌዋር ነው ፡፡ አስፈላጊው አርትዖት በዚህ ፕሮግራም መሠረት ይከናወናል ፡፡
የአብነት ፋይልን ይክፈቱ ወይም “ፋይል” - “አዲስ” ፣ ምድብ - “የመሠረት ገጽ” - “ኤችቲኤምኤል” ወይም ምድብ “ተለዋዋጭ ገጽ” - “PHP” ን በትእዛዝ አዲስ ይፍጠሩ። እዚህ የጣቢያው መዋቅር ከሁለቱ ፋይሎች በአንዱ በትክክል ሲመዘገብ አጠቃላይ ጉዳዩን እንመለከታለን ፡፡
ደረጃ 2
በጠረጴዛዎች ላይ ፣ በዲቪ-ብሎኮች እና በተጣመሩ (በተመሳሳይ ጊዜ ጠረጴዛዎች እና ብሎኮች) - የተለያዩ የአቀማመጥ ዓይነቶች እንዳሉ ምስጢር ሆኖ አያውቅም ፡፡ የኤችቲኤምኤል መለያ ለሠንጠረ layout አቀማመጥ ተጠያቂ ነው
ለእያንዳንዱ ንብረት መቶኛ (100%) ይጥቀሱ ፡፡ ይህ ከማንኛውም ጂኦሜትሪ ጋር በማያ ገጾች ላይ የጠረጴዛ ሕዋሶችን በራስ-ሰር የመለጠጥ ውጤት ያስገኛል። ባለ 19 ኢንች ማሳያ ወይም ስማርት ስልክ ሊሆን ይችላል - እያንዳንዳቸው ይዘቱን በትክክል ያባዛሉ ፡፡
ደረጃ 3
በጠረጴዛ ሕዋሶች መካከል ያለውን የደብዳቤ ልውውጥ በትክክል መግለፅ ከፈለጉ የሚከተሉትን ምሳሌ ይጠቀሙ ፡፡
| … … የሕዋስ 1 ይዘቶች። … | … … የሕዋስ 2 ይዘቶች። … |
እዚህ ከሴሎች ውስጥ አንዱ ለጠረጴዛው ራሱ ከተገለጸው ነገር ሁሉ በ 30% ስፋት እንደተገለጸ ያያሉ ፡፡ ቀላል ስሌት የሚያሳየው 100% -30% = 70% ለሁለተኛው ሴል ነው ፡፡ ያስታውሱ በዚህ ሁኔታ ውስጥ ከሰንጠረ cells ህዋሳት ውስጥ አንዱ የስፋት አይነታ ስብስብ ሊኖረው አይገባም ፡፡ አሳሹ ሁሉንም ስሌቶች በራሱ ያደርገዋል እና ጠረጴዛውን ከሴሎች ጋር በትክክል ያራዝመዋል። በጠረጴዛዎች ውስጥ ያለው ይዘት በተለያዩ ማያ ገጾች ላይ በትክክል ይለጠጣል እንዲሁም ይቀንሳል።
ደረጃ 4
በዲቪ አቀማመጥ ባለበት ሁኔታ የመለያ ማገጃዎቹ በነባሪነት እስከ ማያ ገጹ ሙሉ ስፋት ድረስ ተዘርግተው ከግራ ወደ ቀኝ ፣ ከላይ ወደ ታች አንዱ ከሌላው ጋር ይከተላሉ ፡፡ ጂኦሜትሪዎቻቸውን ለማጣራት የ ‹ሲ.ሲ.ኤስ.› ክፍልን ወይም መለያ (መታወቂያ) ይፍጠሩ ፣ ለምሳሌ እርስዎ የሚገልጹበትን ባህሪዎች እና / ወይም ለሳጥኑ የመጠን እና የአቀማመጥ ምድብ (ሣጥን) ፡፡ የተገለጸውን ዘይቤ ከጣቢያው ምልክት ማድረጊያ ፋይል ጋር ማገናኘት እና ክፍሉን (መታወቂያውን) ከሚፈለገው መለያ ጋር ማያያዝን አይርሱ። ብዙውን ጊዜ ሁሉንም የወደፊቱን የጣቢያ ጂኦሜትሪ በመግለጽ በስክሪፕቱ መጀመሪያ ላይ ይቀመጣል-
… … የጣቢያ ይዘት. …
ወይም እንደዚህ
… … የጣቢያ ይዘት. …
የ CSS ደንብ ኮድ እንደሚከተለው ይሆናል-
… ማይስላስ {
ስፋት 30%;
ቁመት 50%;
}
# ማይድ {
ስፋት 30%;
ቁመት 50%;
}
