तपाईंको वेबसाइटहरूमा अनुप्रयोग शैली अनुभव सिर्जना गर्नुहोस्
गतिशील एचटीएमएल (DHTML) ले तपाइँले तपाइँको वेबसाईटहरूमा अनुप्रयोग-शैली अनुभव सिर्जना गर्न अनुमति दिन्छ, सम्पूर्ण पृष्ठहरू पुरा तरिकाले लोड भइरहेको छ। अनुप्रयोगहरूमा, जब तपाइँ केहि चीजमा क्लिक गर्नुहुन्छ, अनुप्रयोग तुरुन्तै विशिष्ट सामग्री देखाउन वा तपाईंको उत्तर प्रदान गर्न परिवर्तन गर्दछ।
यसको विपरीत, वेबपृष्ठहरू सामान्यतया पुन: लोड गर्नु पर्दछ, वा सम्पूर्ण नयाँ पृष्ठ लोड हुनु पर्छ। यसले प्रयोगकर्ता अनुभवलाई अधिक असहयोग गर्न सक्छ। तपाईंको ग्राहकहरूले पहिलो पृष्ठ लोड गर्न पर्खनु पर्दछ र फेरि दोस्रो पृष्ठको लागि लोड गर्न र त्यसमा पुनः पर्खनुहोस्।
& Lt; div & gt; दर्शक अनुभव सुधार गर्न
DHTML को प्रयोग गरेर यो अनुभव सुधार्ने सबै भन्दा सरल तरिका मध्ये एक हो यो अनुरोध गरिएको बेलामा सामग्री प्रदर्शन गर्न डिभ तत्व टगल र बन्द हुनु हो। एक div तत्वले तपाईंको वेबपेजमा तार्किक विभाजनहरू परिभाषित गर्दछ। एक बक्सको रूपमा एक भागको बारेमा सोच्नुहोस् जुन अनुच्छेद, शीर्षकहरू, लिङ्कहरू, छविहरू र अन्य डिभीहरू समावेश हुन सक्दछ।
के तपाईंलाई आवश्यक छ?
एक डिभ सिर्जना गर्न जुन टगल गरिएको र बन्द हुन सक्दछ, तपाईंलाई निम्न आवश्यक छ:
- जब क्लिक गरिएको बेला क्लिक गरेर बन्द गरेर डीभी नियन्त्रण गर्न लिंक
- डिभी देखाउन लुकेको छ
- सीएसएस लुप्त वा देख्न सकिने शैलीमा
- कार्यवाही गर्न जाभास्क्रिप्ट
नियन्त्रण लिङ्क
नियन्त्रण लिङ्कको सबै भन्दा राम्रो भाग हो। केवल एक लिंक सिर्जना गर्नुहोस् जस्तै तपाईं अर्को पृष्ठमा हुनेछ। अहिलेको लागि, href विशेषता खाली छोड्नुहोस्।
HTML जान्नुहोस्तपाईंको वेबपेजमा यो पनि कहीं राख्नुहोस्।
देखाउन र लुकाउने डिभ
डिभ तत्व सिर्जना गर्नुहोस् जुन तपाईं देखाउन र लुकाउन चाहनुहुन्छ। निश्चित गर्नुहोस् कि तपाईंको डिभमा यो अनन्य आईडी छ। उदाहरणमा, अद्वितीय आईडी HTML सिक्न सकिन्छ ।
यो सामाग्री स्तम्भ हो। यो व्याख्या पाठ को बाहेक खाली खाली सुरु हुन्छ। बाँयामा नेभिगेसन स्तम्भमा के सिक्न चाहानु हुन्छ रोज्नुहोस्। पाठ तल देखा पर्नेछ: p> तपाईंको सीएसएसको लागि दुई कक्षाहरू सिर्जना गर्नुहोस्: एकलाई div लुकाउन र अर्को देखाउन को लागी। तपाईंसँग यसको लागि दुई विकल्प छन्: प्रदर्शन र दृश्यता। प्रदर्शनले पृष्ठ प्रवाहबाट div हटाउँछ, र दृश्यात्मकताले कसरी परिवर्तन गरेको छ भनेर परिवर्तन गर्दछ। केही कोडेडहरूले प्रदर्शन गर्न मनपर्छ, तर कहिलेकाहीँ दृश्यताले पनि अर्थलाई पनि बनाउँछ। उदाहरणका लागि: यदि तपाईं दृश्यता प्रयोग गर्न चाहनुहुन्छ भने, त्यसपछि यी वर्गहरूलाई निम्नमा परिवर्तन गर्नुहोस्: लुकेको क्लास तपाईंको डिभमा थप्नुहोस् ताकि यो पृष्ठमा लुकेको रूपमा सुरु हुन्छ: यो सबै लिपिले तपाईंको डिभीमा सेट गरिएको वर्तमान कक्षामा हेर्दछ र यसलाई लुकाउन टगल गर्दछ यदि लुकेको वा यसको वाहेकको रूपमा चिन्ह लगाईएको छ। यो केवल जाभास्क्रिप्ट को केहि लाइनहरु हो। तपाइँको एचटीएमएल कागजातको हेडमा निम्न स्थान राख्नुहोस् ( यो स्क्रिप्टले के गर्छ, रेखा द्वारा लाइन: लिपि कार्य गर्न को लागी, तपाईले एउटा कुरा गर्न आवश्यक छ। तपाईंको लिंकमा फर्कनुहोस् र href विशेषतामा जाभास्क्रिप्ट थप्नुहोस्। यस href मा तपाईंको डिभ नाम गरेको सटीक अद्वितीय आईडी प्रयोग गर्न निश्चित हुनुहोस्: बधाई छ! तपाईंसँग अब एउटा डिभ छ जुन तपाइँले लिङ्कमा क्लिक गर्नुहुने देखाउँछ र लुकाउँछ। यो लिपि मूर्ख-प्रमाण होइन। त्यहाँ केहि परिस्थितिहरू छन् जसमा यसले समस्याको कारण हुन सक्छ: तपाईले सधैँ गतिशील एचटीएमएल जस्तै यो तपाइँका ग्राहकहरूसँग परीक्षण गर्नुपर्छ। एकपटक तपाईंले विश्वास महसुस गर्नुहुन्छ कि उनी बुझ्न र यसको प्रयोग गर्न सक्छन्, यो तपाईंको वेबपृष्ठहरूमा एकदम ठूलो दृश्य उठाउन को लागी एकदम ठूलो सामग्री प्राप्त गर्न एक शानदार तरिका हुन सक्छ। HTML सिक्नुहोस् h3>
डिभिजन देखाउन र लुकाउन CSS
जाभास्क्रिप्ट यो कार्य बनाउन
बाहिर हेर्नको लागि सम्भावित समस्याहरू