በ com.score Inc. መሠረት ከ 100 ሚሊዮን በላይ ሸማቾች ስማርት ስልኮቻቸውን ይጠቀማሉ። ለዚህ መማሪያ ፣ የህልም መሸጫ CS5 እና ከዚያ በላይ ያስፈልግዎታል። ይህ ጽሑፍ የጃኪ ሞባይል ድር ጣቢያ እንዴት እንደሚፈጥር በዝርዝር ይገልጻል።
ደረጃዎች
ደረጃ 1. Dreamweaver ን ይክፈቱ እና ወደ ፋይል> አዲስ ይሂዱ።
ከዚያ “አዲስ ሰነድ” መስኮት ያያሉ። በግራ በኩል ፣ “ገጽ ከናሙና” የሚለውን አማራጭ መምረጥ እና በሚቀጥለው አምድ ውስጥ ፣ “የሞባይል ማስጀመሪያዎች” ፣ ከዚያ “jQuery Mobile (CDN)” ን መምረጥ ይፈልጋሉ
ደረጃ 2. ገጾቹን ይፍጠሩ።
አንዴ የ jQuery ሞባይል (ሲዲኤን) ፋይል ከከፈቱ ፣ ከዚህ ጋር የሚመሳሰል ገጽ ያያሉ-
ምንም እንኳን ይህ በቴክኒካዊ አንድ ገጽ ሰነድ ቢሆንም ፣ እያንዳንዱ ራስጌ የተለየ “ገጽ” ይወክላል። ለምሳሌ “ገጽ አንድ” ለሞባይል ድር ጣቢያ መነሻ ገጽ ነው ፣ “ገጽ ሁለት” ስለ እኛ ገጽ ፣ “ገጽ ሶስት” የእርስዎ አገልግሎቶች ገጽ እና የመሳሰሉት ሊሆኑ ይችላሉ።
ደረጃ 3. ኮዱን ይመልከቱ።
ለመሠረታዊ ኤችቲኤምኤል የማታውቁ ከሆነ እነዚህ እርምጃዎች በጣም አስቸጋሪ ሊሆኑ ይችላሉ። ይዘቱን ለመፍጠር ፣ በ Dreamweaver ላይ በ “የተከፈለ እይታ” ውስጥ ለመስራት ይሞክሩ። ወደዚያ ሁናቴ እንዴት መድረስ እንደሚቻል ከፋይል ምናሌው በታች የ Dreamweaver የግራ እጅ ጥግን ከተመለከቱ እንደዚህ ያሉ አራት “ኮድ ፣ መከፋፈል ፣ ዲዛይን እና መኖር” ያሉ አራት አማራጮችን ያያሉ።
የደመቀውን አማራጭ “መከፋፈል” ይምረጡ ፣ እና የኮድን እይታ እና ትክክለኛውን ጣቢያ ጎን ለጎን ያያሉ። ኮዱን ይመልከቱ።
ደረጃ 4. ለእያንዳንዱ ገጽ ራስጌዎችን ያርትዑ።
አለ (div data-role = "page") ፣ ይህ ማለት የአዲስ ገጽ መጀመሪያ ነው ማለት ነው። እያንዳንዱ ገጽ ከ “div data-role =” ገጽ”ቁጥር ጋር የተቆራኘ መሆኑን ልብ ይበሉ ሁለተኛው ገጽ ፣‹ div data-role = “ገጽ” ›ሦስተኛው ገጽ እና የመሳሰሉት
'div data-role = "header"' የራስጌ አካባቢ ነው ፣ እና የራስዎን መረጃ በሁለቱ "h1" እና "/h1" መለያዎች መካከል ያስቀምጣሉ።
ደረጃ 5. ይዘቱን እና የምናሌ ንጥሎችን ያርትዑ።
'div data-role = "ይዘት"' የይዘቱ ክፍል መጀመሪያ ነው። የእያንዳንዱን ገጽ ትክክለኛ ይዘት የሚያስቀምጡበት ይህ ነው። በመጀመሪያው ገጽ ላይ የሚከተለው እንዳለ ልብ ይበሉ
-
እና ትክክለኛውን የድር ገጽ ከተመለከቱ ፣ የመጀመሪያው ገጽ የአገናኞች ዝርዝር እንዳለው ያያሉ። 'ul data-role = "listview"' ማለት በይዘት አካባቢ ውስጥ የአገናኞች ዝርዝር ይፈልጋሉ ማለት ነው። ማንኛውንም ምናሌ ንጥሎችን ወይም 'data-role = "listview"' ን ሲያክሉ ትክክለኛውን ጽሑፍ ከትክክለኛ ገጾች ጋር ማገናኘቱን ያረጋግጡ።. ለምሳሌ ገጽ ሁለት “ስለ እኛ” ፣ ገጽ ሶስት “የእኛ አገልግሎት” ከሆነ ፣ እና ገጽ አራት “እኛን ያነጋግሩን” ከሆነ የሚከተሉትን ማድረግ ይፈልጋሉ
በ Dreamweaver ደረጃ 5 ጥይት 1 የሞባይል ድር ጣቢያ ይፍጠሩ -
አሁን ይዘትን ለማርትዕ ፣ ጽሑፍዎን በ ‹div data-role =“content”እና”/div”መለያዎች መካከል ያስቀምጡ። ለምሳሌ:
በ Dreamweaver ደረጃ 5 ጥይት 2 የሞባይል ድር ጣቢያ ይፍጠሩ
ደረጃ 6. ግርጌውን ያርትዑ።
ግርጌውን ለማርትዕ በቀላሉ ጽሑፍዎን በ “ገጽ ግርጌ” ጽሑፍ ምትክ ያስቀምጡ።
ደረጃ 7. ድር ጣቢያዎን በ “ቀጥታ ሁኔታ” ውስጥ ይመልከቱ።
ወደ “የተከፈለ ሁኔታ?” የት እንደቀየሩ ያስታውሱ። እዚያ አካባቢ ፣ “ቀጥታ” የሚል ቁልፍ አለ። በዚያ ላይ ጠቅ ያድርጉ ፣ እና ድር ጣቢያዎ በስልክ ላይ ምን እንደሚመስል ያያሉ!
