Dreamweaver ले तपाईँको वेब साइटको लागि ड्रप-डाउन मेनु सिर्जना गर्न सजिलो बनाउँछ। तर सबै एचटीएमएल फारमहरू जस्तै तिनीहरू एकदम ठिक हुन सक्छन्। यो ट्यूटोरियल Dreamweaver मा ड्रप-डाउन मेनु सिर्जना गर्न चरणहरु मार्फत तपाईं हिंड्नु हुनेछ।
Dreamweaver Jump Menus
Dreamweaver 8 ले तपाईंको वेब साइटमा नेविगेशनका लागि जम्प मेनू सिर्जना गर्न विजार्ड प्रदान गर्दछ। आधारभूत ड्रप-डाउन मेनूको विपरीत, यस मेनुमा तपाईले समाप्त भएपछि वास्तवमा केहि गर्न सक्नुहुनेछ। तपाईंले ड्रप-डाउन फारमको काम गर्न कुनै जाभास्क्रिप्ट वा CGI हरू लेख्न हुनेछैन। यो ट्यूटोरियलले व्याख्या मेनू सिर्जना गर्न Dreamweaver 8 विजार्ड कसरी प्रयोग गर्ने भनेर बताउँछ।
01 को 20
पहिलो फाराम सिर्जना गर्नुहोस्
महत्त्वपूर्ण नोट HTML फारमहरूको बारेमा र Dreamweaver:
जम्प मेनु जस्तै विशेष विजार्डहरूको बाहेक, ड्रीमवेभरले HTML फारमहरू "काम" गर्न मद्दत गर्दैन। यसको लागि तपाईलाई एक सीजीआई वा जाभास्क्रिप्ट चाहिन्छ। कृपया मेरो ट्यूटोरियल हेर्नुहोस् HTML फारमहरू थप जानकारीको लागि कार्य गर्नुहोस्।
जब तपाइँ आफ्नो वेब साइटमा ड्रप-डाउन मेनु थप्दै हुनुहुन्छ, तपाईलाई आवश्यक पहिलो कुरा यसलाई एक फारम हो। Dreamweaver मा, घुसाउनुहोस् मेनुमा जानुहोस् र फारम क्लिक गर्नुहोस्, त्यसपछि "फाराम" रोज्नुहोस्।
02 को 20
डिजाइन दृश्यमा फारम प्रदर्शन
Dreamweaver ले तपाईंको फारम स्थान डिस्प्ले दृश्यमा देखाउँछ, त्यसैले तपाईलाई थाहा छ कि तपाईंको फारम तत्वहरू कहाँ राख्नुहुन्छ। यो महत्वपूर्ण छ, किनभने ड्रम-डाउन मेनु ट्यागहरू फारम तत्वको बाहिर मान्य (र काम गर्दैन) होइन। तपाईं छविमा देख्न सक्नुहुन्छ, फारम डिजाइन दृश्यमा रातो डटाइएको रेखा हो।
03 को 20
सूची / मेनु छान्नुहोस्
ड्रप-डाउन मेनु भनिन्छ "सूची" वा "मेनु" वस्तुहरूमा Dreamweaver। त्यसैले तपाईंको फारममा एउटा थप गर्न, तपाईंलाई सम्मिलित मेनुमा फारम मेनुमा जानुहोस् र "सूची / मेनु" चयन गर्नु पर्दछ। निश्चित गर्नुहोस् कि तपाइँको कर्सर तपाईंको फारम बक्सको रातो डटटी रेखा भित्र थियो।
04 मध्ये 20
विशेष विकल्प विन्डो
Dreamweaver विकल्पहरूमा पहुँचमा एक पर्दा छ। मैले Dreamweaver मलाई सबै पहुँच विशेषताहरू देखाउन रोजेको छु। र यो स्क्रिन यसको परिणाम हो। फारमहरू एक ठाउँ हो जहाँ धेरै वेब साइटहरू पहुँचमा घट्छन् र यी पाँच विकल्पहरू भरेर तपाईंको ड्रप-डाउन मेनु तुरुन्तै पहुँचयोग्य हुनेछ।
05 को 20
फारम पहुँच
पहुँच विकल्पहरू निम्न हुन्:
लेबल
यो क्षेत्रको लागि नाम हो। यसले तपाईंको फारम तत्वको छेउमा टेक्स्टको रूपमा देखाउनेछ।
तपाईको ड्रप-डाउन मेनुलाई कल गर्न चाहानुहुन्छ लेख्नुहोस्। यो प्रश्न वा छोटो वाक्यांश हुन सक्छ कि ड्रप-डाउन मेनु जवाफ दिनेछ।
शैली
एचटीएमएलले तपाईंको फारम लेबल ब्राउजरमा पहिचान गर्न लेबल ट्याग समावेश गर्दछ। तपाईंको छनौटहरू ड्रप-डाउन मेनु र ट्यागको लेबल पाठ लपेटो, लेबलको लेबलमा "विशेषता" को प्रयोग गर्न कुन कुन ट्याग यो सन्दर्भहरू पहिचान गर्न वा सबै लेबल लेबल प्रयोग गर्न को लागी।
म विशेषताको प्रयोग गर्न चाहानुहुन्छ, जस्तै कि यदि मलाई केही कारणले लेबल सार्न आवश्यक छ यो अझै पनि सही फारम क्षेत्रमा संलग्न हुनेछ।
स्थिति
ड्रप-डाउन मेनु अघि वा तपाईंको लेबल तपाइँको स्थान राख्न सक्नुहुन्छ।
कुञ्जी पहुँच
यो कुञ्जी हो कि अल्ट वा विकल्प कुञ्जीहरू सँगै त्यो फारम फिल्डमा प्रयोग गर्न को लागी प्रयोग गर्न सकिन्छ। यसले तपाईंको फारमलाई माउस आवश्यक बिना प्रयोग गर्न सजिलो बनाउँछ। HTML मा पहुँच कुञ्जी कसरी सेट अप गर्नुहोस्
ट्याब सूचकांक
यो वेबपृष्ठ मार्फत किबोर्डमा ट्याब प्रयोग गर्दा फारम फिल्डमा पहुँच भइरहेको छ। टेब्रिन्ड बुझ्दै
जब तपाइँ आफ्नो पहुँच विकल्पहरू अद्यावधिक गर्नुहुन्छ, ठीक क्लिक गर्नुहोस्।
06 को 20
मेनु चयन गर्नुहोस्
एक पटक तपाईंको ड्रप-डाउन मेनु डिजाइन डिभिजनमा प्रदर्शित भएपछि, तपाइँलाई विभिन्न तत्वहरू थप गर्न यसको लागि आवश्यक पर्दछ। पहिले क्लिक गरेर ड्रप-डाउन मेनु चयन गर्नुहोस्। Dreamweaver ले अर्को ड्रप गरिएको रेखा भर्खरै ड्रप-डाउन मेनुमा राख्नेछ, देखाउनका लागि तपाईंले यसलाई चयन गर्नुभएको छ।
07 मध्ये 20
मेनु गुणहरू
गुणहरू मेनुले ड्रप-डाउन मेनुको लागि सूची / मेनु विशेषताहरूमा परिवर्तन गर्नेछ। त्यहाँ तपाईं आफ्नो मेनु एक आईडी दिन सक्नुहुन्छ (जहाँ यसले भन्छ "चयन गर्नुहोस्"), यदि तपाइँ यसलाई लि लि वा एक मेनु चाहनुहुन्छ भने, यो शैली शैलीलाई तपाईंको शैली पानाबाट दिनुहोस्, र ड्रप-डाउन मानहरू प्रदान गर्नुहोस्।
सूची र मेनुबीच के फरक छ?
Dreamweaver ले एक ड्रप ड्रप-डाउन मेनुलाई ड्रप-डाउन भनिन्छ जुन केवल एक चयन अनुमति दिन्छ। "सूची" ले ड्रप-डाउनमा धेरै छनोटहरू अनुमति दिन्छ र एक भन्दा बढी वस्तु उच्च हुन सक्छ।
यदि तपाइँ ड्रप-डाउन मेनु बहु रेखाहरू उच्च हुन चाहनुहुन्छ भने, यसलाई "सूची" प्रकारमा परिवर्तन गर्नुहोस् र "चयनहरू" बक्सलाई अनचेक छोड्नुहोस्।
08 को 20
नयाँ सूची वस्तुहरू थप्नुहोस्
तपाईंको मेनुमा नयाँ वस्तुहरू थप्न, "सूचीहरू मान ..." बटनमा क्लिक गर्नुहोस्। यसले माथिको सन्झ्याल खोल्छ। पहिलो बक्समा तपाईंको वस्तु लेबलमा टाईप गर्नुहोस्। यो पृष्ठमा प्रदर्शित हुनेछ। यदि तपाईं मान खाली छोड्नु भयो भने, त्यो पनि फारममा के पठाइनेछ।
09 मध्ये 20
बढि र पुन: क्रम थप्नुहोस्
थप वस्तुहरू थप्न थप आइकनमा क्लिक गर्नुहोस्। यदि तपाइँ सूची बाकसमा तिनीहरूलाई पुन: अर्डर गर्न चाहनुहुन्छ भने माथि र तल तीरहरू दाँयामा प्रयोग गर्नुहोस्।
10 मध्ये 20
सबै आइटम मान दिनुहोस्
जब मैले चरण 8 मा उल्लेख गरें भने, यदि तपाईले मान खाली छोड्नुभयो भने, लेबललाई फारममा पठाइनेछ। तर तपाईं आफ्नो सबै वस्तुहरू मान्न सक्नुहुन्छ - तपाईंको फारममा वैकल्पिक जानकारी पठाउन। तपाइँ यो धेरै प्रयोग गर्न सक्नुहुन्छ जस्तै चीजहरूको लागि जुन मेनू।
11 मध्ये 20
पूर्वनिर्धारित छनौट गर्नुहोस्
कुनै पनि ड्रप-डाउन वस्तु प्रदर्शन गर्न पूर्वनिर्धारित वेब पृष्ठहरू पूर्वनिर्धारित वस्तुको रूपमा सूचीबद्ध गरिएको छ। तर यदि तपाईं एक फरक छनौट चाहानुहुन्छ भने, यसलाई "" सुरुमा चयन गरिएको "बक्समा गुण मेनूमा हाइलाइट गर्नुहोस्।
12 मध्ये 20
डिजाइन दृश्यमा तपाईंको सूची हेर्नुहोस्
एकपटक तपाईंले गुण सम्पादन गरिसकेपछि, Dreamweaver ले तपाइँको ड्रप-डाउन सूचीलाई डिफल्ट मान चयन गरी देखाउनेछ।
20 मध्ये 20
कोड हेर्नुहोस् मा तपाईंको सूची हेर्नुहोस्
यदि तपाई कोड दृश्यमा स्विच गर्नुहुन्छ भने, तपाईं हेर्न सक्नुहुन्छ कि Dreamweaver ले धेरै खाली कोडको साथ आफ्नो ड्रप-डाउन मेनु थप्छ। केवल अतिरिक्त विशेषताहरू जुन हामीले पहुँच विकल्पहरूसँग जोडेका छौं। कोड सबै इन्डेन्ट गरिएको छ र पढ्न र बुझ्न सजिलो छ। यो पनि चयनित = "चयनित" विशेषता मा राख्छ किनकी मैले Dreamweaver लाई बताईयो कि म XHTML लेखन को लागि पूर्वनिर्धारित।
14 मध्ये 20
ब्राउजरमा बचत गर्नुहोस् र हेर्नुहोस्
यदि तपाईंले कागजातलाई सुरक्षित गर्नुहुन्छ र वेब ब्राउजरमा हेर्नु भयो भने, तपाइँ देख्न सक्नुहुनेछ कि तपाईंको ड्रप-डाउन मेनु जस्तो देखिन्छ जस्तो कि तपाइँ यसलाई आशा गर्नुहुनेछ।
15 मध्ये 20
तर यो केहि पनि छैन
हामीले माथि सिर्जना गरेको मेनु ठीक देखिन्छ, तर यसले केहि गर्दैन। यो गर्न को लागी केहि गर्न को लागी, तपाईं फारम आफैले फारम एक्शन सेट अप गर्न आवश्यक छ, जुन एकदम अन्य ट्यूटोरियल हो।
सौभाग्य देखि, Dreamweaver एक निर्मित ड्रप डाउन डाउन फारम छ जुन तपाईं फारम, CGIs, वा स्क्रिप्टिंग को बारे मा जानने को आवश्यकता को बिना तुरुन्तै आफ्नो साइट मा प्रयोग गर्न सक्नुहुन्छ। यसलाई जम्प मेनु भनिन्छ।
Dreamweaver Jump Menu ले नाम र यूआरएलहरूको साथ एक ड्रप-डाउन मेनु सेट अप गर्दछ। त्यसोभए तपाई मेनुमा वस्तु रोज्न सक्नुहुनेछ र वेब पृष्ठ त्यस स्थानमा सारिनेछ, जस्तै कि तपाईंले लिङ्क क्लिक गर्नुभयो भने।
घुसाउनुहोस् मेनुमा जानुहोस् र फारम रोज्नुहोस् र त्यसपछि मेनु जानुहोस्।
16 मध्ये 20
घुसाउनुहोस् मेनु विन्डो
मानक ड्रप-डाउन मेनुको विपरीत, कूदो मेनुले तपाईंको मेनु वस्तुहरू नाम गर्न र फारम कसरी काम गर्नुपर्छ भन्ने बारे थप जानकारी थप्नका लागि नयाँ विन्डो खोल्छ।
पहिलो वस्तुको लागि, "शीर्षकविहीन 1" पाठलाई तपाईँले के गर्न चाहानुहुन्छ भन्ने पाठ परिवर्तन गर्नुहोस् र एउटा URL थप गर्नुहोस् जुन त्यो लिङ्कमा जानु पर्छ।
17 मध्ये 20
तपाईंको जम्प मेनुमा चीजहरू थप्नुहोस्
तपाईँको जम्प मेनुमा नयाँ वस्तु थप्न थप वस्तुमा क्लिक गर्नुहोस्। तपाईलाई चाहानुहुने धेरै वस्तुहरू थप्नुहोस्।
18 मध्ये 20
जम्प मेनु विकल्पहरू
एकपटक तपाईंले सबै लिङ्कहरू थप्नुभए पछि तपाईले आफ्ना विकल्पहरू रोज्नुपर्छ:
खोल्नुहोस् URL हरू
यदि तपाइँसँग फ्रेममेट छ भने, तपाईं फरक फ्रेममा लिङ्कहरू खोल्न सक्नुहुनेछ। वा तपाईं मुख्य सञ्झ्यालको विशेष लक्ष्यमा विकल्प परिवर्तन गर्न सक्नुहुनेछ ताकि यूआरएल नयाँ विन्डोमा वा अन्य ठाउँमा खुल्नेछ।
मेनु नाम
तपाईंको मेनु पृष्ठको लागि एक अद्वितीय ID दिनुहोस्। यो आवश्यक छ कि स्क्रिप्टले सही काम गर्नेछ। यसले तपाइँलाई एक फारममा धेरै जम्प मेनूहरू प्रदान गर्न अनुमति दिन्छ - मात्र तिनीहरूलाई सबै फरक नाम दिनुहोस्।
मेनु पछि जानुहोस् बटन घुसाउनुहोस्
म यो छनौट गर्न चाहन्छु किनभने कहिलेकाहीँ स्क्रिप्टले मेनु परिवर्तन गर्दा काम गर्दैन। यो पनि थप पहुँचयोग्य छ।
युआरएल परिवर्तन पछि पहिलो वस्तु चयन गर्नुहोस्
यो चयन गर्नुहोस् यदि तपाइँसँग पहिलो मेनु वस्तुको रूपमा "एक चयन गर्नुहोस्" को रूपमा प्रम्प्ट छ। यो बीमा गर्नेछ कि त्यो वस्तु पृष्ठमा डिफल्ट रहन्छ।
20 मध्ये 1 9
कूदो मेनु डिजाइन दृश्य
तपाईंको पहिलो मेनुसँग जस्तै, Dreamweaver ले डिजाइन दृश्यमा तपाईंको जम्प मेनु सेटअप पूर्वनिर्धारित वस्तुसँग सेट गर्दछ। त्यसपछि तपाइँ अन्यथा जस्तो ड्रप-डाउन मेनु सम्पादन गर्न सक्नुहुन्छ।
यदि तपाइँ यसलाई सम्पादन गर्नुहुन्छ भने, वस्तुहरूमा कुनै पनि आईडी परिवर्तन गर्न निश्चित गर्नुहोस्, अन्यथा स्क्रिप्टले काम नगर्न सक्छ।
20 मध्ये 20
ब्राउजरमा जानुहोस् मेनु
फाईल बचत गर्दै र F12 मारेर तपाईंको रूचाउने ब्राउजरमा पृष्ठ प्रदर्शन गर्नेछ। त्यहाँ तपाइँ एक विकल्प चयन गर्न सक्नुहुन्छ, "जानुहोस्" क्लिक गर्नुहोस् र जम्प मेनु काम गर्दछ!