ኤችቲኤምኤልን በመጠቀም ድህረ ገጽ እንዴት መፍጠር እንደሚችሉ ማወቅ ከፈለጉ, css, ወይም jquery, በትክክለኛው ቦታ ላይ ነዎት. ድህረ ገጽን በፍጥነት እና በቀላሉ እንዴት መፍጠር እንደሚችሉ ለመማር የሚያግዙ ብዙ ግብዓቶች በመስመር ላይ አሉ።. ግን ድረ-ገጽዎን በተቻለ መጠን ባለሙያ እንዲመስሉ እንዴት እንደሚያደርጉት?
በኤችቲኤምኤል ድር ጣቢያ መፍጠር
በኤችቲኤምኤል ኮድ ድር ጣቢያ መፍጠር ልዩ ድር ጣቢያ ለመፍጠር ጥሩ መንገድ ነው።. ነገር ግን አንዳንድ የኮዲንግ ክህሎቶችን እና CSS እንደሚያስፈልገው ማስታወስ አስፈላጊ ነው. በተጨማሪም, የድረ-ገጽዎን ገጽታ ወይም ይዘት መቀየር ከፈለጉ, ገንቢ መቅጠር ያስፈልግዎታል. እንደ WordPress ያለ የይዘት አስተዳደር ስርዓት, ቢሆንም, ድር ጣቢያዎን እራስዎ እንዲያዘምኑ ይፈቅድልዎታል።. ከኤችቲኤምኤል በተቃራኒ, ዎርድፕረስ ምንም አይነት ኮድ የማድረግ ችሎታ አይፈልግም እና መሰረታዊ የንድፍ ግንዛቤ ያለው ድህረ ገጽ እንዲፈጥሩ ያስችልዎታል.
ኤችቲኤምኤል ድረ-ገጾችን እንዴት እንደሚያሳዩ አሳሾችን የሚነግሮት መሰረታዊ የኮዲንግ ቋንቋ ነው።. ይህን የሚያደርገው መለያዎች በሚባሉ ልዩ መመሪያዎች ነው።. እነዚህ መለያዎች በአንድ የተወሰነ የድረ-ገጽ ክፍል ውስጥ ምን ይዘት መታየት እንዳለበት ያመለክታሉ. አስፈላጊ የኮድ መስፈርት ነው።, ግን አንዳንድ ድክመቶችም አሉት. በዚህ ጽሑፍ ውስጥ, ከመጀመራችን በፊት ስለ ኤችቲኤምኤል ማወቅ ያለብን አንዳንድ በጣም አስፈላጊ ነገሮችን እንመለከታለን.
የድር አስተናጋጅ እንዴት እንደሚጠቀሙ ካወቁ እና የኤችቲኤምኤል መሰረታዊ እውቀት ካሎት በኤችቲኤምኤል እና በሲኤስኤስ ድር ጣቢያ መፍጠር ከባድ አይደለም።. የድር አስተናጋጅ ጣቢያን በነጻ እንዲያዘጋጁ ሊረዳዎት ይችላል።, ወይም በትንሽ ክፍያ ያስተናግዳል. ገና እየጀመርክ ከሆነ, የ Bootstrap አካሄድን መሞከር እና ኮዱን በመማር ጊዜዎን መውሰድ ይችላሉ።. ይህ ዘዴ ጊዜዎን ይቆጥባል እና በጣቢያዎ ይዘት ላይ እንዲያተኩሩ ያስችልዎታል, ስለ ድር ጣቢያዎ አቀማመጥ ከመጨነቅ ይልቅ.
ኤችቲኤምኤል ከአለም አቀፍ ድር ቁልፍ አካላት አንዱ ነው።. HTML ሰነዶች ለመፍጠር ቀላል እና ከድር አሳሾች ጋር ተኳሃኝ ናቸው።. የኤችቲኤምኤል ሰነዶችን ለመፍጠር መሰረታዊ የጽሑፍ አርታኢ በሁለቱም ዊንዶውስ ወይም ማክ ኮምፒተሮች ላይ በቂ ነው።. በኤችቲኤምኤል የማይመችዎት ከሆነ, HTML ለጀማሪዎች መጽሐፍ መግዛት እና ደረጃ በደረጃ መከተል ይችላሉ።.
ኤችቲኤምኤል የድረ-ገጽ መሠረት ሆኖ ሳለ, CSS የተወሰነ ፒዛዝ ይጨምርበታል።. የድረ-ገጹን ስሜት እና ድምጽ ይቆጣጠራል, እና ድረ-ገጾችን ለተለያዩ የስክሪን መጠኖች እና የመሳሪያ አይነቶች ምላሽ ለመስጠት ያገለግላል. ይሄ ጎብኚዎች አንድን ጣቢያ ማሰስ ቀላል ያደርገዋል.
የሲኤስኤስ ፋይሉ የድረ-ገጽዎን የጀርባ ቀለም እንዲቀይሩ ይፈቅድልዎታል. የቀለም ስም በመተየብ, ከመጀመሪያው በተለየ ቀለም እንዲታይ ማድረግ ይችላሉ. የቀለም ስም የቀለም ቁጥር ብቻ እንዳልሆነ ማስታወስ ጠቃሚ ነው. ነጠላ ቃል መሆን አለበት።.
HTML የድር ጣቢያዎን መሰረታዊ መዋቅር ያቀርባል. CSS እና JavaScript የኤለመንቶችን አቀማመጥ እና አቀራረብ የሚቆጣጠሩ የኤችቲኤምኤል ቅጥያዎች ናቸው።. CSS እና JavaScriptን በማጣመር, በባህሪያት እና መልክ የበለፀገ ድር ጣቢያ መፍጠር ይችላሉ።.
በ css ድር ጣቢያ መፍጠር
የCSS ፋይልን በማርትዕ የድር ጣቢያዎን የጀርባ ቀለም መቀየር ይችላሉ።. ኮዱ ቀለሙን እንደ ሄክስ እሴት እንደሚያሳይ ያስተውላሉ. ይህንን ለመቀየር, በቀላሉ የሄክስ እሴቱን ወደሚፈልጉት ቀለም ስም ይለውጡ. ስሙ አንድ ቃል መሆን አለበት. በመስመሩ መጨረሻ ላይ አንድ ሴሚኮሎን መተውዎን አይርሱ.
CSS ዝርዝር ባህሪያትን ያቀርባል, እና እሱን ለማበጀት ብዙ መንገዶች አሉ።. CSSን ወደ HTML ገጽ ለመጨመር ሶስት ዋና መንገዶች አሉ።. እነዚህ የቅጥ ሉሆች ብዙውን ጊዜ በፋይሎች ውስጥ ይቀመጣሉ እና የአንድ ድር ጣቢያ አጠቃላይ ገጽታ ሊወስኑ ይችላሉ።. በጣም ፕሮፌሽናል የሚመስለውን ጣቢያ ለመፍጠር ከኤችቲኤምኤል ጋር በጥምረት ጥቅም ላይ ሊውሉ ይችላሉ።.
HTML የድረ-ገጽ ገጽታ ለመፍጠር መለያዎችን ይጠቀማል. CSS የትኞቹ የኤችቲኤምኤል ክፍሎች ጥቅም ላይ እንደሚውሉ ይገልጻል. መላውን ገጽ ይነካል እና ለድር ጣቢያ ዲዛይነሮች ጠቃሚ ሊሆን ይችላል።. ለተወሰኑ የኤችቲኤምኤል መለያዎች የተወሰኑ ክፍሎችን መመደብም ይቻላል. በሲኤስኤስ ውስጥ ያለ የቅርጸ-ቁምፊ መጠን ንብረት ምሳሌ ነው።. ለእሱ የተሰጠው ዋጋ 18 ፒክስል ነው።. የእነዚህ ንጥረ ነገሮች ቅደም ተከተል ገፁ እንዴት እንደሚታይ እና እንደሚሰራ ይወስናል. የቅጥ ሉሆች የድር ጣቢያዎ ምርጥ ሆኖ እንዲታይ ለማድረግ ሁሉንም አስፈላጊ መረጃዎች የያዙ ሰነዶች ናቸው።.
የእርስዎን CSS ቅጥ ሉህ ሲጽፉ, ለመጠቀም የሚፈልጉትን እያንዳንዱን ክፍል መግለፅ ያስፈልግዎታል. ሁለት ዓይነት የቅጥ ሉሆች አሉ።: የውስጥ ቅጥ ሉሆች እና የመስመር ውስጥ ቅጦች. የውስጥ ቅጥ ሉሆች ስለ ቅርጸ ቁምፊ ቀለሞች እና የበስተጀርባ ቀለሞች መመሪያዎችን ይይዛሉ. የመስመር ውስጥ ቅጦች, በሌላ በኩል, በኤችቲኤምኤል ሰነድ ውስጥ በቀጥታ የተፃፉ የሲኤስኤስ ቁርጥራጮች ናቸው እና በነጠላ ኮድ ኮድ ላይ ብቻ ይተገበራሉ.
CSS በጣቢያዎ ላይ ተደጋጋሚ መለያዎችን እንዲፈጥሩ የሚያስችልዎ ጠቀሜታ አለው።. ይህ ትልቅ ጥቅም ነው።, ድር ጣቢያዎን የበለጠ ለማስተዳደር እና ለማዳበር ቀላል ስለሚያደርገው. እንዲሁም የእርስዎን ድር ጣቢያ ለማቆየት ቀላል ያደርገዋል እና በተለያዩ ገጾች ላይ የቅጥ ሉሆችን እንደገና ለመጠቀም ቀላል ያደርገዋል. ይህ ደግሞ የይዘት እና የዝግጅት አቀራረብ መለያየት ይባላል.
CSS የድር ዲዛይን አስፈላጊ አካል ነው።. የእርስዎ ድር ጣቢያ እንዴት እንደሚመስል እና ምን እንደሚሰማው ለመወሰን ያግዛል።. እንዲሁም አንድ ድር ጣቢያ ከተለያዩ የስክሪን መጠኖች እና መሳሪያዎች ጋር እንዲላመድ ያስችለዋል።. የ CSS ቋንቋ የድር ጣቢያዎን ገጽታ እንዲያበጁ ይፈቅድልዎታል።, ምንም አይነት መሳሪያ ቢሰራበትም።.
CSS እና HTML ኮዶችን አንድ ላይ መጠቀም ፈጣን ውጤት ያለው ድህረ ገጽ እንዲፈጥሩ ያስችልዎታል. የኤችቲኤምኤል ኮዶች ለመቅዳት እና ለመለጠፍ ቀላል ናቸው።. መለወጥ የሚፈልጓቸውን እሴቶች ብቻ ነው መቀየር ያለብዎት. በጣም የተለመደ, ይህ ቅርጸ ቁምፊዎችን እና ቀለሞችን ያካትታል. CSS እንዲሁም የተለያዩ የድር ጣቢያዎትን ገፅታዎች ለመለወጥ አስተያየቶችን እንድትጠቀም ይፈቅድልሃል.
በ jquery ድር ጣቢያ መፍጠር
አንደኛ, የ jQuery ቤተ-መጽሐፍትን ማውረድ ያስፈልግዎታል. ይህ ቤተ-መጽሐፍት በሁለቱም በተጨመቁ እና ባልተጨመቁ ስሪቶች ውስጥ ይመጣል. ለምርት ዓላማዎች, የተጨመቀውን ፋይል መጠቀም አለብዎት. jQuery ስክሪፕቱን ተጠቅመው በኤችቲኤምኤል ሰነድዎ ውስጥ ሊያካትቱት የሚችሉት የጃቫ ስክሪፕት ቤተ-መጽሐፍት ነው።> ኤለመንት.
jQuery የ DOM ማጭበርበርን ይደግፋል, ይህም ማለት በተከሰቱት ክስተቶች ላይ በመመርኮዝ በሰነዱ ውስጥ ያሉትን ንጥረ ነገሮች መለወጥ ይችላል. ይህ ለይዘቱ ተነባቢነት እና ግንዛቤ ጠቃሚ ነው።. ቤተ መፃህፍቱ በተጨማሪም ብዙ አብሮ የተሰሩ የአኒሜሽን ተፅእኖዎችን ያካትታል እና ምላሽ ሰጪ የድር ዲዛይን በAJAX በኩል ይደግፋል, ወይም ያልተመሳሰለ ጃቫስክሪፕት እና ኤክስኤምኤል.
jQuery ለመጫን እና ለመጠቀም ቀላል ነው።. የክስተት አድማጮችን ወደ አካላት በማከል ምላሽ ሰጪ ድር ጣቢያዎችን ለመገንባት ሊጠቀሙበት ይችላሉ።. jQuery በመጠቀም, የእውቂያ ዝርዝር መግብርን እና ነባሪ የቅጥ ገጽታን መተግበር ይችላሉ።. እንዲሁም በይነተገናኝ ክፍሎችን ለመፍጠር ቤተ-መጽሐፍቱን መጠቀም ይችላሉ።.
የሰነድ ዕቃ ሞዴል (DOM) የኤችቲኤምኤል ውክልና ነው።, እና jQuery በየትኞቹ ክፍሎች ላይ መሥራት እንዳለበት ለመንገር መራጮችን ይጠቀማል. መራጮች ከሲኤስኤስ መምረጫዎች ጋር በተመሳሳይ መንገድ ይሰራሉ, ከአንዳንድ ተጨማሪዎች ጋር. የ jQuery ኦፊሴላዊ ሰነዶችን በመመልከት ስለ ተለያዩ መራጮች የበለጠ ማወቅ ይችላሉ።.
የ jQuery ቤተ-መጽሐፍት ለመማር ቀላል ነው።, ግን የተወሰነ የኤችቲኤምኤል እና የሲኤስኤስ እውቀት ይፈልጋል. ምንም የፕሮግራም ልምድ ከሌለዎት, CodeSchool's Try jQuery ኮርስ መሞከር ትችላለህ, ብዙ መማሪያዎች ያሉት እና በ jQuery ላይ ብዙ መረጃ ያለው. ኮርሱ ሚኒ ድር መተግበሪያን እንዴት መፍጠር እንደሚቻል ላይ ትምህርቶችንም ያካትታል.