All Articles Web
वेब का भविष्य यहाँ है: jQuery का उपयोग कर, HTML5 और CSS3 अपने संगीत ऑनलाइन बाजार करने के लिए
Andrew Turner on Sat, June 4th | 0 comments
jQuery is a JavaScript library written by John Resig which makes it easy to make interactive web applications. jQuery has the ability to load code from other javascript files in order to create rich u

jQuery के एक जावास्क्रिप्ट जॉन Resig द्वारा लिखित पुस्तकालय जो यह इंटरेक्टिव वेब अनुप्रयोग बनाने के लिए आसान बनाता है. jQuery के अन्य जावास्क्रिप्ट फ़ाइलों से कोड लोड क्रम में जैसे इंटरैक्टिव मेनू, प्रपत्र, एनिमेशन, और उपयोगकर्ता इंटरफ़ेस तत्वों अमीर उपयोगकर्ता अनुभव बनाने की क्षमता है. वास्तव में jQuery के घटकों के साथ एक वेबपृष्ठ है कि आप programatically परिभाषित आबाद कर सकते हैं. यह बल्कि एक कॉम्पैक्ट और समझदार भाषा के साथ काम करने के लिए है और आप इसे वेब करने के लिए अनुभव करने के लिए अपने संगीत और वीडियो प्रदर्शित करने के लिए उपयोग कर सकते हैं.

इस उदाहरण में, मैं तुम्हें दिखाता कैसे jQuery के चक्र प्लगइन का उपयोग करने के क्रम में गति को नियंत्रित करने के मानकों के साथ एक सरल स्लाइड शो बनाने के लिए और / बाहर फीका करेंगे. इस बुनियादी तकनीक का पूरा के साथ, आप अपनी साइट के जल्दी और आसानी से विस्तार कर सकते हैं.


01 - jQuery

चित्रा 1 से पता चलता है एक jQuery कोड चलाने वेबपेज के एक स्क्रीनशॉट है. यह पिछले पोस्ट मैं दिखा कैसे HTML5 में नए ऑडियो तत्व का उपयोग करने के लिए पेश पर बनाता है. कोड 1 लिस्टिंग इसकी सम्पूर्णता में वास्तविक फ़ाइल से पता चलता है. आप इस लिंक पर परिणाम का एक उदाहरण देख सकते हैं:

http://www.electronicmusic101.com/jqslideshow.html .

Figure 1: A div showing one of 5 rotating images, with an audio element and html5 multimedia “trophy” logo, rendered in Safari

चित्रा 1: एक 5 घूर्णन छवियों का दिखा रहा है, एक ऑडियो तत्व और HTML5 मल्टीमीडिया ट्रॉफी लोगो के साथ, सफारी में गाया div

आप jQuery के चक्र प्लगइन यहाँ से डाउनलोड कर सकते हैं http://jquery.malsup.com/cycle/ . उस बिंदु से, अपनी बस फ़ोटोशॉप या अपने स्लाइड शो में और प्रत्येक छवि के आकार के नाम को परिभाषित करने के लिए पसंद की छवि संपादक खोलने की बात.


02 - HTML5 दत्तक ग्रहण

इंटरनेट एक्सप्लोरर के रूप में ब्राउज़र्स अभी तक नए HTML5 मानकों के स्कीमा को पार्स करने की क्षमता नहीं है. स्कीमा बस कह रही है कि वहाँ एक कविता और एक संग्रह के कुछ हिस्सों कारण है के एक फैंसी तरीका है. HTML5 के भागों, तत्वों है कि खोज इंजन, ब्राउज़रों, और वेब डेवलपर्स के लिए अर्थ दे मिलकर बनता है.

मोज़िला फ़ायरफ़ॉक्स, सफ़ारी, और फ़ायरफ़ॉक्स के वेबकिट परिवार के रूप में आधुनिक ब्राउज़रों वेब डेवलपर्स के भविष्य के लिए तैयार हैं HTML5 मानकों को अपनाने से पहले विनिर्देशन वर्ल्ड वाइड वेब कंसोर्टियम (W3C) द्वारा मंजूरी दे दी है द्वारा की जरूरत है. हमें मल्टीमीडिया डेवलपर्स के रूप में के लिए सौभाग्य से, हम अमीर मीडिया और इंटरैक्टिव अनुभवों हमारे ऑडियो और वीडियो प्रदर्शन के साथ वेब पर दर्शकों तक पहुँचते हैं, जबकि हमारे खोज इंजन अनुकूलन (एसईओ) में सुधार के क्रम में है कि दर्शकों का विस्तार करने में सक्षम हैं.

के रूप में वेब टीवी और रेडियो प्रोग्रामिंग के कवरेज से बढ़कर है, यह कलाकारों के लिए तेजी से महत्वपूर्ण हो जाता है के लिए इंटरनेट की शक्ति का दोहन करने में जो खुद के साथ समानताएं है तक पहुँचने. Facebook और चहचहाना की तरह वेब अनुप्रयोगों के माध्यम से सहयोग के अपने क्षैतिज और ऊर्ध्वाधर तक पहुँचने में सुधार कर सकते हैं. यह कहना है, आप सीखा कौशल की संख्या ही नहीं बढ़ाने के लिए, लेकिन यह भी इंटरनेट पर पाया तकनीक पर शोध करके उन कौशल की अपनी समझ को गहरा कर सकते हैं और उन संसाधनों के लिए अपने योगदान देते हैं, एक वैश्विक पैमाने पर सीखने की सुविधा.


03 - कम अधिक है

चित्र एक हजार शब्दों बात करते हैं, के रूप में वे कहते हैं, और आमतौर पर उपयोगकर्ताओं के लिए बाहर क्यों खोजने के लिए आपकी साइट अपनी साइट पर जाकर के सेकंड के एक मामले में दिलचस्प है की उम्मीद होगी. हम में से कितने पहले कुछ सलाखों है कि हम सुन द्वारा संगीत न्यायाधीश?

किसी भी पाठ संपादक (भी Notepad या पाठ संपादक) का उपयोग किया जा सकता है है मल्टीमीडिया सामग्री के साथ एक वेब पेज बनाने के लिए आवश्यक कोड बनाने के. के रूप में कोड एक लिस्टिंग से पता चलता है, छवियों की एक श्रृंखला लोड कर रहे हैं और ब्राउज़र के माध्यम से प्रदर्शित परिभाषित आयाम और विभिन्न अन्य मानकों के साथ. वहाँ वेब पर अपनी सामग्री पेश करने के लिए वस्तुतः असीमित संभावनाएं हैं, लेकिन उन विकल्पों में तीन मुख्य प्रौद्योगिकियों में आयोजित किया जा सकता है: सीएसएस, जावास्क्रिप्ट, और html.

सूचना कोड लिस्टिंग कोड 1 लिस्टिंग ( 1 डाउनलोड ) है कि img_1.jpg एक निश्चित आकार है . इस छवि के वास्तविक आयाम से मेल खाना चाहिए, इसलिए कि कोड आपकी छवियों के आकार के अनुसार अद्यतन किया जाना चाहिए जाहिर है,. वास्तव में, कई जावास्क्रिप्ट पुस्तकालयों रहे हैं इस तरह, वे अपने वेबपेज एक निश्चित तरीके से व्यवहार करते हैं, लेकिन कुछ पैरामीटर है कि आप अपने व्यक्तिगत रचनात्मक आवश्यकताओं के अनुरूप अनुकूलित कर सकते हैं छोड़ बनाने के लिए मुख्य दिनचर्या शामिल हैं.


04 - वेब का भविष्य

हालांकि जावास्क्रिप्ट के साथ परिचित से परिचित बनने के लिए वेब डिजाइन के क्षेत्र में उत्पादक काम का एक जीवन भर उपज होगा, आप केवल जावास्क्रिप्ट के एक छोटे सबसेट के लिए अपनी क्षमता का उपयोग को समझने की आवश्यकता हो सकती है.

CSS3 जैसे भविष्य प्रौद्योगिकियों आप सभी आधुनिक ब्राउज़रों में अपने मौजूदा एडोब फ़्लैश कौशल हस्तांतरण के लिए भी उन है कि फ्लैश का समर्थन नहीं करते, की अनुमति होगी!

आप कोड को कॉपी / पेस्ट कर सकते हैं, अपनी पसंद का पाठ संपादक में कोड लिस्टिंग 1 से है, और यह अपने वेब होस्ट करने के लिए अपलोड के लिए उठो और इस jQuery स्लाइड शो के साथ जल्दी से चल. मैं मेरी वेबसाइट की मेजबानी के लिए सेब मोबाइल मुझे सेवा का उपयोग करते हैं, लेकिन एक भविष्य के लेख में, अच्छी तरह से चर्चा कैसे अपने खुद के webhost बनाने के लिए!


05 - पृष्ठ संरचना

शुरुआत डेवलपर्स के लिए, यह समझना महत्वपूर्ण है कि एक वेबपेज केवल काम करता है अगर सही फ़ोल्डर में छवियों, जावास्क्रिप्ट, और अन्य फ़ाइलें हैं. Html फ़ाइलों के सभी रूट निर्देशिका में होना चाहिए, यह कहना है, निर्देशिका है जिसमें सभी दूसरों.

