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