Dreamweaver ለድረ ገጽዎ ተቆልቋይ ምናሌዎችን ለመፍጠር ቀላል ያደርገዋል. ነገር ግን እንደማንኛውም የኤች ቲ ኤም ኤል ቅርጾች ትንሽ ውስብስብ ሊሆኑ ይችላሉ. ይህ አጋዥ ስልጠና Dreamweaver ውስጥ ተቆልቋይ ምናሌ ለመፍጠር በሂደቶቹ ውስጥ ያስችልዎታል.
Dreamweaver Jump Menus
ድህረ ገፁ ላይ በድረ ገጽዎ ውስጥ ለመርገጥ የሚያስችል የዝላይን ሜኑ ለመፍጠር Dreamweaver 8 አንድ አዋቂን ያቀርባል. ከመሠረታዊ የጽሁፍ ተቆልቋይ ምናሌዎች በተለየ, ይህ ምናሌ ሲጨርሱ አንድ ነገር ያከናውናሉ. ተቆልቋይ ቅርጸትዎ እንዲሰራ ለማድረግ ማንኛውንም ጃቫስክሪፕት ወይም CGIs መጻፍ አያስፈልግዎትም. ይህ መማሪያም የዳንስ ሜኑ ለመፍጠር የ Dreamweaver 8 ዊዛርን እንዴት እንደሚጠቀሙ ያብራራል.
01/20
በመጀመሪያ ቅጹን ይፍጠሩ
ጠቃሚ ማስታወሻ ስለ HTML ቅጾች እና Dreamweaver:
እንደ ዝላይው ምናሌ ለየት ያሉ አዋቂዎች በስተቀር, Dreamweaver HTML ቅርጸቶችን "ስራ" እንዲሰሩ አያግድዎትም. ለዚህ CGI ወይም ጃቫስክሪፕት ያስፈልግዎታል. እባክዎን የእኔን አጋዥ ስልጠና ይመልከቱ HTML Forms ለተጨማሪ መረጃ ይሰሩ.
ወደ ድረ ገጽዎ ተቆልቋይ ምናሌን ሲያክሉ በመጀመሪያ የሚያስፈልገዎት ነገር ቅፅልዎ ነው. በ Dreamweaver ውስጥ ወደ ማስመር ምናሌ ይሂዱ እና ቅጠልን ጠቅ ያድርጉ, ከዚያ «ቅፅ» ን ይምረጡ.
02/20
የቅንጅት ማሳያዎች በንድፍ እይታ
Dreamweaver የእርስዎን ቅጽ መፈለጊያዎን በንድፍ እይታ ውስጥ ያሳያል, ስለዚህ የእርስዎ የቅጽ አባሎችን የት እንደሚቀመጡ ያውቃሉ. ይሄ አስፈላጊ ነው, ምክንያቱም ተቆልቋይ ምናሌ መለያዎች ከቅጽ አባለሰቡ ውጪ ከሆሙ (ዋጋቸውም አይሰራም) ናቸው. በምስሉ ላይ እንደሚታየው ቅርጹ በንድፍ እይታ ውስጥ ቀይ ቀይነት ያለው መስመር ነው.
03/20
ዝርዝር / ምናሌን ይምረጡ
የተቆልቋይ ምናሌዎች "ዝርዝር" ወይም "ምናሌ" ንጥሎች በ Dreamweaver ውስጥ ይጠራሉ. ስለዚህ አንድ ቅጽ ወደ ቅጽዎ ለማከል በመግቢያ ምናሌ ውስጥ ወደ ቅፅ ምናሌ ውስጥ መሄድ እና "ዝርዝር / ምናሌ" የሚለውን ይምረጡ. ጠቋሚዎ በቅጽበት ሳጥንዎ የቀይ መስመር መስመር ውስጥ መኖሩን ያረጋግጡ.
04/20
ልዩ አማራጮች መስኮት
በ Dreamweaver አማራጮች ውስጥ ተደራሽነት ማያ ገጽ አለ. Dreamweaver ሁሉንም ተደራሽነት ባህሪያትን አሳየኝ. እና ይህ ማያ ገጽ የዚህ ውጤት ነው. ቅጾችን ብዙ የድር ጣቢያዎች ተደራሽነት የሚወድቁበት ቦታ እና እነዚህን አምስት አማራጮች በመሙላት የወረደ ምናሌዎችዎ ወዲያውኑ በቀላሉ ሊገኙ ይችላሉ.
05/20
የቅፅ ተደራሽነት
የተደራሽነት አማራጮች የሚከተሉት ናቸው:
መለያስም
ይሄ የመስክ ስም ነው. በቅጽህ አባልዎ አጠገብ እንደ ጽሑፍ ይታያል.
በተቆልቋይ ምናሌው ውስጥ ምን እንደሚፈልጉ ይንገሩ. ይህ ተቆልቋይ ምናሌ እንደሚመልሰው ጥያቄ ወይም የአጭር ሐረግ ሊሆን ይችላል.
ቅጥ
ኤችኤምኤል የቅጽ መለያዎችን ለአሳሽ ለመለየት መለያ ስም ያካትታል. ምርጫዎችዎ የተቆልቋይ ምናሌውን እና በመለያው ጽሁፍ ከተለጠፈው መለያ ጋር ለማጣራት, በስያሜው መለያ ላይ ያለውን "ለ" ባህሪ ለመጠቀም, የትኛው የትርጉም መለያ ማጣቀሻውን ለመለየት, ወይም መለያ ስምን ከነጭራሹ ላለመጠቀም ነው.
ለትክክለኛ ባህሪ ለመጠቀም እመርጣለሁ, ምክንያቱም አንዳንድ ጊዜ ስሙን መሰንዘር ካስፈለገኝ, በትክክለኛው የቅጽ መስክ ላይ አብሮ መያያዝ አለበት.
ቦታ
አመልካች መለያዎን ከተቆልቋይ ምናሌው በፊት ወይም በኋላ ማስቀመጥ ይችላሉ.
የመዳረሻ ቁልፍ
በቀጥታ ወደዚያ ቅጽ መስክ ለመድረስ ከ Alt ወይም Option ቁልፎች ጋር ጥቅም ላይ ሊውል የሚችል ቁልፍ ነው. ይሄ የእርስዎን ቅጾች ሳያስፈልግ መጠቀም ቀላል ያደርገዋል. በኤች.ኤስ.ኤል ውስጥ የመዳረሻ ቁልፍን እንዴት እንደሚያዋቅሩ
የትር መረጃ ጠቋሚ
ይህ በዌብ ገጽ ውስጥ ለማሰስ የቁልፍ ሰሌዳውን በሚጠቀሙበት ወቅት የቅጽ መስኩን መድረስ ያለበት ቅደም ተከተል ነው. Tabindex ን መረዳት
የተደራሽነት አማራጮችዎን ሲያዘምኑ እሺን ጠቅ ያድርጉ.
06/20
ምናሌውን ይምረጡ
አንዴ የተቆልቋይ ምናሌዎ በንድፍ እይታ ውስጥ ከታየ በኋላ የተለያዩ ነገሮችን ያካትታል. በመጀመሪያ ደረጃ ላይ ጠቅ በማድረግ የተቆልቋይ ምናሌውን ይምረጡት. በተመረጠው ምናሌ ውስጥ, Dreamweaver ውስጥ በተመረጠው ምናሌ ውስጥ ሌላ ሰንጠረዥ ያስቀምጣል, እንደመረጡት ለማሳየት.
07/20
የምናሌ ባህሪያት
የንብሮች ምናሌ ለዚያ ዝርዝር ተቆልቋይ ዝርዝር ውስጥ ወደ ዝርዝር / ምናሌ ባህሪያት ይለወጣል. እዚያ ቦታዎን መታወቂያ መታወቂያ ("መምረጥ" በሚለው) መስጠት ይችላሉ, ሊኒ ወይም ማይዘን እንዲሆን ከፈለጉ, ከቅጥ ሉህዎ የስነ-ቁምፊውን ክፍል ስጧቸው, እና በተቆልቋይ ዋጋዎችን ይመድቡ.
በዝርዝር እና ምናሌ መካከል ያለው ልዩነት ምንድን ነው?
Dreamweaver ማንኛውም ምርጫ አንድ ብቻ የሚፈቅድ ማንኛውም ተቆልቋይ ምናሌ ይጥላል. አንድ "ዝርዝር" በተቆልቋዩ ውስጥ ብዙ ምርጫዎችን እና ከአንድ በላይ ንጥል ሊፈጅ ይችላል.
ተቆልቋይ ምናሌ ብዙ መስመሮች እንዲፈልጉ ከፈለጉ, ወደ "ዝርዝር" አይነት ይቀይሩት እና "ምርጫዎች" ሳጥን እንዳይመረጥ ይተው.
08/20
አዲስ የዝርዝር ንጥሎችን ያክሉ
ወደ እርስዎ ምናሌ አዲስ ዕቃዎችን ለማከል "ዝርዝር እሴቶች ..." የሚለውን ቁልፍ ይጫኑ. ይህ ከላይ ያለውን መስኮት ይከፍተዋል. በመጀመሪያው ንጥል የአመልካችዎን መለያ ይተይቡ. በገጹ ላይ የሚታየው ይህ ነው. ዋጋውን ባዶ ከለቀቁት, በቅጹ ውስጥ የሚቀርበው ነው.
09/20
ተጨማሪ ያክሉ እና ዳግም ስርዓት ያስይዙ
ተጨማሪ ንጥሎች ለማከል የፕላስ አዶው ላይ ጠቅ ያድርጉ. በዝርዝር ሳጥን ውስጥ ያሉትን እንደገና ለመደረዝ ከፈለጉ በቀኝ በኩል እና ወደታች ቀስቶችን ይጠቀሙ.
10/20
የሁሉም እሴት ዋጋዎችን ይስጡ
በደረጃ 8 እንደጠቀስኩት, ዋጋውን ባዶ ከለቀቁ, ስያሜው ወደ ቅጹ ይላካል. ነገር ግን ሁሉንም እቃዎችዎን ለርስዎ ቅጽ መላክ ይችላሉ. ይህን እንደነጣጭ ምናሌ ላሉ ነገሮች ብዙ ይጠቀማሉ.
11/20
ነባሪ ይምረጡ
የትኛው የትልቁ ወደታች ንጥል መጀመሪያ እንደዘገበው አይነት እንዲታይ የድር ገጾች ነባሪ ነው. ነገር ግን ሌላ የተለየ መምረጥ ከፈለጉ በ "በመጀመሪያ የተመረጠ" ሳጥን ውስጥ በአከባቢዎቹ ምናሌ ላይ ያጉሉት.
12/20
ዝርዝርዎን በንድፍ እይታ ይመልከቱ
ባህሪያቸውን ማርትዕ ካደረጉ በኋላ Dreamweaver በተመረጠው ነባሪ ዋጋዎ ላይ ተቆልቋይ ዝርዝሩን ያሳያል.
13/20
ዝርዝርዎን በቁልፍ እይታ ይመልከቱ
ወደ እይታ እይታ ከቀየሩ, Dreamweaver በንጹህ ኮድ ውስጥ ተቆልቋይ ምናሌዎን ያክላል. ብቸኛ የባህርይ መገለጫዎች የተደራሽነት አማራጮች ያከልናቸው ብቻ ናቸው. ኮዱ ገብቶ የተረዳው እና ለማንበብ በጣም ቀላል ነው. እንዲያውም XHTML በመጻፍ እንደ ዲ ኤም ሞባይል ስለሆንኩ የተመረጠውን = "የተመረጠ" ባህሪይ ውስጥ አስቀምጧል.
14/20
በአሳሽ ውስጥ አስቀምጥ እና ተመልከት
ሰነዱን ካስቀመጡት እና በድር አሳሽ ውስጥ ካዩት, የተቆልቋይ ምናሌዎ እርስዎ እንደሚጠብቁት ይመስላል.
15/20
ነገር ግን ምንም ነገር አያደርግም
ከላይ የተጠቀሰው የምናምርበት ነገር ጥሩ ይመስላል, ነገር ግን ምንም ነገር አያደርግም. አንድን ነገር ለማከናወን እንዲቻል በቅጽበት በራሱ ላይ የቅጽ እርምጃ ማዘጋጀት ያስፈልግዎታል.
እንደ እድል ሆኖ Dreamweaver ውስጣዊ ቅፅሎችን, CGIs ወይም ስክሪፕቶችን መማር ሳያስፈልግዎት ወዲያውኑ በጣቢያዎ ላይ ሊጠቀሙበት የሚችሉትን ተቆልቋይ ዝርዝር የያዘ ቅፅ ነው. የ Jump Menu ይባላል.
የ Dreamweaver ጀስት ምናሌ ከስም ስሞች እና ዩ አር ኤሎች ጋር የተቆልቋይ ምናሌ ያዘጋጃል. ከዚያ በምናሌው ውስጥ አንድ ንጥል መምረጥ ይችላሉ, እና አንድ አገናኝ ጠቅ እንደፈለጉ ሁሉ ወደዚያ አካባቢም ይንቀሳቀሳሉ.
ወደ ማስገባት ምናሌው ይሂዱ እና ቅፅን ይምረጡ እና ከዚያ ምናሌን ይዝለሉ.
16/20
ዝለል ምናሌ መስኮት
ከመደበኛ የተቆልቋይ ምናሌ በተቃራኒው, Jump የሚለው ዝርዝር የእርስዎን ምናሌ ንጥሎች ስምዎን ለመሰየም እና ቅጹ እንዴት እንደሚሰራ ዝርዝር ዝርዝሮችን ይከፍታል.
ለመጀመሪያው ንጥል "untitled1" ጽሁፉን እንዲያነብበው የሚፈልጉት እና አገናኙን የሚያከብር ዩ.አር.ኤል. ማከል አለበት.
17/20
በዝርዝርዎ ዝርዝር ላይ ንጥሎችን ያክሉ
በዝርዝር ዝረዝርዎ ላይ አዲስ ንጥል ለመጨመር የተጨማሪ ንጥል ላይ ጠቅ ያድርጉ. የሚፈልጉትን ያህል ንጥሎች ያክሉ.
18/20
የዝልት ምናሌ አማራጮች
ሁሉንም የሚፈልጓቸውን አገናኞች አንዴ ካከሉ በኋላ አማራጮችዎን መምረጥ አለብዎት:
ዩ.አር.ኤል.ዎችን ይክፈቱ
ፍርግም ቋት ካለህ አገናኞችን በተለየ ክፈፍ ውስጥ መክፈት ትችላለህ. ወይም ደግሞ በዋናው መስኮት ውስጥ ወደ ልዩ ዒላማ አማራጭ ዩአርኤል በአዲስ መስኮት ወይም በሌላ ቦታ እንዲከፈት ማድረግ ይችላሉ.
የምናሌ ስም
ምናሌዎን ለገፁ ልዩ መታወቂያ ይስጡት. ስክሪፕቱ በትክክል እንዲሠራ ይህ አስፈላጊ ነው. ብዙ የንጥል ምናሌዎችን በአንድ ቅፅ ውስጥ እንዲኖርዎ ይፈቅድልዎታል - ሁሉንም የተለያዩ ስሞችን ብቻ ይስጧቸው.
ከታች በኋላ ምናሌን ያስገቡ
ይህን መምረጥ እወዳለሁ ምክንያቱም አንዳንድ ጊዜ ስክሪፕቱ ሲቀየር አይሰራም. በተጨማሪም የበለጠ ተደራሽ ነው.
ዩ አር ኤል ለውጥ ከተደረገ በኋላ የመጀመሪያውን ንጥል ይምረጡ
እንደ የመጀመሪያ ንጥል አይነት «አንድ ምረጥ» የሚል ዓይነት ጥያቄ ካለህ ይሄንን ምረጥ. ይህ ያንን ንጥሉ በገጹ ላይ እንደታቀለው ያረጋግጣል.
19/20
Jump Menu Design እይታ
ልክ እንደ የመጀመሪያዎ ምናሌ, Dreamweaver በነባሪው ንጥል የሚታይ ሆኖ በዲዛይን እይታ የዝላይን ምናሌዎን ያዘጋጃል. ከዚያ እንደማንኛውም አይነት የተቆልቋይ ምናሌን ማርትዕ ይችላሉ.
አርትዖት ካደረጉበት, በምድቦች ላይ ያሉትን መታወቂያዎች ላለመቀጠል እርግጠኛ ይሁኑ, አለበለዚያ ስክሪፕቱ አይሰራ ይሆናል.
20/20
የውድድር ምናሌ በአሳሽ ውስጥ
ፋይሉን ማስቀመጥ እና F12 መምታት ገጹን በመረጡት አሳሽ ላይ ያሳያል. እዚያ ላይ አንድ አማራጭ መምረጥ, "Go" ን ጠቅ ያድርጉ እና የዘለላ ምናሌ ይሰራል!