எப்படி ட்ரீம்வீவர் ஒரு புரட்சி படத்தை உருவாக்குவது

ஒரு rollover படத்தை நீங்கள் அல்லது உங்கள் வாடிக்கையாளர் அதை சுட்டி சுட்டி போது வேறு சில படத்தை மாற்றும் ஒரு படம். இந்த பொதுவாக பொத்தான்கள் அல்லது தாவல்கள் போன்ற ஒரு ஊடாடும் உணர்வு உருவாக்க பயன்படுத்தப்படுகின்றன. ஆனால் நீங்கள் எந்தவொரு விஷயத்தையும் வெளியேற்றும் படங்களை உருவாக்க முடியும்.

ட்ரீம்வீவரில் நீங்கள் ஒரு மாற்றம் செய்வதை உருவாக்க உதவும் வகையில் வடிவமைக்கப்பட்டுள்ளது. ட்ரீம்வீவர் பின்வரும் பதிப்பைப் பயன்படுத்தி மக்கள் பயன்படுத்தும் நோக்கத்திற்காக இது உள்ளது:

• ட்ரீம்வீவர் MX
• ட்ரீம்வீவர் எம்எக்ஸ் 2004
• ட்ரீம்வீவர் 8
• ட்ரீம்வீவர் சிஎஸ் 3
• ட்ரீம்வீவர் CS4
• ட்ரீம்வீவர் CS5
• ட்ரீம்வீவர் CS6

இந்த டுடோரியலுக்கான தேவைகள்

• ட்ரீம்வீவர்
  மேலே பட்டியலிடப்பட்ட பதிப்புகளில் ஒன்று.
• அசல் படம்
  இந்த படத்தை மேம்படுத்த வேண்டும் என்பதை உறுதிப்படுத்தவும். இது உங்கள் பக்கங்களை விரைவாக ஏற்ற உதவுகிறது.
• மாற்றம் செய்வது படம்
  இந்த படம் அசல் படத்தின் அதே பரிமாணங்களாக இருக்க வேண்டும். மேலும், அசல் படத்தைப் போல, பக்க சுமை முறைகளுக்கு உதவ உகந்ததாக இருக்க வேண்டும்.
• வலைப்பக்கம்
  இது உங்கள் பக்கமாக்கிய படத்தை வைக்கும் HTML பக்கமாகும்.

06 இன் 01

தொடங்குங்கள்

1. ட்ரீம்வீவர் தொடங்கவும்
2. நீங்கள் உங்கள் ரோலொவர் விரும்பும் வலைப்பக்கத்தை திறக்கவும்

06 இன் 06

ஒரு மறுவரிசைப்படுத்த பட பட பொருள் செருகவும்

ட்ரீம்வீவர் ஒரு ரோவர்ஓவர் படத்தை உருவாக்க எளிதாக்குகிறது.

1. Insert மெனுவிற்கு சென்று "Image Objects" துணை மெனுவிற்கு செல்க.
2. "படத்தை மாற்றம் செய்வது" அல்லது "புரோகிராம் படத்தை" தேர்ந்தெடுக்கவும்

ட்ரீம்வீவர் சில பழைய பதிப்புகள் அதற்கு பதிலாக பட பொருள்கள் "ஊடாடும் படங்கள்" என்று அழைக்கின்றன.

06 இன் 03

ட்ரீம்வீவர் என்ன படங்களை பயன்படுத்த வேண்டும் என்று கூறுங்கள்

ட்ரீம்வீவர் ஒரு டைலோக் பாக்ஸை உங்கள் ரோவர்ஓவர் படத்தை உருவாக்க நிரப்ப வேண்டும்.

படத்தின் பெயர்

பக்கம் தனித்துவமான படப் பெயரைத் தேர்வுசெய்யவும். இது அனைத்து ஒரு வார்த்தை இருக்க வேண்டும், ஆனால் நீங்கள் எண்களை, underscores (_) மற்றும் இணைப்புகளை (-) பயன்படுத்த முடியும். மாற்ற படத்தை மாற்றுவதற்கு இது பயன்படும்.

அசல் படம்

இது பக்கத்திலிருக்கும் படத்தின் URL அல்லது இருப்பிடம். நீங்கள் இந்தப் புலத்தில் உறவினர் அல்லது முழுமையான URL ஐப் பயன்படுத்தலாம். இது உங்கள் இணைய சேவையகத்தில் இருக்கும் படமாக இருக்க வேண்டும் அல்லது பக்கத்துடன் பதிவேற்றலாம்.

புளூவார்ட் பட

படத்தின் மீது சுட்டி வந்த போது தோன்றும் படம் இதுதான். அசல் படத்தைப் போலவே இது படத்திற்கான ஒரு முழுமையான அல்லது உறவினர் பாதையாக இருக்கலாம், மேலும் பக்கத்தை பதிவேற்றும்போது அது இருக்க வேண்டும் அல்லது பதிவேற்றப்பட வேண்டும்.

முன்னதாகவே பதிவேற்றும் படம்

இந்த விருப்பம் முன்னிருப்பாகத் தேர்ந்தெடுக்கப்பட்டது, ஏனென்றால் மாற்றம் செய்வதை அதிகரிப்பது விரைவாக தோன்றும். மாற்றம் செய்வதன் படத்தை முன்னதாக ஏற்றுவதன் மூலம், வலை உலாவி சுட்டி அதை சுட்டி வரை அதை சேமித்து வைக்கும்.

மாற்று உரை

நல்ல மாற்று உரை உங்கள் படங்களை இன்னும் அணுகக்கூடியதாக்குகிறது. ஏதாவது படங்களை சேர்க்கும் போது நீங்கள் எப்போதாவது மாற்று உரை பயன்படுத்த வேண்டும்.

கிளிக் செய்தால், URL க்கு செல்க

ஒரு பக்கத்தில் ஒரு பகுதியைப் பார்க்கும் போது, ​​பெரும்பாலானோர் படத்தில் கிளிக் செய்கிறார்கள். எனவே நீங்கள் அவற்றை கிளிக் செய்யக்கூடிய பழக்கத்தில் இருக்க வேண்டும். இந்த விருப்பம் பார்வையாளரை படத்தில் கிளிக் செய்யும் போது அவற்றை எடுக்க பக்க அல்லது URL ஐ குறிப்பிடுவதற்கு உங்களை அனுமதிக்கிறது. ஆனால் இந்த விருப்பம் ஒரு ரோலொவர் உருவாக்க தேவையில்லை.

நீங்கள் அனைத்து துறைகள் முடிந்ததும், சரி என்பதை கிளிக் செய்யவும் ட்ரீம்வீவர் உங்கள் ரோவர்ஓவர் படத்தை உருவாக்க வேண்டும்.

அடுத்த பக்கம் ட்ரீம்வீவர் எழுதுகின்ற ஸ்கிரிப்ட் காட்டுகிறது.

06 இன் 06

ட்ரீம்வீவர் உங்களுக்காக ஜாவாஸ்கிரிப்ட் எழுதுகிறார்

குறியீட்டு பார்வையில் பக்கத்தை நீங்கள் திறந்தால், உங்கள் HTML ஆவணத்தின் என்பதில் ட்ரீம்வீவர் JavaScript ஐ ஒரு பிளாக் செருகுவதை நீங்கள் காண்பீர்கள். இந்த தொகுதி நீங்கள் சுட்டி அவற்றை சுழற்றும் போது படங்களை மாற்ற வேண்டும் 3 செயல்பாடுகளை உள்ளடக்கியது மற்றும் நீங்கள் அந்த தேர்வு செய்தால் முன் பதிவு செயல்பாடு.

செயல்பாடு MM_swapImgRestore ()
செயல்பாடு MM_findObj (n, d)
செயல்பாடு MM_swapImage ()
செயல்பாடு MM_preloadImages ()

06 இன் 05

ட்ரீம்வீவர் புரோகிராம் HTML ஐ சேர்க்கிறது

நீங்கள் ட்ரீம்வீவர் முன்னிலைத்தலைவரிசை படங்களைத் தேர்ந்தெடுத்திருந்தால், உங்கள் படத்தின் உடலில் HTML குறியீட்டை நீங்கள் காண்பீர்கள், இதனால் உங்கள் படங்களை விரைவாக ஏற்றுவதற்கு முன்னதாகவே முன்னிலைப்படுத்த வேண்டும்.

ஏற்றும்போது = "MM_preloadImages ( 'shasta2.jpg')"

ட்ரீம்வீவர் உங்கள் படத்திற்கான அனைத்து குறியீடையும் சேர்க்கிறது (நீங்கள் ஒரு URL ஐ கொண்டிருந்தால்) அதை இணைக்கிறது. மேலோட்டப்பார்வை பகுதியை அசைவூட்டம் மற்றும் onmouseout பண்புக்கூறுகளாக நங்கூரம் குறிச்சொல் சேர்க்கப்பட்டுள்ளது.

onmouseout = "MM_swapImgRestore ()"
onmouseover = "MM_swapImage ( 'Image1', '', 'shasta1.jpg', 1)"

06 06

ரெலோவை அவுட் சோதனை

முழு செயல்பாட்டு மாற்றம் படத்தை பார்க்கவும் மற்றும் ஷாஸ்டாவின் மனதில் என்னவென்பதை அறியவும்.