वेब पर "सबसे गर्म" तकनीकों में से एक आज लंबन स्क्रॉलिंग है। हम सभी उन साइटों पर गए हैं जहां आप अपने माउस पर स्क्रोल व्हील घुमाते हैं और पृष्ठ पर सामग्री माउस व्हील घुमाने के दौरान ऊपर और नीचे या पूरे पृष्ठ पर जाती है।
वेब डिज़ाइन और ग्राफ़िक डिज़ाइन के लिए नए लोगों के लिए, यह तकनीक आवश्यक सीएसएस की मात्रा के कारण हासिल करना बहुत मुश्किल हो सकती है।
यदि यह आपको बताता है, तो ऐसे कई अनुप्रयोग हैं जो ग्राफिक कलाकारों से अपील कर सकते हैं। वे मूल रूप से वेब पृष्ठों पर एक परिचित पृष्ठ लेआउट दृष्टिकोण का उपयोग करते हैं, जिसका अर्थ है कि बहुत कुछ नहीं है, यदि कोई है, तो कोडिंग शामिल है। एक आवेदन जो वास्तव में प्रमुखता में रॉकेट किया गया है वह एडोब म्यूज़न है।
म्यूज़िक का उपयोग कर ग्राफिक्स पेशेवरों द्वारा किया जा रहा काम काफी अद्भुत है और आप दिन के म्यूज़न साइट पर जाकर क्या कर सकते हैं इसका एक नमूना देख सकते हैं। हालांकि वेब पेशेवर म्यूज़िक को "पवन-अप खिलौना" के रूप में मानते हैं, लेकिन इसका उपयोग डिजाइनरों द्वारा मोबाइल और वेब प्रोटोटाइप बनाने के लिए भी किया जा रहा है जिसे अंततः डेवलपर्स को उनकी टीम पर सौंप दिया जाएगा।
एक तकनीक जो म्यूज़न के साथ पूरा करने के लिए अविश्वसनीय रूप से आसान है, लंबन स्क्रॉलिंग है और यदि आप अभ्यास के पूर्ण संस्करण को देखना चाहते हैं तो हम इस पृष्ठ पर आपके ब्राउज़र को इंगित करेंगे। जब आप अपने माउस के स्क्रोल व्हील को रोल करते हैं, तो टेक्स्ट पेज को ऊपर या नीचे ले जाता है और छवियां बदलती हैं।
आएँ शुरू करें।
07 में से 01
एक वेब पेज बनाएँ
जब आप म्यूज़न लॉन्च करते हैं तो नया साइट लिंक क्लिक करें। यह नई साइट गुणों को खोल देगा। यह प्रोजेक्ट डेस्कटॉप एप्लिकेशन के लिए डिज़ाइन किया जाएगा और आप इसे प्रारंभिक लेआउट पॉप-डाउन मेनू में चुन सकते हैं। आप कॉलम, गटर चौड़ाई, मार्जिन और पैडिंग की संख्या के लिए मान भी सेट कर सकते हैं। इस मामले में, हम इस से बहुत चिंतित नहीं थे और बस ठीक क्लिक किया।
07 में से 02
पेज को प्रारूपित करें
जब आप साइट गुण सेट करते हैं और ठीक क्लिक करते हैं तो आपको प्लान व्यू कहा जाता है। शीर्ष पर एक होम पेज और विंडो के नीचे एक मास्टर पेज है । हमें केवल एक पृष्ठ की आवश्यकता है। डिज़ाइन व्यू पर जाने के लिए, हमने होम पेज पर डबल-क्लिक किया जिसने इंटरफ़ेस खोला।
बाईं ओर कुछ बुनियादी उपकरण हैं और दाईं ओर पृष्ठ पर सामग्री में हेरफेर करने के लिए उपयोग किए जाने वाले विभिन्न पैनल हैं। शीर्ष के साथ गुण हैं, जिन्हें पृष्ठ पर लागू किया जा सकता है, या पृष्ठ पर चुने गए कुछ भी। इस मामले में, हम एक काला पृष्ठभूमि चाहते थे। इसे पूरा करने के लिए, हम ब्राउज़र भरें रंग चिप पर क्लिक करते हैं और कलर पिकर से काले रंग का चयन करते हैं।
03 का 03
पेज में टेक्स्ट जोड़ें
अगला चरण पृष्ठ पर कुछ टेक्स्ट जोड़ना है। हमने टेक्स्ट टूल का चयन किया और एक टेक्स्ट बॉक्स निकाला। हमने "वेलकम" शब्द दर्ज किया और गुणों में टेक्स्ट को एरियल में 120 पिक्सेल व्हाइट सेट किया । केंद्र गठबंधन
फिर हमने चयन टूल पर स्विच किया, टेक्स्टबॉक्स पर क्लिक किया और अपनी वाई स्थिति को शीर्ष से 168 पिक्सल पर सेट किया। टेक्स्ट बॉक्स के साथ अभी भी चुना गया है, हमने संरेखण पैनल खोला और टेक्स्ट बॉक्स को केंद्र में गठबंधन किया।
अंत में, चयनित टेक्स्ट बॉक्स के साथ, हमने विकल्प / Alt और Shift कुंजी दबाए और टेक्स्ट बॉक्स की चार प्रतियां बनाईं। हमने पाठ और प्रत्येक प्रति की वाई स्थिति को बदल दिया:
- करने के लिए, 871
- ग्राफिक्स, 1621
- सॉफ्टवेयर, 2371
- @ राइट्स, 3181
आप ध्यान देंगे, क्योंकि आप प्रत्येक टेक्स्ट बॉक्स का स्थान सेट करते हैं, पृष्ठ टेक्स्ट के स्थान को समायोजित करने के लिए आकार बदलता है।
07 का 04
छवि प्लेसहोल्डर्स जोड़ें
अगला कदम टेक्स्ट ब्लॉक के बीच छवियों को रखना है।
पहला कदम आयत उपकरण का चयन करना है और हमारे एक बॉक्स को खींचना है जो पृष्ठ के एक तरफ से दूसरी तरफ फैला हुआ है। आयताकार के साथ, हमने इसकी ऊंचाई 250 पिक्सेल और इसकी वाई स्थिति 425 पिक्सल तक सेट की है । योजना है कि उपयोगकर्ता के ब्राउज़र व्यूपोर्ट को समायोजित करने के लिए उन्हें हमेशा पृष्ठ चौड़ाई तक खींचें या अनुबंध करें। इसे पूरा करने के लिए, हमने गुणों में 100% चौड़ाई बटन पर क्लिक किया। यह क्या करता है एक्स मान को ग्रे आउट करता है और यह सुनिश्चित करने के लिए कि ब्राउज़र हमेशा ब्राउज़र में व्यूपोर्ट चौड़ाई का 100% है।
05 का 05
छवि प्लेसहोल्डर्स में छवियां जोड़ें
चयनित आयत के साथ हमने भरने वाले लिंक पर क्लिक किया - रंग चिप नहीं - और आयत में एक छवि जोड़ने के लिए I mage ink पर क्लिक किया। फिटिंग क्षेत्र में, हमने स्केल टू फ़िट का चयन किया और छवि क्षेत्र के केंद्र से छवि को स्केल करने के लिए स्थिति क्षेत्र में केंद्र हैंडल पर क्लिक किया।
इसके बाद, हमने पहले दो टेक्स्ट ब्लॉक के बीच छवि की एक प्रति बनाने के लिए विकल्प / Alt-Shift-drag तकनीक का उपयोग किया, भरें पैनल खोल दिया और छवि को दूसरे के लिए बदल दिया। हमने शेष दो छवियों के लिए भी ऐसा किया।
जगहों पर छवियों के साथ, यह गति जोड़ने का समय है।
07 का 07
लंबन स्क्रॉलिंग जोड़ें
एडोब म्यूज़िक में लंबन स्क्रॉलिंग जोड़ने के कई तरीके हैं। हम आपको ऐसा करने का एक आसान तरीका दिखाने जा रहे हैं।
भरें पैनल खोलने के साथ, स्क्रॉल टैब पर क्लिक करें और, जब यह खुलता है, तो मोशन चेकबॉक्स पर क्लिक करें।
आप प्रारंभिक और अंतिम गति के लिए मूल्य देखेंगे। ये निर्धारित करते हैं कि स्क्रॉल व्हील के संबंध में छवि कितनी तेज़ी से चलती है। उदाहरण के लिए, 1.5 का मान व्हील से 1.5 गुना तेज छवि को स्थानांतरित करेगा। हमने छवियों को स्थानांतरित करने के लिए 0 का मान उपयोग किया था।
क्षैतिज और लंबवत तीर गति की दिशा निर्धारित करते हैं। यदि मान 0 हैं तो छवियों पर क्लिक किए बिना आप किन तीर पर क्लिक करेंगे।
मध्यम मूल्य- कुंजी स्थिति - वह बिंदु दिखाती है जहां छवियां स्थानांतरित होने लगती हैं। छवि के ऊपर की रेखा, इस छवि के लिए, पेज के शीर्ष से 325 पिक्सल शुरू होती है। जब स्क्रॉल उस मान तक पहुंच जाती है तो छवि स्थानांतरित होने लगती है। आप इस मान को या तो संवाद बॉक्स में बदलकर या लाइन के शीर्ष पर ऊपर या नीचे बिंदु पर क्लिक करके बदल सकते हैं।
पृष्ठ पर अन्य छवियों के लिए इसे दोहराएं।
07 का 07
ब्राउज़र टेस्ट
इस बिंदु पर, हम समाप्त हो गए थे। स्पष्ट कारणों से हमने पहली चीज फाइल> सेव साइट का चयन करना था। ब्राउज़र परीक्षण के लिए, हमने बस ब्राउज़र में फ़ाइल> पूर्वावलोकन पृष्ठ चुना है। इसने हमारे कंप्यूटर के डिफ़ॉल्ट ब्राउज़र को खोला और, जब पृष्ठ खोला गया, तो हमने स्क्रॉल करना शुरू कर दिया।