एडोब ड्रीमविवर का उपयोग कैसे करें

Adobe Dreamweaver वेब डिजाइनरों के लिए इतना शक्तिशाली उपकरण है, क्योंकि इसमें बहुत सी चीजें हैं जो आप इसके साथ कर सकते हैं। बेशक, वे सभी चीज़ें जो आप कर सकते हैं, सीखने के लिए चुनौतीपूर्ण बना देती हैं। नवीनतम संस्करण, CS5 में परिवर्तन सहित, ड्रीमविवर द्वारा किए जा सकने वाले कुछ कार्यों का पता लगाएं। और उन चीजों को देखना न भूलें जो हैं Dreamweaver CS5. से गायब है.

Adobe Dreamweaver का उपयोग करने वाले किसी व्यक्ति का चित्रण
लाइफवायर / ब्रियाना गिलमार्टिन

साइट को परिभाषित करना

  • एक नई वेबसाइट शुरू करें
  • एक वेबसाइट बनाएं
  • साइट के केवल उन हिस्सों को सेट करें जिनकी आपको आवश्यकता है, जब आपको उनकी आवश्यकता हो *CS5 में नया
  • अधिक संपूर्ण कार्यप्रवाह के लिए रिमोट, QA और परीक्षण सर्वर सेट करें *CS5 में नया
  • नई निर्देशिकाएँ बनाएँ और प्रकाशित करें
  • सिद्धांत बदलें
  • अपने पृष्ठों में मेटा डेटा शामिल करें

अपनी साइट को लाइव करना

  • एक दूरस्थ साइट को परिभाषित करें
  • वेब सर्वर पर एफ़टीपी फ़ाइलें
  • फ़ाइलों को अंदर और बाहर जांचने के लिए संस्करण नियंत्रण प्रणाली का उपयोग करें
  • अधिक उन्नत संस्करण नियंत्रण के लिए तोड़फोड़ से जुड़ें *CS5 में नया
  • अपने साथियों के लिए नोट्स छोड़ें

वेब पेज बनाना

  • WYSIWYG मोड में एक पेज लिखें
  • HTML में एक पेज लिखें
  • टेम्पलेट से एक नया पेज बनाएं
  • शुरुआत से एक नया पेज बनाएं
  • एक टेम्प्लेट बनाएं
  • अपनी साइट निर्देशिका में फ़ाइलें सहेजें
  • पृष्ठ गुणों को परिभाषित करें

सीएसएस

  • CSS स्टाइल शीट का उपयोग करें
  • इनलाइन शैलियों को जोड़ना
  • एक बाहरी स्टाइल शीट बनाएं
  • बाहरी स्टाइल शीट संलग्न करें
  • क्लास, आईडी, टैग और कंपाउंड सीएसएस चयनकर्ता बनाएं
  • मौजूदा सीएसएस नियमों को संपादित करें
  • प्रिंट करने योग्य पृष्ठों के लिए सीएसएस बनाएं
  • शैली गुणों को सक्षम और अक्षम करें *CS5 में नया
  • CSS बॉक्स मॉडल का नेत्रहीन निरीक्षण करें *CS5 में नया

मूलपाठ

  • टेक्स्ट संशोधित करें
  • विभिन्न फोंट का प्रयोग करें
  • एक लाइन ब्रेक डालें
  • विशेष वर्णों का प्रयोग करें
  • आज की तारीख शामिल करें
  • टिप्पणियाँ लिखें
  • लागू करना एचटीएमएल टैग लिखने के लिए
  • टैग में HTML विशेषताएँ जोड़ें

लिंक

  • लिंक टेक्स्ट और इमेज
  • साइट लिंक जांचें
  • डिफ़ॉल्ट लिंक रंग बदलें (लिंक, विज़िट किया गया, होवर, सक्रिय)
  • लिंक पर टूल टिप्स बनाएं
  • मेल करने के लिए लिंक बनाएं
  • वेब पेज एंकर बनाएं

इमेजिस

  • किसी पृष्ठ पर ग्राफ़िक्स जोड़ें
  • छवियों को संपादित करें
  • छवियों का आकार बदलें
  • छवियों में वैकल्पिक पाठ जोड़ें
  • छवियों में अतिरिक्त पहुंच-योग्यता विकल्प जोड़ें
  • छवियों और पाठ संरेखित करें
  • एक रोलओवर छवि बनाएं
  • उपयोग छवि मानचित्र
  • ट्रेसिंग इमेज का उपयोग करें
  • छवि प्लेसहोल्डर का प्रयोग करें
  • आतिशबाज़ी HTML डालें
  • फोटोशॉप फाइलें डालें

ख़ाका

  • शामिल किए गए मुफ्त टेम्प्लेट का उपयोग करें *CS5 में नए CSS स्टार्टर लेआउट
  • लेआउट के लिए डिव डालें
  • CSS स्टाइल पैनल में div संपादित करें
  • बिल्कुल स्थित तत्व डालें
  • संपत्ति निरीक्षक में बिल्कुल स्थित तत्वों को प्रारूपित करें
  • रूलर, ग्रिड और गाइड का उपयोग करें

सूचियों

  • बुलेटेड और क्रमांकित सूचियाँ जोड़ें
  • सूची बुलेट और नंबर अनुकूलित करें

