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