ምናሌዎችን መፍጠር ምናልባት በጣቢያዎች እና በፕሮግራሞች ልማት ውስጥ ካሉት ዋና ዋና ነጥቦች አንዱ ነው ፡፡ በተጨማሪም ፣ እንደዚህ ዓይነቱ ምናሌ ጥሩ ማብራሪያ እና ሎጂካዊ ንድፍ የጣቢያ ወይም የማንኛውም ፕሮግራም ፊት ነው ፡፡ ለምሳሌ ማይክሮሶፍት እና ዊንዶውስ 7 ኦፐሬቲንግ ሲስተምን እንውሰድ ዊንዶውስ 7 ከተለቀቀ በኋላ ማይክሮሶፍት ለራሱ የማይደመጥ ብዙ ትችቶችን ሰማ ፡፡ ብዙ ነቀፋዎች ነበሩ ፣ ግን ብዙውን ጊዜ በማይመች ሁኔታ የተቀመጡ ምናሌ ንጥሎች። በአግድመት ተቆልቋይ ምናሌን በ CSS እና በኤክስፕሬስ ድር እንዴት እንደሚፈጥሩ ይህንን አጋዥ ስልጠና በጥንቃቄ ያንብቡ። ምናሌውን ለመፍጠር የመለያ ዘይቤዎች ይለወጣሉ
መመሪያዎች
ደረጃ 1
ወደ ቅጦች አቀናብር ይሂዱ እና ከዚያ የአዲሱ ቅጥ ቁልፍን ጠቅ ያድርጉ። አሁን ለፈጠሩት አዲስ ዘይቤ መራጭ ኡል ሊ ስም ይስጡ ፡፡ እንዲሁም አዲሱ ዘይቤ በተቆልቋይ.ሲ.ሲ.ኤስ. ፋይል ውስጥ መተርጎም እንዳለበት እርግጠኛ ይሁኑ ፡፡
ደረጃ 2
አግድም ምናሌን ለመዘርጋት ለምናሌ ዕቃዎች አግድም እንደሚሆን መንገር ያስፈልግዎታል ፡፡ በመቀጠልም የእያንዳንዱን ምናሌ ንጥል ስፋት መወሰን እና ከሁሉም የዝርዝር ዕቃዎች ፊት ሁሉንም አላስፈላጊ ነጥቦችን ማስወገድ ያስፈልግዎታል ፡፡
ደረጃ 3
ለአግድመት አሰላለፍ ወደ አቀማመጥ ይሂዱ እና የማሳያውን አይነታ ወደ መስመር ያቀናብሩ። የተንሳፋፊ ባህሪውን ወደ ግራ ያዘጋጁ። የማመልከቻውን ቁልፍ ጠቅ ያድርጉ ፡፡ ሁሉም የዝርዝር ዕቃዎች በአንድ መስመር ላይ መዘጋጀት አለባቸው። እርስ በእርሳቸው እንዳይተላለፉ ለማድረግ የሚከተሉትን ማድረግ ያስፈልግዎታል-የአንድን ስፋቱ አቀማመጥ ዋጋ ወደ 150 ፒክስል ያቀናብሩ ፡፡ አሁን ይመልከቱት ፡፡ ሁሉም የዝርዝሩ አካላት ተመሳሳይ መጠን መሆን አለባቸው።
ደረጃ 4
አሁን በዝርዝሩ ዕቃዎች ፊት ነጥቦቹን ለማስወገድ መሞከር ያስፈልገናል ፡፡ ይህንን ለማድረግ ወደ ዝርዝር ይሂዱ እና የዝርዝር-ዘይቤን - የማንኛውም ዓይነት አይነታ ያዘጋጁ ፡፡
ደረጃ 5
ሁሉንም ለውጦች ለመቀበል እሺን ጠቅ ያድርጉ።
ደረጃ 6
ለ ul li style የቅርጸ ቁምፊ መጠንን ለማስተካከል የሚከተሉትን ማድረግ ያስፈልግዎታል ፡፡ ቅጦችን በማቀናበር ላይ “Modify Style” ን ለመምረጥ በሚፈልጉት የኡል ሊል ዘይቤ ላይ ቀኝ ጠቅ ያድርጉ ባህሪያትን ለመጨመር ወይም ለመለወጥ የሚታወቀው የንግግር ሳጥን ይከፈታል። ወደ ቅርጸ-ቁምፊ ምድብ ይሂዱ እና የቅርጸ-ቁምፊ-ቤተሰቡን አይሪያን ፣ ሄልቬቲካ ፣ ሳን-ሰሪፍ ያዘጋጁ ፡፡ በመቀጠል ወደ ቅርጸ-ቁምፊ-አይነታ ይሂዱ እና ወደ 0.9em ያዋቅሩት። ከዚያ በኋላ የጽሑፍ-ትራንስፎርሜሽን ባህሪን ያዋቅሩ ፣ ዋጋውን ወደ አቢይ ሆሄ ያዘጋጁ ፡፡
ደረጃ 7
በተፈጠረው ምናሌ ውስጥ ያሉት ዕቃዎች ቁመት በአቀማመጥ ምድብ ውስጥ ሊስተካከል ይችላል። የከፍታውን አይነታ ወደ 30 ፒክስል ያዘጋጁ ፡፡
ደረጃ 8
በመቀጠል የ menu.html ፋይልን ማስቀመጥ ያስፈልግዎታል። ይህንን ለማድረግ ኤክስፕሬስ ድር ፋይሉን ለማስቀመጥ የሚያስፈልጉትን አስቀምጥ የተከተተ ፋይሎችን መስኮት ይከፍታል ፡፡ በተቆልቋይ.ሲ.ሲ.ሲ. ፋይል ውስጥ ያስቀምጡ ፡፡ ለማስቀመጥ እሺን ጠቅ ያድርጉ።
ደረጃ 9
አሁን ውጤትዎን ያረጋግጡ ፡፡ አስተማማኝነት ለማግኘት በተለያዩ አሳሾች ውስጥ መሞከሩ የተሻለ ነው። በነባሪ አሳሹ ውስጥ የተገኘውን ውጤት ለመፈተሽ በቁልፍ ሰሌዳዎ ላይ የ F12 ቁልፍን መጫን አለብዎት።