टेबल

  • एक टेबल बनाएं
  • शीर्ष लेख पंक्तियाँ और स्तंभ जोड़ें
  • उपयोग पारदर्शी चित्र टेबल सेल को खुला रखने के लिए
  • निश्चित चौड़ाई और लचीली चौड़ाई वाले कॉलम बनाएं
  • तालिकाओं की सीमा शैली बदलें
  • तालिका के भीतर तालिका एम्बेड करें
  • सारणीबद्ध डेटा आयात करें

फार्म

  • एक मेलटू फॉर्म का प्रयोग करें
  • प्रपत्र क्रियाओं को परिभाषित करें
  • टेक्स्ट, रेडियो, चेकबॉक्स, फ़ाइल, छवि, चुनिंदा बॉक्स और छिपे हुए फॉर्म फ़ील्ड जोड़ें
  • फ़ील्डसेट और लेबल फ़ील्ड के साथ अपने फ़ॉर्म को एक्सेस करने योग्य बनाएं
  • कस्टम सबमिट बटन बनाएं
  • जावास्क्रिप्ट के साथ रूपों को मान्य करें (चंचल)

डेटाबेस और PHP स्क्रिप्टिंग

  • अपनी साइट को डेटाबेस से अटैच करें
  • एक PHP/mySQL साइट सेट करें
  • डेटाबेस से कनेक्ट करने के लिए स्प्री तत्वों का उपयोग करें
  • अपने पृष्ठों में डेटा ऑब्जेक्ट डालें
  • एक स्प्री डेटा स्रोत या डिस्प्ले का परीक्षण और अद्यतन करें
  • डिज़ाइन दृश्य में जटिल गतिशील साइटों को संपादित करें
  • PHP सीएमएस साइटों (वर्डप्रेस, जूमला, और ड्रुपल) को इकट्ठा करने के लिए सभी गतिशील रूप से संबंधित फाइलों की खोज करें *सीएस 5 में नया
  • PHP कोड के लिए कस्टम वर्ग संकेत, जिसमें Zend फ्रेमवर्क जैसे तृतीय-पक्ष ढांचे शामिल हैं *CS5 में नया

फ्रेम्स

  • एक फ़्रेमयुक्त वेबसाइट बनाएं
  • नोफ्रेम सामग्री संपादित करें
  • अपने फ़्रेमों को प्रारूपित और शैलीबद्ध करें
  • फ़्रेम के बीच डिफ़ॉल्ट लिंक लक्ष्य सेट करें

अन्तरक्रियाशीलता जोड़ें

  • एक फोटो एलबम बनाएं (अब CS5 में नहीं)
  • वेब पेजों में ध्वनि जोड़ें
  • एक ड्रॉप-डाउन मेनू बनाएं
  • पॉप-अप विंडो खोलने, जंप मेनू बनाने, ध्वनि चलाने, छवियों को स्वैप करने, और बहुत कुछ करने के लिए Dreamweaver व्यवहार का उपयोग करें
  • किसी साइट पर RSS फ़ीड्स जोड़ें
  • रोलओवर के रूप में फ्लैश टेक्स्ट डालें
  • रोलओवर के रूप में CSS टेक्स्ट डालें
  • अन्य प्लगइन्स डालें
  • स्प्री मेन्यू बार, टैब्ड पैनल, अकॉर्डियन, टूल टिप और कोलैप्सेबल पैनल जोड़ें
  • जावास्क्रिप्ट जानने की आवश्यकता के बिना, अपनी साइट के लिए नए विजेट खोजने के लिए विजेट ब्राउज़र का उपयोग करें

अपने पृष्ठों का परीक्षण करें

  • जावास्क्रिप्ट और अन्तरक्रियाशीलता के कारण हुए परिवर्तनों को देखने के लिए लाइव व्यू में अपने पृष्ठों का परीक्षण करें *CS5 में नया
  • अपना HTML सत्यापित करें
  • कई ब्राउज़रों में अपने पृष्ठों का पूर्वावलोकन करें
  • अन्य ऑपरेटिंग सिस्टम में अपने पृष्ठों का पूर्वावलोकन करने के लिए BrowserLab का उपयोग करें *CS5 में नया
  • मोबाइल डिवाइस पर पेज कैसे दिखते हैं, इसकी जांच के लिए डिवाइस सेंट्रल का उपयोग करें
  • ब्राउज़र संगतता जांचें
  • आपकी साइट के काम करने के लिए आवश्यक चीज़ों से मिलान करने के लिए सेटिंग बदलें
  • आंतरिक साइट लिंक जांचें
  • अपनी साइट की पहुंच का परीक्षण करें (अब CS5 में नहीं)
  • कनवर्ट करें शब्द दस्तावेज़ एचटीएमएल के लिए

ड्रीमविवर को अनुकूलित करें

  • एक्सटेंशन जोड़ें
  • एक्सटेंशन अक्षम करें
  • ड्रीमविवर को शॉर्टकट के साथ अनुकूलित करें

अपनी दक्षता बढ़ाएँ

  • अंतर्निहित कीबोर्ड शॉर्टकट का उपयोग करें
  • कोड स्निपेट का प्रयोग करें
  • टेम्प्लेट बनाएं और उपयोग करें
  • कस्टम टेम्प्लेट से नए पेज जेनरेट करें
  • टेम्प्लेट अपडेट करें
  • Dreamweaver लाइब्रेरी के साथ एक फ़ाइल को दूसरे में शामिल करें
  • लाइब्रेरी आइटम अपडेट करें
  • SSI का उपयोग करके एक फ़ाइल को दूसरे में शामिल करें
  • खोज का प्रयोग करें और बदलें