एक वेबपेज के मुख्य संरचना है, संक्षेप में, एक सिर और एक शरीर, एक html कंटेनर में लिपटे है. सिर अनुभाग में, आप जावास्क्रिप्ट और सीएसएस कोड सीधे सम्मिलित कर सकते हैं और शरीर में आप दृश्य और श्रव्य मीडिया, जैसे चित्र, वीडियो, और विभिन्न प्रारूपों के ऑडियो को परिभाषित.


06 - सामाजिक पहलू

मैं राय का रहा हूँ कि एक वेब पेज एक कलाकार के लिए बहुत आसान हो सकता है, दर्शक द्वारा एक न्यूनतम निवेश के साथ काम के टुकड़े का प्रदर्शन करना चाहिए. दूसरे शब्दों में, वहाँ थोड़ा ऊपर सामने प्रयास कलाकृति है कि तुम बनाने और वेब के लिए पोस्ट का सामना करने में खर्च किया जाना चाहिए. यह है क्योंकि कला रूपों के कथित गुणवत्ता अत्यधिक मनुष्य के रूप में हमारे व्यक्तिपरक हैं, और कोई दो लोगों को कला का एक टुकड़ा के लिए एक ही रास्ते में जवाब हो सकता है. संगीत एक बहुत ही भावुक कला का रूप है, और श्रोता लग रहा है कि संगीत चित्रण के प्रकार के बारे में बहुत खास हो सकता है.

वेब एक सामाजिक स्थल और अधिक होता जा रहा है, पृष्ठभूमि में एक छोटे से संगीत के साथ एक सरल स्लाइड शो के साथ एक व्यस्त माहौल में एक अच्छा मोड़ के लिए बनाता हो सकता है, यह काम या खेलने. वास्तव में, एक वेब पेज के अनुभाग अन्य वेब पेज के दूसरे खंड के अंदर दिखाई बनाया जा सकता है. यह वेब अनुप्रयोगों का सार है, वेब पृष्ठों के लिए विरोध के रूप में, कि वहाँ वेब पर अपनी सामग्री के विनिमेय क्षमता है, जोखिम और कई संदर्भों के पार प्रयोज्य गुणा. उदाहरण के लिए, एक समाचार साइट को सीधे अपनी वेबसाइट के आधुनिक टुकड़ा है जो showcases ब्याज या नई रिलीज के एक विशेष क्षेत्र का उपयोग करने में सक्षम हो सकता है.


07 - इसे और आगे ले रहा

कैसे वेब साइटों के व्यवहार की अपनी समझ के रूप में और अधिक विस्तृत हो जाता है, तो आप अधिक परिष्कृत वेब पृष्ठों के विकास के लिए शुरू, और शायद यह भी शुद्ध लेबल या भी एक पूरी तरह से विकसित उत्पादन कंपनी के रूप में एक सामूहिक ऐसे में अन्य कलाकारों के लिए पृष्ठों का उत्पादन कर सकते हैं. फिर आप वाणिज्य या सिंडिकेशन में डिजिटल डोमेन में अपनी सामग्री को एकीकृत कर सकते हैं. कई यूट्यूब प्रस्तुतियाँ सिर्फ मीडिया बगल में रखा विज्ञापन राजस्व में से डॉलर के हजारों की सैकड़ों अर्जित की है! कल्पना कैसे कई मायनों अपनी सामग्री बस यह वर्ल्ड वाइड वेब में समेकित करने के द्वारा पहुँचा जा सकता है है. इसकी बहुत भारी जब तुम सच में बंद करो और लगता है कि कैसे जल्दी से सामग्री प्रचुरता से ऑनलाइन वितरित किया जाता है के बारे में.

अगली बार, मैं कैसे वेब के लिए अपनी सामग्री जोड़ने, कदम मैं के माध्यम से चला गया के क्रम में मेरे स्वयं के वेब सर्वर सेटअप का ब्यौरा, इसलिए कि तुम और मैं दोस्तों और ग्राहकों के लिए वेबसाइटों बना सकते हैं के बारे में जाने के लिए विवरण की व्याख्या करेंगे, जबकि है कि जब आप के लिए अपनी वेबसाइट मेजबान कंपनी को काम पर रखने जमा कर सकते हैं पर्याप्त लागत से बचने.

मुझे आशा है कि आप इस jQuery स्लाइड शो तकनीक का उपयोग करने के लिए अपने वेब पृष्ठों को बढ़ाने में सक्षम हो जाएगा, या बस अपने खुद के हाथों के साथ वेब करने के लिए अपनी सामग्री जोड़ने के मील का पत्थर प्राप्त करने के लिए. वेब इंतज़ार कर रही है, अब ... चमक!


कोड 1 लिस्टिंग यहाँ डाउनलोड करें .

Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: