Skip to main content

డ్రీమ్వీవర్లో ఒక రిలేవర్వర్ ఇమేజ్ను సృష్టించడం కోసం ట్యుటోరియల్

:

Anonim

మీరు లేదా మీ కస్టమర్ దానిపై మౌస్ను రోల్స్ చేస్తున్నప్పుడు, ఇతర చిత్రంకు మార్చిన చిత్రం ఒక చెల్లింపు చిత్రం. ఈ సాధారణంగా బటన్లు లేదా టాబ్లు వంటి ఇంటరాక్టివ్ భావాన్ని సృష్టించడానికి ఉపయోగిస్తారు. కానీ మీరు ఏదైనా గురించి కేవలం చెల్లింపుల చిత్రాలను సృష్టించవచ్చు.

ఈ ట్యుటోరియల్ మీరు డ్రీమ్వీవర్ లో ఒక చెల్లింపులో చిత్రం సృష్టించడానికి సహాయం రూపొందించబడింది. ఇది డ్రీమ్వీవర్ యొక్క క్రింది సంస్కరణలను ఉపయోగించి ప్రజల కోసం ఉద్దేశించబడింది:

  • డ్రీమ్వీవర్ MX
  • డ్రీమ్వీవర్ MX 2004
  • డ్రీమ్వీవర్ 8
  • డ్రీమ్వీవర్ CS3
  • డ్రీమ్వీవర్ CS4
  • డ్రీమ్వీవర్ CS5
  • డ్రీమ్వీవర్ CS6

ఈ ట్యుటోరియల్ కొరకు అవసరాలు

  • డ్రీమ్వీవర్పైన జాబితా వెర్షన్లు ఒకటి.
  • అసలు చిత్రంఈ చిత్రాన్ని ఆప్టిమైజ్ చేయడానికి నిర్ధారించుకోండి. ఇది మీ పేజీలను త్వరగా లోడ్ చేయడానికి సహాయపడుతుంది.
  • చెల్లింపులో చిత్రంఈ చిత్రం అసలైన చిత్రంతో సమాన కొలతలు ఉండాలి. మరియు, అసలు చిత్రం వంటి, పేజీ లోడ్ సార్లు సహాయం సర్వోత్తమ చేయాలి.
  • వెబ్ పేజీఇది మీరు మీ చెల్లింపుదారు చిత్రాన్ని ఉంచే HTML పేజీ.

ప్రారంభించడానికి

  1. డ్రీమ్వీవర్ ప్రారంభించండి
  2. మీ పురోగతి కావలసిన వెబ్ పుటను తెరవండి

ఒక పునఃప్రవాహ చిత్రం ఆబ్జెక్ట్ను చొప్పించండి

డ్రీమ్వీవర్ ఒక చెల్లింపులో చిత్రం సృష్టించడానికి సులభం చేస్తుంది.

  1. చొప్పించు మెనుకు వెళ్ళండి మరియు డౌన్ చిత్రం ఆబ్జెక్ట్స్ ఉప మెను.
  2. ఎంచుకోండి చిత్రం చెల్లింపులో లేదా రీలోవర్ చిత్రం.

డ్రీమ్వీవర్ యొక్క కొన్ని పాత సంస్కరణలు బదులుగా చిత్రం వస్తువులు "ఇంటరాక్టివ్ ఇమేజెస్" అని పిలుస్తాయి.

డ్రీమ్వీవర్ ఏ చిత్రాలు ఉపయోగించాలో చెప్పండి

డ్రీమ్వీవర్ ఒక డైలాగ్ బాక్స్ను మీ చెల్లింపులో ఉన్న చిత్రం సృష్టించడానికి మీరు నింపవలసిన ఫీల్డ్లతో పాప్ చేస్తుంది.

చిత్రం పేరు

పేజీ కోసం ప్రత్యేకమైన చిత్రం పేరుని ఎంచుకోండి. ఇది అన్నింటికీ ఉండాలి, కానీ మీరు సంఖ్యలు, అండర్ స్కోర్లు (_) మరియు హైపెన్లను (-) ఉపయోగించవచ్చు. మార్చడానికి చిత్రం గుర్తించడానికి ఇది ఉపయోగించబడుతుంది.

అసలు చిత్రం

ఇది పేజీలో ప్రారంభమయ్యే చిత్రం యొక్క URL లేదా స్థానం. మీరు ఈ రంగంలో సాపేక్ష లేదా సంపూర్ణ మార్గం URL లను ఉపయోగించవచ్చు. ఇది మీ వెబ్ సర్వర్లో ఉన్న ఒక చిత్రం అయి ఉండాలి లేదా మీరు పేజీతో అప్లోడ్ చేస్తాం.

రిల్లోవర్ చిత్రం

