ሮል ሌቨር ምስል እርስዎ ወይም ደንበኛዎ መዳሱ በሚሰፋበት ጊዜ በሌላ ምስል ላይ የሚቀይር ምስል ነው. እነዚህ በአብዛኛው እንደ አዝራሮች ወይም ትሮች የመሳሰሉ የበይነተገናኝ ስሜት ለመፍጠር በብዛት ጥቅም ላይ ይውላሉ. ነገር ግን ስለማንኛውም ነገር ሮልቨር ምስሎችን መፍጠር ይችላሉ.
ይሄ አጋዥ ስልጠናው በ Dreamweaver ውስጥ የመዝለል ብርሃን ምስል ለመፍጠር እንዲያግዝ የታቀደ ነው. የሚከተሉትን የ Dreamweaver ስሪቶች በመጠቀም ለሚጠቀሙ ሰዎች ያገለግላል.
- Dreamweaver MX
- Dreamweaver MX 2004
- Dreamweaver 8
- Dreamweaver CS3
- Dreamweaver CS4
- Dreamweaver CS5
- Dreamweaver CS6
ለዚህ አጋዥ ሥልጠና መስፈርቶች
- Dreamweaver
ከላይ ከተዘረዘሩት ስሪቶች አንዱ. - የመጀመሪያው ምስል
ይህን ምስል ማመቻቸትዎን ያረጋግጡ. ይሄ የእርስዎ ገጾች በፍጥነት እንዲጫኑ ያግዛል. - ሮልፎርማን ምስል
ይህ ምስል ከመጀመሪያው ምስል ተመሳሳይ ልኬቶች ሊኖረው ይገባል. እና ልክ እንደ መጀመሪያው ምስል, የገጽ ጭነት ጊዜዎችን ለማገዝ መነሳት አለበት. - አንድ ድረ-ገጽ
ይህ የዝግግር ምስልዎን የሚያስቀምጥበት የ HTML ገጽ ነው.
01 ቀን 06
መጀመር
- Dreamweaver ን ጀምር
- የእርስዎ ሮሌት እንዲፈልጉ የሚፈልጉትን ድረ-ገጽ ይክፈቱ
02/6
የ Rollover Image Image Object ያስገቡ
Dreamweaver የሮልቨር ምስል ለመፍጠር ቀላል ያደርገዋል.
- ወደ አስገባ ምናሌው እና ወደ «የምስል እቃዎች» ንዑስ ምናሌ ይሂዱ.
- «የፎላርልወርድን» ወይም «የ Rollover ምስል» የሚለውን ይምረጡ
አንዳንድ የቆዩ የ Dreamweaver ስሪቶች ይልቁንስ የምስል አይነቶችን «በይነተገናኝ ምስሎች» ይባላሉ.
03/06
ለ Dreamweaver ይንገሩ ጥቅም ላይ የሚውሉ ምስሎች
Dreamweaver የዝግጅት ምስልዎን ለመፍጠር የሚያስፈልጉ መስኮችን የያዘ የመገናኛ ሳጥን ይታወቃል.
የምስል ስም
ለገፁ ልዩ የሆነ የምስል ስም ይምረጡ. ሁሉም አንድ ቃል መሆን አለበት, ግን ቁጥሮች, ሰረዘዘብጥ (_) እና አቆራኝ (-) መጠቀም ይችላሉ. ይህ የሚቀየረው ምስል ለመለየት ስራ ላይ ይውላል.
ዋና ምስል
ይህ በገጹ ላይ የሚጀምረው የዩአርኤል ወይም አካባቢ ነው. በዚህ መስክ አንጻራዊ ወይም ሙሉ በሙሉ የጀርባ ዩ አር ኤልዎችን መጠቀም ይችላሉ. ይሄ በድር አገልጋይዎ ላይ የሚገኝ ወይም በገጹ ላይ ሊሰቅሉት የሚችል ምስል መሆን አለበት.
የተሽከርካሪ ምስል ምስል
ይህ ምስሉን ሲያነሱ የሚታየው ምስል ነው. ልክ እንደ መጀመሪያው ምስል, ይሄ ለሙሉ ፍፁም ወይም አንጻራዊ በሆነ መንገድ ሊሆን ይችላል, እና እሱ ገፅ ላይ በሚሰቅልበት ጊዜ ሊኖር ወይም ሊሰቀል ይችላል.
የ Rollover ምስል አስቀድመው ይጫኑ
ይህ አማራጭ በፍላጎት ተመርጧል ምክንያቱም ሮልባው በፍጥነት እንዲታይ ይረዳል. ሮል ሌቨር ምስልን አስቀድመው ለመጫን በመምረጥ, የድር አሳሹ መዳፊቱ እስኪያልቅ ድረስ በመሸጎጫ ውስጥ ያስቀምጠዋል.
ተለዋጭ ጽሑፍ
ጥሩ አማራጭ ጽሑፍ ምስሎችዎን ይበልጥ ተደራሽ ያደርገዋል. ማንኛውንም ምስሎች በማከል ጊዜ አንድ አይነት አማራጭ ጽሑፍን መጠቀም አለብዎት.
ጠቅ ማድረግ ሲፈልጉ ወደ URL ይሂዱ
አብዛኛዎቹ ሰዎች በአንድ ገጽ ላይ ሲያዩ በምስሉ ላይ ጠቅ ያድርጉ. ስለዚህ ጠቅ ማድረግ እንዲችሉ ለማድረግ የመታ ልማድ መሆን አለብዎት. ይህ አማራጭ ተመልካቹ ምስሉን ሲጫኑ ወደ ገጹ እንዲወስዱ ያስችልዎታል. ነገር ግን ይህ ሮሌቨር ለመፍጠር ይህ አማራጭ አያስፈልግም.
ድህረ ገፆቹን በሙሉ ካጠናቀቁ በኋላ Dreamweaver ን የመልቀቂያ ምስልዎን እንዲፈጥሩ ለማድረግ እሺን ጠቅ ያድርጉ.
ቀጣዩ ገጽ Dreamweaver የሚጽፍበትን ስክሪፕት ያሳያል.
04/6
Dreamweaver ለጃቫስክሪፕት ይጽፋል
ገጹን በኮድ-እይታ ውስጥ ከከፈትክ Dreamweaver የ HTML ሰነድህ <ራስ> ውስጥ የጃቫስክሪፕት ማዕከላትን ያመጣልሃል. ይህ ማቅለሚያ አይነቴዎች በሚያስገቡበት ጊዜ ምስሎችን ለመለየት የሚያስፈልጉትን 3 ተግባራት ያካተተ ነው.
ተግባር MM_swapImgRestore ()
ተግባር MM_findObj (n, d)
ተግባር MM_swapImage ()
ተግባር MM_preloadImages ()
05/06
Dreamweaver ኤች ቲ ኤም ኤል ለዋጋው ዉስጥ ያክላል
Dreamweaver የሬይልጌቨር ምስሎችን አስቀድመው እንዲጫኑ ከመረጡ ታዲያ በሰነድዎ አካል ውስጥ ምስሎችዎ በፍጥነት እንዲጫኑ ለመጫን የቅድመ-ግዛት ስክሪፕት ለመደወል ይችላሉ.
onload = "MM_preloadImages ('shasta2.jpg')"
እንዲሁም Dreamweaver በተጨማሪም ለእርስዎ ምስል ሁሉንም ኮድ እና አገናኞችን (ዩአርኤልን ካካተቱ) ያገናኛል. የመልቀቂያው ክፍል እንደማለት እና ማለፊያን ባህሪያት ወደ የመልህቲው መለያዎች ላይ ታክሏል.
onmouseout = "MM_swapImgRestore ()"
onmouseover = "MM_swapImage ('Image1', '', shasta1.jpg ', 1)"
06/06
Rollover ን ይሞክሩት
ሙሉ በሙሉ ተግባራዊ የሆነ የዝላይን ምስል ይመልከቱና በ Shasta's mind ላይ ያለውን ምንነት ይረዱ.