सामग्री मांडणीसाठी मार्गदर्शक

आम्हाला जेव्हा वेबवर एखादी सामग्री माउंट करण्याची इच्छा असते तेव्हा आम्हाला एक मोठी समस्या आढळते की मला प्राप्त झालेले प्रस्ताव वेबवर यशस्वीरित्या समाविष्ट केले जाऊ शकत नाहीत. सामान्यत: समस्या अशी आहे की पुरेशा संरचनेशिवाय डिझाइन आणि लेआउट सहसा खूप चांगले दिसत नाहीत आणि असमाधानकारक परिणाम देतात.

म्हणूनच मी जास्तीत जास्त काम सुलभ करण्यासाठी सामग्रीच्या लेआउटचा कसा विचार केला पाहिजे याबद्दल काही मूलभूत स्पष्टीकरण देणार आहे आणि त्याचा परिणाम इष्टतम आहे.

या मार्गदर्शकाचा उद्देश असा आहे की प्रोग्रामिंग किंवा वेब विकासाचे ज्ञान नसलेले कोणीही मला एक दर्जेदार लेआउट देऊ शकेल आणि एखाद्या निष्कर्षापर्यंत मी एकाधिक संभाषणातून कल्पना काढण्याचा प्रयत्न करण्यासाठी मला जास्त वेळ घालवायचा नाही.

चरण 1: टेम्पलेट

आम्ही आमचा प्रस्ताव "ड्रॉ" करू शकतो असे टेम्प्लेट ठेवण्यासाठी, आम्ही काय करणार आहोत कागदाची A4 शीट घ्या आणि आम्ही ती एक तृतीयांश लांबीच्या दिशेने फोल्ड करणार आहोत.

चरण एक्सएनयूएमएक्स: सामग्री अवरोधित करते

चला अशी कल्पना करूया की आमच्याकडे बर्‍याच प्रकारच्या सामग्री आहेत: व्हिडिओ, प्रतिमा, मजकूर. प्रत्येक सामग्री आयताकृती किंवा चौरस ब्लॉक आहे. आम्हाला आमच्या निवडीनुसार टेम्पलेटच्या खालपासून खालपर्यंत अवरोध बसवावे लागतील. आम्ही तीन प्रकारच्या सामग्रीचे वर्णन करू.

व्हिडिओ ब्लॉक

आम्ही असे गृहित धरू की व्हिडिओ सामान्यपणे एक YouTube व्हिडिओ असेल, आम्ही त्यास टेम्पलेटमध्ये खालीलप्रमाणे प्रतिनिधित्व करतो:

प्रतिमा ब्लॉक

आम्ही सहमत आहोत म्हणून प्रतिमा लँडस्केप किंवा पोर्ट्रेट आहे यावर अवलंबून आहे.

मजकूर ब्लॉक

इमेज ब्लॉक प्रमाणेच, मजकूर कसा हवा यावर अवलंबून आपण ब्लॉक किंवा दुसरा ठेवू. आम्ही समांतर रेषांनी त्याचे प्रतिनिधित्व करतो.

मजकूर ब्लॉक समाविष्ट केलेले परिच्छेद आणि समांतर असलेले मजकूर ब्लॉक असू शकतात मजकूर घटकांच्या याद्या

मी दोन उदाहरणे देणार आहेः लँडस्केप प्रतिमेच्या पुढील मजकूराचा ब्लॉक आणि पोर्ट्रेट प्रतिमेच्या पुढील एक.

शीर्षक ब्लॉक

शीर्षके स्वतंत्र ब्लॉक्समध्ये जातात विस्तारित ब्लॉक असतात जे सामान्यत: संपूर्ण ओळ व्यापतात.

बटण ब्लॉक

लोक क्लिक करण्यासाठी त्यांना वेबच्या दुसर्‍या भागावर नेण्यासाठी किंवा काही माहिती (किंवा एखादा फॉर्म) असलेली एक विंडो दिसण्यासाठी आम्हाला बटण ठेवायचे असल्यास

इतर अवरोध

कल्पना देखील अशीच आहे. ब्लॉक्स कसे कार्य करतात हे आम्हाला समजले असल्यास, मला असे वाटते की आम्ही मागील प्रकारांप्रमाणेच आणखी एक ब्लॉक स्पष्टपणे ठेवू शकतो जो चौकोन किंवा आयताकृती बसतो. उदाहरणार्थ, आम्हाला सामग्रीमध्ये समाविष्ट केलेला एखादा फॉर्म ठेवायचा असेल तर. जरी हे सहसा सर्वात सामान्य असते, परंतु नवीन ब्लॉक्स वापरण्यापूर्वी विचारणे चांगले आहे जे वर उल्लेख केलेल्या प्रकारच्या नाहीत. प्रत्येकाच्या रूचीसाठी कदाचित नवीन ब्लॉक कल्पना आल्यामुळे मी ही यादी अद्यतनित करण्याचा प्रयत्न करेन.