ఇమేజ్ మీద మౌస్ మీద కనిపించే చిత్రం ఇది. అసలు చిత్రం లాగా, ఇది చిత్రానికి ఒక ఖచ్చితమైన లేదా సాపేక్ష మార్గంగా చెప్పవచ్చు మరియు మీరు పేజీని అప్లోడ్ చేసినప్పుడు ఇది ఉనికిలో లేదా అప్లోడ్ చేయబడుతుంది.

ప్రీలోడ్ రోలోవర్ చిత్రం

ఈ ఐచ్ఛికం డిఫాల్ట్గా ఎంపిక చేయబడింది, ఎందుకంటే చెల్లింపుదారు మరింత త్వరగా కనిపిస్తుంది. చెల్లింపుల చిత్రాన్ని ప్రీలోడ్ చేయడానికి ఎంచుకోవడం ద్వారా, మౌస్ దానిపై మౌస్ చుట్టే వరకు వెబ్ బ్రౌజర్ ఒక కాష్లో నిల్వ చేస్తుంది.

ప్రత్యామ్నాయ టెక్స్ట్

మంచి ప్రత్యామ్నాయ వచనం మీ చిత్రాలను మరింత యాక్సెస్ చేస్తుంది. ఏదైనా చిత్రాలను జోడించేటప్పుడు మీరు ప్రత్యామ్నాయ వచనాన్ని ఎల్లప్పుడూ ఉపయోగించాలి.

క్లిక్ చేసినప్పుడు, URL కి వెళ్ళు

ఒక పేజీలో ఒకరు చూసినప్పుడు చాలా మంది వ్యక్తులు ఒక చిత్రంపై క్లిక్ చేస్తారు. సో మీరు వాటిని క్లిక్ చేయగల అలవాటు ఉండాలి. ఈ ఐచ్చికం వీక్షకుడిని చిత్రంపై క్లిక్ చేసినప్పుడు వాటిని తీసుకోవడానికి పేజీ లేదా URL ను పేర్కొనడానికి మిమ్మల్ని అనుమతిస్తుంది. కానీ ఈ ఎంపికను చెల్లించాల్సిన అవసరం లేదు.

మీరు అన్ని ఫీల్డ్లను పూర్తి చేసినప్పుడు, క్లిక్ చేయండి అలాగే మీ చెల్లింపులో చిత్రం సృష్టించడానికి డ్రీమ్వీవర్ కలిగి.

డ్రీమ్వీవర్ మీ కోసం JavaScript ను వ్రాస్తుంది

మీరు కోడ్-వ్యూలో పేజీని తెరిస్తే మీకు డ్రీమ్వీవర్ జావాస్క్రిప్ట్ యొక్క బ్లాక్ను ఇన్సర్ట్ చేస్తుంది మీ HTML పత్రం యొక్క. ఈ బ్లాక్ మీరు వాటి కోసం ఎంచుకున్నట్లయితే మౌస్ మరియు వాటిలో ప్రీలోడ్ ఫంక్షన్ పై చిత్రించినప్పుడు మీరు చిత్రాలను స్వాప్ చేయాలి 3 ఫంక్షన్లను కలిగి ఉంటుంది.

ఫంక్షన్ MM_swapImgRestore ()ఫంక్షన్ MM_findObj (n, d)ఫంక్షన్ MM_swapImage ()ఫంక్షన్ MM_preloadImages ()

డ్రీమ్వీవర్ HTML కోసం రిలేవర్ కోసం జోడిస్తుంది

మీరు డ్రీమ్వీవర్ ప్రీలోడెడ్ రోలెవర్ చిత్రాలను ఎంచుకున్నట్లయితే, మీరు మీ పత్రం యొక్క శరీరంలోని HTML కోడ్ను చూస్తారు, ఎందుకంటే ప్రీలోడ్ స్క్రిప్ట్ ను కాల్ చేయండి, తద్వారా మీ చిత్రాలు త్వరగా లోడ్ అవుతాయి.

onload = "MM_preloadImages ( 'shasta2.jpg')"

డ్రీమ్వీవర్ మీ చిత్రానికి అన్ని కోడ్లను జత చేస్తుంది మరియు దానిని (మీరు ఒక URL చేర్చబడితే) లింక్ చేస్తుంది. చెల్లింపులో భాగం అంగుళాల ట్యాగ్లో ఆన్మౌస్ ఓవర్ మరియు ఆన్మౌస్ఔట్ లక్షణాలు వంటివి చేర్చబడ్డాయి.

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

రిలేట్ అవుట్ ది రోలవర్

పూర్తిగా ఫంక్షనల్ రోలెవర్ చిత్రాన్ని చూడండి మరియు శాస్టా యొక్క మనస్సులో ఏమిటో తెలుసుకోండి.