በኤሌክትሮኒክ መግብሮች የሚበላው የኢንተርኔት ትራፊክ በየቀኑ ቃል በቃል እየጨመረ ነው። ዘመናዊ ተጠቃሚዎች ለእነሱ በጣም ምቹ የሆነ በይነገጽ ያላቸው ሀብቶች ያስፈልጋቸዋል. ልክ እንደዚሁ፣ የሚለምደዉ አቀማመጥ ድረ-ገጾችን ወደ ተንቀሳቃሽ መሳሪያዎች ባህሪያት በራስ ሰር እንዲቀይሩ ስለሚያደርግ ይህን ፍላጎት ለማሟላት ያስችላል።
ይህ ምንድን ነው
ምላሽ አቀማመጥ፣ እንዲሁም ለሞባይል ተስማሚ በመባልም ይታወቃል፣ ከተለያዩ የስክሪን ጥራቶች ጋር መላመድ የሚችሉ ድረ-ገጾችን ለማዘጋጀት የተወሰኑ እርምጃዎችን ማከናወንን ያካትታል።
ከጥቂት አመታት በፊት በመስክ ላይ ያሉ ሰዎች የተለያዩ የመስኮት ባህሪያት ባላቸው 'ktrnhjyys[' መግብሮች ላይ በአግባቡ እንዲታይ በመስኩ ላይ ያሉ ሰዎች በርካታ የድረ-ገጾችን ስሪቶች መፍጠር ነበረባቸው። የአቀማመጥ ንድፍ አውጪዎች እስከ 2010 ድረስ የሠሩት በዚህ መንገድ ነበር። ከዚያ ጣቢያን እንዴት ማላመድ እንደሚቻል ሀሳብ በከፍተኛ ሁኔታ ተለወጠ። ከዚያ ይህን ተግባር ለማከናወን ልዩ የፕሮግራሚንግ ቋንቋ ጥቅም ላይ ውሏል - JavaScript።
ድር ጣቢያን በሁሉም ስክሪኖች ላይ እንዴት ምላሽ ሰጪ ማድረግ እንደሚቻልተንቀሳቃሽ መሳሪያዎች ዛሬ? አሁን አቀማመጥ CCS3 ሰንጠረዦችን እንዲሁም ልዩ HTML5 ቋንቋን በመጠቀም ይከናወናል።
ለምን ምላሽ ሰጪ ድር ጣቢያ ያስፈልግዎታል
- የተለያዩ የማሳያ ጥራቶች ያላቸውን መግብሮችን በመጠቀም ድሩን ማግኘት ይችላሉ። ዛሬ ሰዎች ለቤት ውስጥ ፍላጎቶች እና በይነመረብ ለመጠቀም ብዙ የተለያዩ መሳሪያዎችን ይጠቀማሉ። እርግጥ ነው, አንድ እና ተመሳሳይ ጣቢያ በከፍተኛ ጥራት መታየት አለበት እና የተለያዩ ልኬቶች እና የስክሪን ጥራቶች ባላቸው መሳሪያዎች ላይ ጥሩ ሆነው ይታያሉ. ተጠቃሚዎች ከአንድ የተወሰነ መግብር ጋር ሲሰሩ ምቾት ሊሰማቸው አይገባም።
- የበይነመረብ ትራፊክ መጨመር፣የሞባይል መተግበሪያዎች እና መሳሪያዎች ተወዳጅነት። ወደ አውታረ መረቡ ለመግባት አሁን ያለው የኤሌክትሮኒክስ መግብሮች ፍላጎት በጣም ምክንያታዊ ነው እናም በዚህ እውነታ የሚከራከር ማንም የለም ። እነዚህ ተጠቃሚዎች የመላው ታዳሚዎችዎን የአንበሳውን ድርሻ ስለሚወክሉ እንዲህ ያለው ተወዳጅነት በቀላሉ ችላ ሊባል አይችልም። ስለዚህ፣ ወደ ሃብትዎ የሚመጡ የጎብኝዎች ቁጥር ተመሳሳይ እንዲሆን ወይም እንዲጨምር ከፈለጉ ለፍላጎቶቻቸው እና ፍላጎቶቻቸው ከፍተኛ ትኩረት መስጠት አለብዎት። በሌላ አነጋገር የጣቢያህን ተሞክሮ በተቻለ መጠን ምቹ ለማድረግ የተቻለህን ሁሉ ማድረግ አለብህ፣ አለበለዚያ ደንበኞችህ በቀላሉ ወደ ተፎካካሪዎችህ መሄድ ይችላሉ።
የአደጋ ጊዜ መረጃ። የእርስዎ ስፔሻላይዜሽን የዜና እና ሌሎች ሰበር መረጃዎች አቅርቦት ከሆነ፣ በእርግጥ ተጠቃሚው በአስቸኳይ ሊፈልገው ይችላል፣ እናበእጁ ካለው ስልክ በቀር ምንም ላይኖረው ይችላል። ስለዚህ የእርስዎ ተግባር በተቻለ ፍጥነት አስፈላጊውን መረጃ እንዲያገኝ ማድረግ ነው።
ምላሽ ሰጪ አቀማመጥ እና የሞባይል መተግበሪያ ማወዳደር
የሞባይል ሥሪቶችን ለራሳቸው መግብሮች የሚጠቀሙ ሁሉም አይነት ፕሮግራሞች እና ድረ-ገጾች እንዲሁ ጥሩ እርምጃ ናቸው ነገርግን በርካታ ጉዳቶች አሏቸው።
- የሞባይል መተግበሪያ የግድ ከስርዓተ ክወናው አይነት ጋር መዛመድ አለበት። ለዚህ ደግሞ ጊዜን ብቻ ሳይሆን ገንዘብንም ማጥፋት አለብህ።
- ፕሮግራም መውረድ አለበት። መተግበሪያውን ለመጠቀም, በእርግጥ, መጫን አለበት. እርግጥ ነው, ተጠቃሚው ይህንን ማድረግ ይችላል, ነገር ግን ብዙ ጊዜ በሚያስፈልገው ሁኔታ ላይ ብቻ ነው. እሱ እንደዚህ ዓይነት ፍላጎት ከሌለው ፣ ምናልባትም ይህንን ተግባር ውድቅ ያደርጋል። በዚህ ምክንያት፣ ጉልህ የሆነ የታዳሚ ክፍል ታጣለህ።
ለምን መተግበሪያዎችን ማቆም አለብዎት
- የትራፊክ ስርጭት። የመተግበሪያው አጠቃቀም የንብረቱን ተገኝነት ደረጃ አያሳይም. በሌላ አገላለጽ የፕሮግራሙ እና የጣቢያው ትራፊክ አልተጠቃለልም ፣ይህም ወደሚፈልጉበት አመላካች መቀነስ ያመራል።
- የግብዓት ቁሶች ውህደት። አፕሊኬሽኑን ያገኙ ከሆነ ሁሉንም እቃዎች ለማመሳሰል ወይም ጣቢያውን በመሙላት እንዲሁም ይዘቱን ወደ ፕሮግራሙ ለማስተላለፍ ተጨማሪ ገንዘብ ማውጣት ይኖርብዎታል። በዚህ ምክንያት ገንዘብህን እና ጊዜህን እንደገና ታጣለህ።
እንዴት አስማሚ ማድረግ እንደሚቻልየድር ጣቢያ ዲዛይን
የመጀመሪያው እርምጃ ሁሉንም ስራ መንደፍ ነው። በሂደቱ ውስጥ ንድፍ አውጪው በአንጻራዊ ሁኔታ ትንሽ ማሳያ እና አንድ ሜኑ አምድ በመጠቀም ፍሬሙን እና ቁልፍ ሀሳቦችን በብቃት ማስተላለፍ አለበት።
አስፈላጊ ከሆነ የመረጃ እገዳዎች ይቀንሳሉ፣ በጣም አስፈላጊዎቹ ንጥረ ነገሮች ብቻ ይቀራሉ። የጀማሪ መመሪያ ብዙውን ጊዜ የሚከተሉትን ያካትታል፡
- ሞባይል መጀመሪያ - ለኤሌክትሮኒክስ መግብሮች ዲዛይን ማድረግ፤
- ተለዋዋጭ ምስሎች - ተለዋዋጭ ምስሎችን ተጠቀም፤
- በፍርግርግ ላይ የተመሰረተ አቀማመጥ - ተጣጣፊ በፍርግርግ ላይ የተመሰረቱ አቀማመጦችን ተጠቀም፤
- የሚዲያ ጥያቄዎች - የሚዲያ መጠይቆችን በማስኬድ።
ድር ጣቢያን እንዴት ምላሽ ሰጪ ማድረግ ይቻላል? ይህንን ለማድረግ፣ በርካታ አይነት አቀማመጦችን መጠቀም ትችላለህ።
- ጎማ ይህ አይነት ለመተግበር ቀላል ነው, ለጀማሪዎች እንኳን እምብዛም ችግር አይፈጥርም. የንብረቱ ዋና ብሎኮች የሞባይል ስክሪኖች መጠን እስኪያሟሉ ድረስ ይጨመቃሉ። መጭመቅ የማይቻል ከሆነ በቴፕ መልክ ይቀመጣሉ።
- ብሎኮችን አንቀሳቅስ። ይህ ዘዴ ከብዙ ዓምዶች ጋር ለሃብቶች በትክክል ይሰራል. የተጨማሪ እገዳዎች አቀማመጥ እንደ ማያ ገጹ ልኬቶች ይለያያል. ማሳያው ከተቀነሰ የጎን አሞሌዎቹ ወደ ታች ይሄዳሉ።
- አቀማመጦችን ቀይር። ይህ ይልቁንም ጊዜ የሚወስድ ቴክኒክ ነው፣ ይህም ለእያንዳንዱ የስክሪን መፍታት ልዩ የተፈጠረ አቀማመጥ መጠቀምን ያካትታል። ይህ ዘዴ የጣቢያው ጥናትን በእጅጉ ያመቻቻል ነገርግን የስራው ውስብስብነት ጥያቄ እንዳይነሳ ያደርገዋል።
- የአንደኛ ደረጃ አቀማመጥ። ዘዴ ፣ እንከን የለሽለቀላል ሀብቶች ተስማሚ። ንድፍ አውጪው በቀላሉ ስዕሎችን እና የጽሑፍ ጽሑፎችን ይመዝናል. ምንም እንኳን ይህ ዘዴ በተለዋዋጭነት እጦት ምክንያት በፍላጎት ሊጠራ የማይችል ቢሆንም።
- ፓነሎች። ይህ ዘዴ ከሞባይል አፕሊኬሽኖች የመጣ ሲሆን በውስጡም ረዳት ሜኑ በማንኛውም የማሳያው ቦታ ላይ ሊታይ ይችላል። አሁን ይህ ዘዴ እንዲሁ በጣም ተወዳጅ አይደለም ምክንያቱም በጣቢያው ላይ የሞባይል ዳሰሳ ሁልጊዜ ለተጠቃሚዎች ግልፅ አይደለም ።
ከተገለጹት አቀማመጦች ውስጥ አንዳቸውም ሁለንተናዊ ተብለው ሊጠሩ አይችሉም። አንድ ድር ጣቢያ ምላሽ ሰጪ እንዴት እንደሚሰራ? በመጀመሪያ ደረጃ, በፕሮጀክቱ ላይ በመመስረት ተስማሚ አቀማመጥ መምረጥ ያስፈልግዎታል. የንብረቱን አቅም ሙሉ በሙሉ ማክበር እና ሁሉንም ፍላጎቶች ማሟላት አለበት።
እንዴት ምላሽ ሰጪ የድር ጣቢያ አቀማመጥ
ዛሬ፣ CSS3 እና HTML5 ጥቅም ላይ ይውላሉ። የመጀመሪያው ቴክኖሎጂ የላቀ ትውልድ የካካዲንግ ጠረጴዛዎች ነው. በእሱ እርዳታ የጣቢያው ዝርዝሮች በተጠቃሚው ማሳያ ላይ የሚታዩባቸው ህጎች ተዘጋጅተዋል።
በCSS3 እገዛ በርካታ መለኪያዎች ማቀናበር ይችላሉ፡የተያዘው ቦታ መቶኛ እና የንጥሉ ልኬቶች በተወሰነ ጥራት። በዚህ ቴክኖሎጂ፣ ዲዛይነሮች ከተወሰኑ ባህሪያት ጋር የሚዛመዱ የተለያዩ ክፍሎችን መፍጠር ይችላሉ።
HTML5 የአንዳንድ ዝርዝሮችን ቦታ ለማመልከት ይጠቅማል በሌላ አነጋገር ገጹን ምልክት ለማድረግ። የተፈጠሩት የCSS3 ክፍሎች በኤችቲኤምኤል መለያዎች ተገልጸዋል ስለዚህም ጥቅም ላይ የሚውሉት ነገሮች እንደ ጥራታቸው እንዲሻሻሉ ነው።
ታዲያ፣ ምላሽ ሰጪ የድር ጣቢያ ዲዛይን በhtml እንዴት እንደሚሰራ? ያንን ቀላል ምስል በማዳበር መጀመር ያስፈልግዎታልከዚያ ዘርጋ።
ይህ የምስል ሂደት ሼል ይፈጥራል።
አንድን ድህረ ገጽ በCSS እንዴት ምላሽ ሰጪ ማድረግ ይቻላል? የሚከተሉትን መለኪያዎች ያዘጋጁ፡
div {
ስፋት፡ 100%፤
}
div img {
ስፋት፡ 100%፤
ቁመት፡ ራስ-ሰር፤
}
ከዚያም በዲቪው ስፋት የምስሉን ስፋት ያቀናብሩ img።
ስለዚህ የማሳያ ቦታውን በማንኛውም ጥራት የሚወስድ ምስል ያገኛሉ።
ንጥሎችን ያብጁ
የጣቢያ ራስጌ። በአርዕስቱ ውስጥ ብዙ ክፍሎችን ያስቀምጡ፡
አርማ -
የምናሌ ቁልፍን ደብቅ -
ዋና ምናሌ -
የጣቢያ ፍለጋ -
- ከጽሑፍ ይዘት ጋር አግድ። ጽሑፉን ለመጠቅለል ኤለመንቱን ይጠቀሙ።
- የጎን አምድ። የምድብ ዝርዝርን ለማግኘት፣ ወደ የመልዕክት ዝርዝር እና የቅርብ ጊዜ ልጥፎች ጠቅ ያድርጉ።
- ለድር ጣቢያ አስማሚ ሜኑ እንዴት እንደሚሰራ? ወደ ምልክት ማድረጊያው ክፍል ያክሉ። ይህ ኮድ ይዘቱን ከሚፈለገው መጠን ጋር በማስማማት የምናሌውን ቁመት ይለውጣል።
ሚኒ-ጋለሪ በመፍጠር ላይ
ምላሽ የሚሰጥ የኤችቲኤምኤል እና የሲኤስኤስ ድረ-ገጽ እንዴት እንደሚሰራ በማወቅ ምንጭዎን ለማንኛውም መግብሮች ተስማሚ በሆነ ጠቃሚ እና አስደሳች ይዘት መሙላት ይችላሉ ለምሳሌ ሚኒ-ጋለሪ።
በርካታ ምስሎችን ወደ HTML ለማከል የሚከተሉትን ንጥረ ነገሮች ተጠቀም፡
እና እያንዳንዱ ምስል ከተለያዩ ጥራቶች ጋር መስተጋብር ለመፍጠር እና መጠኑን ለመቀየር CSS3: ይጠቀሙ።
div.image_ጋለሪ {
ህዳግ፡ 0 ራስ፤
ስፋት፡ 1000 ፒክስል፤
ደቂቃ-ወርድ፡ 500px፤
}
img {
ከፍተኛ-ስፋት፡ 48%፤
padding: 1%; / ትንሽ ንጣፍ ለምስሎች /
}
ያ ነው፣ የእርስዎ ሚኒ-ጋለሪ ዝግጁ ነው። አሁን የድር ጣቢያዎን ለተለያዩ መሳሪያዎች እንዴት ምላሽ መስጠት እንደሚችሉ ያውቃሉ።
የስራውን ጥራት እንዴት ማረጋገጥ እንደሚቻል
- Google Chrome። አንዴ በአሳሹ ውስጥ F12 ን ይጫኑ። ከዚያ በኋላ አንድ ፓነል ይከፈታል - የሚፈልጉትን የመግብር አዶ ላይ ጠቅ ያድርጉ ፣ ለምሳሌ ፣ ጡባዊ ወይም ስማርትፎን። እና ከሚቀጥለው ምናሌ ውስጥ አስፈላጊውን ጥራት ይምረጡ።
- መሣሪያ። ጣቢያውን በIFrame በኩል በመጫን አስማሚውን አቀማመጥ ማረጋገጥ የሚችሉበት ፕሮግራም። እዚያ የተለያዩ ጥራቶች ያላቸውን የመሳሪያዎች ዝርዝር ያያሉ።
- ምላሽ ሰጪ ንድፍ. ነው። ይህ የመዝናኛ ምንጭ ነው. በመጀመሪያ, ጣቢያው በ IFrame መስኮቶች ውስጥ ተጭኗል, ከዚያም ወደ አፕል ስክሪኖች ተላልፏል. ይህ የማሳያ ቅጽበታዊ ገጽ እይታዎችን ለማንሳት በጣም ምቹ ያደርገዋል።