शेवटी, येथे नमूद केलेल्या सर्व प्रकारच्या ब्लॉक्ससह टेम्पलेटचे उदाहरण आहे:

ब्लॉक्स विस्तृत करीत आहे

आम्हाला अधिक जागेची आवश्यकता असल्यास, आम्हाला तळाशी असलेल्या ब्लॉक डिझाइनमध्ये अधिक पृष्ठे जोडावी लागतील. खाली सर्व काही भरणे आवश्यक नाही, परंतु प्रत्येक ब्लॉकच्या मध्यभागी खाली पासून खालपर्यंत रिक्त अंतर न ठेवणे महत्वाचे आहे. अशा प्रकारे आपण पृष्ठ विस्तृत करू शकतो:

चरण 3: सामग्री तयार करीत आहे

आता आमच्याकडे ब्लॉक्स आणि प्रकारच्या प्रकारांनुसार सामग्रीचे लेआउट आहे जे त्या ब्लॉक्समध्ये जाईल अशी सामग्री तयार करणे आवश्यक आहे. 3 पाऊल 2 चरणात बदलण्यायोग्य आहे. दुसर्‍या शब्दांत, आम्ही आधी सामग्री तयार करू आणि नंतर समाविष्ट करू इच्छित सामग्रीची मात्रा जाणून घेऊन लेआउट करू. हे एका मार्गाने किंवा दुसर्‍या मार्गाने करणे अस्पष्ट आहे, परंतु आपल्याला माहिती असणे आवश्यक आहे की सामग्री आमच्या लेआउटमध्ये तंतोतंत बसत आहे

आम्ही मागील उदाहरण अनुसरण करू. एक्सएनयूएमएक्स प्रतिमेत आम्ही खालील ब्लॉक्स पाहू शकतो:

• एक्सएनयूएमएक्स शीर्षक ब्लॉक्स
• एक्सएनयूएमएक्स मजकूर ब्लॉक्स
• एक्सएनयूएमएक्स व्हिडिओ ब्लॉक
• एक्सएनयूएमएक्स प्रतिमा ब्लॉक
• एक्सएनयूएमएक्स बटण ब्लॉक
• एकूण: एक्सएनयूएमएक्स ब्लॉक्स

म्हणून आम्हाला आमची सामग्री समायोजित करावी लागेल जेणेकरून ती या ब्लॉक्समध्ये न सोडता उत्तम प्रकारे बसू शकेल आणि त्या सर्वांमध्ये फॉन्टचा आकार अगदी समान असेल. त्यासाठी शक्य आहे तो वाचतो प्रथम सामग्री तयार करा आणि नंतर त्यास अवरोधित करा. हे आधीपासूनच व्यक्तीवर बरेच अवलंबून असते.

चरण 4: ब्लॉक्ससह सामग्री फिट करणे

समजू की आमच्याकडे आधीपासूनच कागदावर डिझाइन तयार केलेले आहे आणि सर्व सामग्री ब्लॉक्स तयार आहेत. आता शेवटची पायरी म्हणजे हे एकत्र करणे. यासाठी आम्ही सर्व साधने एकत्रित करण्यासाठी अनेक साधने वापरू आणि वेब डिझायनरकडे पाठवा.

व्हिडिओ अवरोध

व्हिडिओ दोन प्रकारे पास केले जाऊ शकतात:

1. यासारख्या टूलद्वारे एमपीएक्सएनयूएमएक्स व्हिडिओ स्वरूपनात WeTransfer.
2. प्रीफर्ड पर्याय: त्यांना YouTube मार्च चॅनेलवर अपलोड करणे आणि व्हिडिओवर YouTube दुव्यावर जात आहे.

जर लेआउटमध्ये एकच व्हिडिओ असेल तर कोणतीही समस्या उद्भवणार नाही. परंतु जर तेथे बरेच व्हिडिओ असतील तर आम्ही त्यांचा कागदावर केलेल्या लेआउटशी एकप्रकारे संबंध जोडला पाहिजे.

उदाहरणार्थ. तीन व्हिडिओ आहेत याची कल्पना करा. लेआउटमध्ये आम्ही पहिल्या व्हिडिओमध्ये एक एक्सएनयूएमएक्स, दुसर्‍या व्हिडिओमध्ये एक एक्सएनयूएमएक्स आणि तिसर्‍या व्हिडिओमध्ये एक्सएनयूएमएक्स क्रमांक काढू. आणि मग सर्व कागदपत्रे पाठविताना आम्ही असे काहीतरी ठेवलेः

