ጣቢያው ለራስህ አግድመት ምናሌ አድርግ

አግድመት ምናሌ ማንኛውንም ጣቢያ አላቸው - ይህ ለመሳብ ወይም, በተቃራኒው, ጎብኚዎች ለማባረር ወደ መልኩም እና ተጠቃሚነት ጋር ይችላል እንደ አንድ አስፈላጊ ክፍል ነው. ዎቹ አንድ የአንደኛ ደረጃ አግዳሚ ምናሌ መፍጠር እንደሚችሉ ለማወቅ እንመልከት: የመፍጠር መሰረታዊ ሙያዎች ጠንቅቀው ማወቅ, ኤች ቲ ኤም ኤል ወደ እሱ "አጽም" ማድረግ. አንተ በእርግጥ አንድ ዝግጁ ምናሌ ማግኘት ይችላሉ, ነገር ግን በጣም የሚያምር ራስህ ማዳበር እንደሚችሉ ለማወቅ. ይህ ቆንጆ አዝናኝ ነው.

ምናሌ ለማድረግ ለመረዳት

እኛ አቀማመጥ ያለውን ግንባር አኃዝ መከተል ያለውን የቃላት ትርጉም, ዞር ለማድረግ እሞክራለሁ. በመጀመሪያ, ኤች ቲ ኤም ኤል የእኛን ምናሌዎች ለ "አጽም" ማድረግ የራሳቸውን አግዳሚ ምናሌዎች ለማድረግ መሠረታዊ ክህሎቶችን መማር አለብን. ከዚያም የቅጥ አንሶላ በመጠቀም, ለማስጌጥ ይሆናል. የእኛ አግድም ምናሌ 5 ንጥሎች ይዟል እንመልከት. የመጀመሪያው ንጥል ወደ መነሻ እንዲሄዱ ይደረጋሉ. ሁለተኛው ነጥብ - "እኛ ስለ". ሦስተኛው - "የእኛ ሽልማቶች". አራተኛ - "በጣም አዝናኝ ነው." አምስተኛ - "እኛን ያነጋግሩን".

ኤች ቲ ኤም ኤል-ኮድ ይህን ይመስላል:

ማወቅ አይደለም ማን ነው: ul ታግ የሚያገለግል ነው ጥይት, በውስጡ ንጥረ ነገሮች ወደ ሊ ጋር ይጀምራሉ. ሊ መለያዎች ወደ ul ተግባራዊ ያሉት ቅጦችን ይወርሳል.

Ul - ዝርዝር የማገጃ አባል, ይህ ስፋት ሊያልቅ ይደረጋል. ሊ ደግሞ አንድ የማገጃ ነው.

ስለዚህ, አንድ index.html መፍጠር. እኛ ኮድ እንሰበስባለን. በዚህ ነጥብ ላይ: አሳሹ ይልቅ አግዳሚ ምናሌ ይልቅ ቋሚ ያሳያል. ነገር ግን ከእናንተ ግብ ጋር እኛ - ጣቢያ አንድ አግዳሚ ምናሌ ለማድረግ. ይህ እኛ የ CSS ያስፈልገናል.

የሲ ኤስ ኤስ ምንድን ነው?

