Adobe Dreamweaver में किसी छवि का लिंक कैसे जोड़ें: 7 कदम

विषयसूची:

Adobe Dreamweaver में किसी छवि का लिंक कैसे जोड़ें: 7 कदम
Adobe Dreamweaver में किसी छवि का लिंक कैसे जोड़ें: 7 कदम

वीडियो: Adobe Dreamweaver में किसी छवि का लिंक कैसे जोड़ें: 7 कदम

वीडियो: Adobe Dreamweaver में किसी छवि का लिंक कैसे जोड़ें: 7 कदम
वीडियो: How to Use Trello - Beginner's Guide 2024, अप्रैल
Anonim

वेबसाइट बनाते समय, कुछ बातों का ध्यान रखना चाहिए, उनमें से एक है आपकी साइट को दर्शकों के लिए दिलचस्प बनाना। एक HTML संपादन प्रोग्राम, Dreamweaver के साथ, एक छवि को एक लिंक में परिवर्तित करना आसान है। यह लेख आपको दिखाएगा कि यह कैसे किया जाता है!

कदम

Adobe Dreamweaver चरण 1 में एक छवि के लिए एक लिंक जोड़ें
Adobe Dreamweaver चरण 1 में एक छवि के लिए एक लिंक जोड़ें

चरण 1. ड्रीमविवर खोलें।

एक मौजूदा फ़ाइल खोलें या एक नई साइट परिभाषित करें और एक नई HTML फ़ाइल बनाएं, यदि आपने पहले से ऐसा नहीं किया है।

Adobe Dreamweaver चरण 2 में किसी छवि का लिंक जोड़ें
Adobe Dreamweaver चरण 2 में किसी छवि का लिंक जोड़ें

चरण 2. जब आप एक नई HTML फ़ाइल बनाते हैं, तो Dreamweaver पहले से ही आपके लिए एक बुनियादी वेबपेज संरचना तैयार करेगा।

अपना कर्सर कहीं और टैग के बीच में दर्ज करें।

Adobe Dreamweaver चरण 3 में एक छवि का लिंक जोड़ें
Adobe Dreamweaver चरण 3 में एक छवि का लिंक जोड़ें

चरण 3. अपनी इच्छित छवि डालें।

ऐसा करने के लिए तीन वैकल्पिक तरीके हैं:

  • शीर्ष पर 'सम्मिलित करें' पैनल पर जाएं। 'छवि' पर क्लिक करें और दिखाई देने वाले उप-मेनू से 'छवि' चुनें।
  • दाईं ओर एक बार है जिसके ऊपर 'इन्सर्ट' और 'फाइल्स' लिखा हुआ है। 'चयन करें' पर क्लिक करें और फिर ड्रॉप-डाउन मेनू से 'सामान्य' पर क्लिक करें। अब, 'इमेज' पर क्लिक करके इमेज डालें। यदि वह बार प्रकट नहीं होता है, तो वहां क्लिक करें जहां 'कॉम्पैक्ट' या 'विस्तारित' कार्यक्षेत्र लिखा है। Dreamweaver की डिफ़ॉल्ट सेटिंग्स को रीसेट करने के लिए 'कॉम्पैक्ट', फिर 'रिसेट कॉम्पैक्ट' पर क्लिक करें।
  • अपने कीबोर्ड पर Ctrl+Alt+I दबाएं.
Adobe Dreamweaver चरण 4 में एक छवि के लिए एक लिंक जोड़ें
Adobe Dreamweaver चरण 4 में एक छवि के लिए एक लिंक जोड़ें

चरण 4. 'चौड़ाई' और 'ऊंचाई' फ़ील्ड पर पिक्सेल की संख्या दर्ज करके अपनी छवि का आकार समायोजित करें।

Adobe Dreamweaver चरण 5 में एक छवि के लिए एक लिंक जोड़ें
Adobe Dreamweaver चरण 5 में एक छवि के लिए एक लिंक जोड़ें

चरण 5. आपकी छवि कैसी दिखती है यह देखने के लिए 'डिज़ाइन' मोड पर जाएं।

यह देखने के लिए 'लाइव' पर क्लिक करें कि यह वास्तव में आपकी वेबसाइट पर कैसा दिखेगा।

Adobe Dreamweaver चरण 6 में एक छवि के लिए एक लिंक जोड़ें
Adobe Dreamweaver चरण 6 में एक छवि के लिए एक लिंक जोड़ें

चरण 6. छवि पर क्लिक करें।

Adobe Dreamweaver चरण 7 में एक छवि का लिंक जोड़ें
Adobe Dreamweaver चरण 7 में एक छवि का लिंक जोड़ें

चरण 7. Ctrl+S. दबाकर अपने वेब पेज को सेव करें (सहेजें) या Ctrl+⇧ Shift+S (इस रूप में सहेजें)।

टिप्स

  • यदि आप चाहते हैं कि यह आपकी छवि में एक बटन या केवल एक आकृति की तरह हो, तो फ़ोटोशॉप जैसे छवि संपादन प्रोग्राम के साथ पृष्ठभूमि को अपने वेब पेज पर एक के समान बदलें।
  • छोटे पर क्लिक करें ग्लोब इसे अपने ब्राउज़र में देखने के लिए शीर्ष पर आइकन।

सिफारिश की: