ለጀማሪ ድርጣቢያ ለመፍጠር ቀላሉ መንገድ መደበኛ አብነት በመጠቀም ነው። በመደበኛ ዲዛይን ውስጥ በርካታ የመዋቢያ እና የአደረጃጀት ለውጦችን በማድረግ የሃብቱ ልዩነት ሊገኝ ይችላል።
አስፈላጊ
- - የጣቢያ አብነት;
- - የፎቶሾፕ ፕሮግራም;
- - ለአሳሽ ማራዘሚያ FireBug;
- - ማስታወሻ ደብተር ++ አርታዒ.
መመሪያዎች
ደረጃ 1
በይነመረብ ላይ ለእርስዎ ተስማሚ የሆነ የድር ጣቢያ አብነት ይፈልጉ። የታቀደውን አብነቶች ያስሱ ፣ ለተቆጣጣሪው መጠን ፣ ለዓምዶች እና ምናሌዎች ዝግጅት ልዩ ትኩረት ለመስጠታቸው ትኩረት ይስጡ ፡፡ የተመረጠውን አማራጭ ያውርዱ. በሚፈጠረው ጣቢያ ስር ፋይሎችን በመጫን አፈፃፀሙን ይፈትሹ ፡፡ አብነቱ በሥራው ላይ ወደ ብርሃን የሚመጡ ስህተቶችን ከያዘ ሌላ አማራጭ መፈለግ የተሻለ ነው ፡፡
ደረጃ 2
በአብነት ውስጥ ያሉትን አብዛኛዎቹ ምስሎች ያስተካክሉ። እያንዳንዱን ሥዕል እንደሚከተለው ይተኩ ፡፡ Photoshop ን ያስጀምሩ እና በውስጡ ካለው አብነት ግራፊክ ፋይሎች ውስጥ አንዱን ይክፈቱ። ለስዕል መለኪያዎች በ "መጠን" አምድ ውስጥ በ "ምስል" ምናሌ ውስጥ ይመልከቱ. በተመሳሳይ ልኬቶች አንድ አዲስ ሉህ ይክፈቱ እና በእሱ ላይ የሚፈልጉትን ምስል ይፍጠሩ። በሚተካው ግራፊክ ፋይል ስም ውጤቱን በአብነት አቃፊ ውስጥ ያስቀምጡ ፡፡ ስለዚህ ሁሉንም ትርጉም ያላቸውን ምስሎች መተካት አስፈላጊ ነው ፡፡
ደረጃ 3
የሰነድ ገጽታን የሚገልጽ መደበኛ የፕሮግራም ቋንቋ ካስኬድንግ ሰንጠረ styleች style.css በመጠቀም የቀሩትን መለኪያዎች ይቀይሩ። በአስተዳዳሪ ፓነል በኩል እንደዚህ ያሉ ለውጦችን ለማድረግ የበለጠ ምቹ ነው ፣ እና እያንዳንዱን ዝመና ወደ አገልጋዩ ላለመስቀል በአከባቢ አስተናጋጅ ላይ ውጤቱን ማየት የተሻለ ነው።
ደረጃ 4
ለአሳሽዎ ነፃውን የ FireBug ቅጥያ ያውርዱ እና ይጫኑ። ቢጫ ሳንካ ያለው አዶ በአሳሹ መስኮት የላይኛው ቀኝ ጥግ ላይ መታየት አለበት። በአዶው ላይ ጠቅ ያድርጉ እና F12 ን ይጫኑ ፡፡ የወደቀው የገጽ ኮድ በማያ ገጹ ታችኛው ክፍል ላይ ይታያል። በመደመር ምልክቶቹ ላይ በማንዣበብ ሊስፋፋ ይችላል ፡፡ የአንድ ንጥረ ነገር ረድፍ ላይ ጠቅ በማድረግ በማያ ገጹ አናት ላይ እንዴት እንደሚደምቅ ማየት ይችላሉ ፡፡ ከኮዱ ጋር በመስኮቱ በቀኝ ክፍል ውስጥ ለገጹ ገጽታ ተጠያቂ የሆኑ መስመሮችን የሚያመለክቱ ቅጦች አሉ ፡፡
ደረጃ 5
አብነቱን በማስታወሻ ደብተር ++ አርታዒ ውስጥ ይክፈቱ። የሚለወጡትን መለኪያዎች ለማግኘት FireBug ን ይጠቀሙ እና በማስታወሻ ደብተር ++ ውስጥ ያርትዑዋቸው ፡፡
ደረጃ 6
ውጤቱን ያስቀምጡ እና የተፈጠረውን ጣቢያ ወደ አገልጋዩ ይስቀሉ።