እናንተ ጣቢያዎች ልማት ማከናወን እስኪችል ድረስ ገና ካለዎት Cascading ቅጥ ሉሆች ጽንሰ-ሐሳብ ጋር ለመተዋወቅ አስፈላጊ ነው. እንዲያውም, እነዚህ አንድ ድረ-ጣቢያ ገጾች ላይ የተለያዩ ንጥረ ነገሮች ላይ ተፈጻሚ የሚሆኑ ቅርጸት, ሂደቱ ደንቦች ናቸው. እኛ መደበኛ HTML ነው ንጥረ ነገሮች መካከል ባህርያት የሚገልጹ ከሆነ, እርስዎ ኮድ ተመሳሳይ ቁርጥራጮች አንድ መገልበጥ ለማግኘት, ይህ ብዙ ጊዜ መድገም ይሆናል. ተጠቃሚው ኮምፒውተር ላይ የገጽ ጭነት ጊዜ እያደገ ይሄዳል. ይህን ለማስቀረት, የ CSS አለ. ይህ አንድ ጊዜ ብቻ የተወሰነ አባል ለመግለጽ በቃ, እና ከዚያ በቀላሉ የት አንድ ዓይነት ስልት ያለውን ንብረት ለመጠቀም ይጠቁማሉ. ይህ ገጽ በራሱ ጽሑፍ, ነገር ግን ደግሞ በሌላ ፋይል ውስጥ ብቻ ሳይሆን መግለጫ ማድረግ ይቻላል. ይህ የጣቢያውን በሁሉም ገጾች ላይ የተለያዩ ቅጦች መግለጫ ተግባራዊ ለማድረግ ያስችለዋል. ይህ CSS-ፋይል መቀየር, አንዳንድ ገጾችን ለመቀየር ደግሞ አመቺ ነው. ቅጥ ሉሆች እርስዎ ጣቢያ ግራፊክስ ገጾች እየተባባሰ ለማስወገድ በመርዳት, የ HTML ይልቅ የተሻለ ደረጃ ላይ ቅርፀ ጋር እንዲሰራ መፍቀድ.

ምናሌ ልማት የሚሆን ቅጥ ሉሆች መጠቀም

ምናሌ ለማግኘት የሲ ኤስ ኤስ-ኮድ:

1. # My_1menu {ዝርዝር-ቅጥ: የለም; ድብዳብ: 6; ስፋት: 800px; ህዳግ: ራስ;}
2. # My_1menu li {እንዲንሳፈፍ: ይቀራል; ቅርጸ ቁምፊ: ሰያፍ 18 ፒክስል ኤሪያል;}
3. # My_1menu አንድ {color: # 756; ማሳያ: የማገጃ; ቁመት: 55px; መስመር-ቁመት: 55px; ድብዳብ: 0px 15 ፒክስል 0px 15 ፒክስል; የጀርባ: #dfc; የጽሑፍ-decoration: none;}
4. # My_1menu አንድ: ማንዣበብ {ቀለም: #foa; የጀርባ: # 788;}

አሁን እስኪ ምክንያት አግድም የሲ ምናሌ እንመልከት.

- የተያዘለትን ንጥሎች በ ግራ ምልክት ለማስወገድ ይህን ትእዛዝ የለም: - # My_1menu እንዲሁ id = my_1menu, ዝርዝር-ቅጥ ጋር UL- ኤለመንት ቅጥ ኃላፊነት ነው.

ስፋት: 800px - የእኛ ምናሌ ስፋት 800 ፒክስል ነው.

ድብዳብ: 0 - ይህ በውስጥ ያለውን ድብዳብ ያስወግደዋል.

ህዳግ: ራስ - የእኛን ገጽ መሃል ላይ አግድም ምናሌ vyravnivnie.

# My_1menu li - ቅጦች ሊ-ንጥረ መዳቢው.

ቁመት: 55px - ምናሌ ቁመት.

# My_1menu አንድ: ማንዣበብ - ኤለመንት ወደ ቅጦች መዳቢው እና የሚፈጥሩት ጊዜ መዳፊት.

እያንዳንዱ ገንቢ እዚህ በውስጡ ልኬቶችን እንዲገልጹ ይችላሉ እንደ እኛ, በዝርዝር ውስጥ በእያንዳንዱ መስመር መግለጽ አይችልም. ድር ላይ ባለው ምናሌ ውስጥ ቅጦችን አጠቃቀም ይህ መሠረት. አንተ ስዕሎች በመጠቀም, አንድ ይበልጥ የተጠናቀቀ እና ውብ መልክ መስጠት ይችላል. ለምሳሌ, የጀርባ ያህል, ኤለመንት መድብ ግን: ዩአርኤል (img1.png) መድገም-x. መድገም-x አንድ ዩአርኤል (img2.png): ማንዣበብ ጀርባ ይኑሩ.

የእርስዎ የፈጠራ, የፈጠራ ምርጫዎችን ይጠቀሙ. ከዚያም ድረ ገጽ ላይ ቀላል ምናሌ እንዴት መፍጠር እንደሚቻል ላይ እውቀት ላይ የተመሠረተ, የራሱ ልዩ ንድፍ ጋር አንድ ገጽ ማዳበር ይችላሉ.