ድር ጣቢያ ለመፍጠር ቀላሉ መንገድ አብነት በመጠቀም ነው። ሆኖም ሀብቱ ጎልቶ እንዲታይ ነባሩን አቀማመጥ መለወጥ ያስፈልግዎታል ፡፡ እና እዚህ ያለ መሰረታዊ የ html እና css ዕውቀት ማድረግ አይችሉም ፡፡
መመሪያዎች
ደረጃ 1
በበይነመረብ ላይ ለእርስዎ በጣም የሚስማማዎትን የድር ጣቢያ አብነት ያግኙ። ለችሎታዎቹ ፣ ከተቆጣጣሪው መጠን ጋር የማጣጣም ችሎታ ፣ ከምናሌው ገጽታዎች እና ከአምዶቹ አቀማመጥ ጋር ትኩረት ይስጡ ፡፡ የሚወዱትን ስሪት በኮምፒተርዎ ላይ ያውርዱ ፣ ማህደሩን ይክፈቱ። ፋይሎቹን ወደ ጣቢያው ስር በመጫን አፈፃፀሙን ይፈትሹ ፡፡ ምናልባት አብነቱ ስህተቶችን ይ andል እና በትክክል አይጫንም ፣ ከዚያ ለወደፊቱ ከእሱ ጋር አብሮ መሥራት ምንም ፋይዳ የለውም።
ደረጃ 2
ምንም እንኳን አብነቱን ሙሉ በሙሉ ዳግመኛ የማይደግፉ ቢሆኑም ፣ አብዛኞቹን ምስሎች እና በተለይም እንደ አርማ የሚገኙትን ይተኩ። እያንዳንዱን ሥዕል በዚህ መንገድ ይተኩ
- በፎቶሾፕ ፕሮግራም ውስጥ ግራፊክ ፋይሉን ይክፈቱ ፡፡
- በ “ምስል” ምናሌ ውስጥ - “የምስል መጠን” መለኪያዎቹን ይመልከቱ ፡፡
- በተመሳሳይ ተመሳሳይ ልኬቶች አዲስ ወረቀት ይክፈቱ;
- የመተግበሪያ መሣሪያዎችን በመጠቀም የተፈለገውን ምስል መፍጠር;
- ሁሉንም ንብርብሮች ያስተካክሉ እና የመጀመሪያውን ቅርጸት በማቀናበር በተመሳሳይ ስም እና በተመሳሳይ አቃፊ ውስጥ አዲስ ስዕል (ለድር አይደለም) ያስቀምጡ ፡፡
ስለዚህ ፣ በአንዱ ምስል ምትክ ሌላ መታየት አለበት።
ደረጃ 3
ሁሉንም ስዕሎች እንደቀየሩ ወዲያውኑ አቃፊውን ከፋይሎቹ ጋር (በዮኦሜላ) ይላኩ እና በ “ቅጥያዎች” ምናሌ ውስጥ ባለው የጣቢያ አስተዳዳሪ ፓነል በኩል ይስቀሉት። ከአዲሱ ሥዕሎች ጋር ጭብጡ በትክክል እንደሚታይ ይመልከቱ ፡፡
ደረጃ 4
የተቀሩትን መለኪያዎች በ style.css ውስጥ ይቀይሩ። በተጨማሪም ፣ በአስተዳዳሪው ፓነል በኩል ሳይሆን በኮምፒተር ላይ ይህን ለማድረግ የበለጠ አመቺ ነው ፡፡ የለውጦቹን ውጤት በተቻለ ፍጥነት ለመመልከት አካባቢያዊው (ዴንቨር) ን መጠቀሙ ምክንያታዊ ነው። ከሚቀጥለው አርትዖት በኋላ ውጤቶቹን ለመመልከት ይህ ውጤቱን በእያንዳንዱ ጊዜ ወደ አገልጋዩ ለመስቀል አስፈላጊነት ያስወግዳል ፡፡
ደረጃ 5
ለሞዚላ ፋየርፎክስ ነፃውን የ FireBug ተሰኪ ያውርዱ። ከተጫነ በኋላ በአሳሹ የላይኛው ቀኝ ጥግ ላይ ቢጫ ሳንካ አዶ ይታያል። በእሱ ላይ ጠቅ ያድርጉ ወይም የ F12 ቁልፍን ይጫኑ እና በማያ ገጹ ታችኛው ክፍል ላይ የገጹ ኮድ በተበላሸ ስሪት ውስጥ ይታያል። በመደመር ምልክቶቹ ላይ አይጤን በማንዣበብ ሊከፈት ይችላል ፡፡ እና በአንድ ንጥረ ነገር መስመር ላይ ጠቅ ካደረጉ በማያ ገጹ አናት ላይ ይደምቃል ፡፡ ከኮዱ ጋር በመስኮቱ በቀኝ በኩል ፣ ለመልክቱ ተጠያቂ የሆኑ መስመሮችን የሚያመለክቱ ቅጦች ያገኛሉ ፡፡ እና ዲዛይን ለመቀየር የቅጡ ፋይልን ማርትዕ የት እንደሚፈልጉ ወዲያውኑ ግልጽ ይሆናል።
ደረጃ 6
በማስታወሻ ደብተር ++ ውስጥ style.css ን ይክፈቱ። ኮዱን ለማርትዕ የተቀየሱ ሌሎች ፕሮግራሞችን መጠቀም ይችላሉ ፣ ግን ለዚህ ዓላማ መደበኛውን “ማስታወሻ ደብተር” መጠቀም አይችሉም ፣ አለበለዚያ በኮድ (ኢንኮዲንግ) ምክንያት ስህተቶች ይኖራሉ ፡፡ ለመለወጥ የፈለጉትን መለኪያዎች ለማግኘት FireBug ን ይጠቀሙ እና በተመሳሳይ ጊዜ በማስታወሻ ደብተር ++ ውስጥ ያርትዑዋቸው።
ደረጃ 7
የመጨረሻውን css ያስቀምጡ እና ፋይሉን ወደ አገልጋዩ ይስቀሉ።