• व्हिडिओ 1: शीर्षकासह अहिंसेच्या वाक्यांशांशी संबंधित व्हिडिओ: "अहिंसेची सर्वात महत्त्वाची वाक्ये"
• व्हिडिओ २: ध्वजाच्या रंगांशी संबंधित असलेला व्हिडिओ: "अहिंसेचा ध्वज"
• व्हिडिओ 3: अर्जेंटिनामध्ये कूच करणार्‍या गटाशी संबंधित असलेला व्हिडिओ: “अर्जेंटिनाची बेस टीम”

कोणता विभाग प्रत्येक विभागाशी संबंधित आहे हे जाणून घेणे सुलभ करेल.

प्रतिमा ब्लॉक्स

या प्रकरणात, सर्व प्रतिमा IMGUR प्लॅटफॉर्मवर अपलोड केल्या पाहिजेत: https://imgur.com/upload

आणि नंतर त्या प्रतिमांच्या लिंक पास करा. 1, a 2, a 3 आणि याप्रमाणे चिन्हांकित केलेल्या व्हिडीओज सारख्या प्रतिमा ठेवणे आदर्श आहे. उदाहरणार्थ, दक्षिण आफ्रिकेत उडताना 4 प्रतिमा आहेत अशी कल्पना करूया. चारही नाव एकच आहे: “sudafrica.jpg”. बरं, ते लेआउटमध्ये असतील त्या बिंदूवर आम्ही क्रमिक नावे ठेवतो आणि आम्ही कागदावर ती संख्या रंगवतो ज्याशी ते संबंधित आहेत. उदाहरण:

• Sudafrica-1.jpg
• Sudafrica-2.jpg
• Sudafrica-3.jpg
• Sudafrica-4.jpg

बटण, शीर्षक आणि मजकूर ब्लॉक्स

शेवटी, हे ब्लॉक्स वर्ड डॉक्युमेंटमध्ये किंवा Google डॉक्समध्ये प्राधान्याने लिहिले जावेत.

स्वरूप अगदी सोपे आहे: वर्ड डॉक्युमेंटमध्ये आम्ही ब्लॉक (टायटल, बटण, किंवा मजकूर) चा प्रकार ठेवला आणि त्यानंतर लेआउटमध्ये ज्या अनुरूप असेल त्या क्रमांकाची संख्या.

उदाहरणे:

• शीर्षक 1:….
• शीर्षक 2:…
• मजकूर 1:…
• मजकूर 2:…
• बटण 1:…
• बटण 2:…

मग मी पूर्णपणे यादृच्छिक मजकूरांसह एक उदाहरण दस्तऐवज ठेवले जेणेकरून ते एक्सएनयूएमएक्सच्या प्रतिमेच्या उदाहरणाचे अनुसरण करून हे कसे संरचित केले जाईल ते पाहता येईल:

एकदा आम्ही प्रत्येक विभागाशी संबंधित संख्या ठेवल्यानंतर लेआउट अशा प्रकारे दिसावा:

एक्सएनयूएमएक्स चरण: सर्व पाठवा

एकदा आम्ही सर्वकाही केले की आपल्याला ते लेआउट प्रभारी व्यक्तीकडे पाठवावे लागेल

हे फक्त घेईल

1. लेआउटसह कागदावर रेखाटने
2. सामग्री
   • YouTube किंवा WeTransfer वर व्हिडिओ दुवे
   • प्रतिमा प्रतिमा दुवे
   • Google डॉक्स किंवा वर्ड फाईलमधील दस्तऐवजाचा दुवा

नोटरी महत्वाची अंतिम

शेवटी शेवटी एक उत्कृष्ट प्रतिमा समाविष्ट करणे ही त्या पृष्ठाच्या शीर्षक एक्सएनयूएमएक्स शीर्षलेख सोबत असेल. म्हणूनच शीर्षक 1 नेहमी सुरूवातीसच हवे.

शीर्षलेख प्रतिमेमध्ये 960 x 540 पिक्सेलचा आकार असणे आवश्यक आहे. ही प्रतिमा इतर प्रतिमांप्रमाणेच IMGUR द्वारे पाठविली जाऊ शकते

अंतिम निकाल

आणि शेवटी या सर्व माहितीसह, पृष्ठ सेट केले जाईल. या उदाहरणाचे अनुसरण करणे आणि पूर्ण करणे यासाठी, यापूर्वी आम्ही उपस्थित केलेल्या सर्व पॅरामीटर्सचे अंतिम परिणाम असलेले पृष्ठ हे असेलः

अंतिम पृष्ठ