विज्ञापन
मैं कुछ समय से वेब पर काम कर रहा हूं, और मुझे वास्तव में प्रत्येक दस्तावेज़ को DOC या TXT के बजाय HTML प्रारूप में लिखना आसान लगा है। यदि आप Google डॉक्स का उपयोग करते हैं, तो आप वास्तव में वही कर रहे हैं, क्योंकि Google डॉक्स अनिवार्य रूप से एक WYSIWYG HTML संपादक बन गया है। HTML और CSS का उपयोग करके कुछ दस्तावेज़ टेम्प्लेट बनाना बहुत आसान है, यह सभी के द्वारा किया जा सकता है, और यदि आप इसे सही करते हैं, तो यह सभी को समान दिखाई देगा।
एचटीएमएल का उपयोग क्यों करें?
विशुद्ध रूप से HTML और CSS दस्तावेज़ों के लिए जाने का मेरा सबसे बड़ा कारण यह है कि यह शायद सबसे संगत प्रारूप है पीडीएफ प्रारूप को छोड़कर सभी ब्राउज़रों और ऑपरेटिंग सिस्टमों में, जो करना बहुत कठिन और/या महंगा है कुंआ। माइक्रोसॉफ्ट ऑफिस का इस्तेमाल करना भी सबसे अच्छा नहीं है। मैं Office 2007 का उपयोग करता हूँ जो बहुत सी अतिरिक्त सुविधाओं का उपयोग करता है जो पुराने संस्करणों द्वारा समर्थित नहीं हैं, इसलिए गुणवत्ता को डाउनग्रेड किया जा सकता है। कौन जानता है कि उदाहरण के लिए ओपन ऑफिस में ये दस्तावेज़ कैसे दिखेंगे? यदि आप एक HTML दस्तावेज़ बनाते हैं जो आपके द्वारा बनाए गए Internet Explorer और Firefox में बिल्कुल समान दिखता है एक दस्तावेज़ जो मैक, लिनक्स और विंडोज उपयोगकर्ताओं द्वारा खोला जा सकता है, और 99% पर समान दिखाई देगा ब्राउज़र।
सीएसएस और एचटीएमएल क्या है?
यदि आप इस संपूर्ण HTML और CSS कोडिंग चीज़ के लिए नए हैं, तो चिंतित न हों। यह बहुत आसान है, और आप अपनी सहायता के लिए वेब पर ढेर सारे संसाधन पा सकते हैं। HTML और CSS कोड वह है जो आप यहां इस पृष्ठ पर जो कुछ भी देखते हैं, उसमें से अधिकांश को HTML सामग्री को नियंत्रित करता है, जबकि CSS शैली या सामग्री को कैसे प्रस्तुत किया जाता है, इसे नियंत्रित करता है।
मैं एक टेम्प्लेट कैसे बना सकता हूं?
खैर, आपको कुछ कोड का अध्ययन करने की आवश्यकता होगी। शुक्र है, HTML और CSS को समझना बहुत आसान है। उदाहरण के लिए किसी वस्तु को बॉर्डर देने के लिए, बस टाइप करें
सीमा: 1px काला ठोस
. यह 1px चौड़ा काला ठोस बॉर्डर बनाएगा। बहुत सारे फ़ॉर्मेटिंग विकल्प हैं जिन्हें आप देख सकते हैं और उपयोग कर सकते हैं, मेरा सुझाव है कि आप जो चाहते हैं उसकी कल्पना कर रहे हैं, और फिर इसे कैसे करना है, यह जानने के लिए थोड़ा खोज कर रहे हैं। सबसे बुनियादी टेम्पलेट एक खाली HTML फ़ाइल होगी, नीचे एक नज़र डालें।
आपके पृष्ठ की सामग्री यहाँ जाती है।
फिर आप अपना दस्तावेज़ बनाने के लिए यह सब सामग्री और स्टाइल से भर सकते हैं। पर एक नज़र डालें उदाहरण 1, उदाहरण 2 तथा उदाहरण 3 मैंने बनाया। ध्यान रखें कि बॉडी में कोड, कंटेंट बिल्कुल वैसा ही है, मैं केवल css कोड बदल रहा हूं। इससे पता चलता है कि आप जल्दी से अलग दिखने के लिए स्टाइल का उपयोग कर सकते हैं।
यह इतना बढ़िया क्यों है?
इसका इतना बढ़िया कारण यह है कि आप अपने लिए कस्टम स्टाइल बना सकते हैं जो आपके दस्तावेज़ों का "ट्रेडमार्क" बन सकता है। आप CSS कोड को कट और पेस्ट कर सकते हैं और सामग्री को अंतिम रूप देने के बाद उसके बारे में सोच सकते हैं। साथ ही, आप स्टाइलशीट में लिंक कर सकते हैं, इसलिए यदि आप डॉक्स को ऑनलाइन स्टोर करते हैं, तो आपको फ़ाइल में ही CSS को शामिल करने की आवश्यकता नहीं है। इसका मतलब है कि आप अलग-अलग अवसरों के लिए अलग-अलग स्टाइलशीट लिंक कर सकते हैं, और आपको हर समय दस्तावेज़ को संशोधित करने की आवश्यकता नहीं है।
CSS शैली-वार दस्तावेज़ों के त्वरित संपादन को भी सक्षम बनाता है। मैं अपने दस्तावेज़ों को अच्छा दिखने के लिए पसंद करता हूं क्योंकि मैं बस उसी तरह बेहतर महसूस करता हूं, और सीएसएस के साथ स्वरूपण की प्रक्रिया बोझ से बहुत कम हो जाती है। जब आप कोई शीर्षक शैली निर्दिष्ट करते हैं, तो वह उस प्रकार के सभी शीर्षकों पर लागू होगी। इसका मतलब है कि आपको व्यक्तिगत रूप से पृष्ठभूमि का रंग, फ़ॉन्ट रंग, बोल्डनेस और शीर्षक के रेखांकन को बदलने की ज़रूरत नहीं है, आप इसे केवल एक बार निर्दिष्ट करें।
साथ ही, चूंकि Google डॉक्स के पास अब पूर्ण सीएसएस समर्थन है, आप बस अपने स्टाइल कोड को डॉक्स में कॉपी पेस्ट कर सकते हैं और हर एक शीर्षक को एक-एक करके फ़ॉर्मेट किए बिना अपने दस्तावेज़ों का स्वरूप बदलें समय।
मैं और अधिक कहां से सीखूं?
जैसा कि मैंने कहा, CSS एक सरल टूल है, लेकिन फिर भी इसके लिए कुछ बुनियादी ज्ञान की आवश्यकता होती है। HTML समान रूप से तार्किक और सीखने में आसान है, मेरा सुझाव है W3Cस्कूल उन दोनों के लिए। मैंने आज वहां जो कुछ भी जाना है, उसमें से बहुत कुछ सीखा, बुनियादी जरूरतों के लिए यह नेट पर सबसे अच्छी साइटों में से एक है। W3C वेब मानकों को भी विकसित करता है, इसलिए आप यह सुनिश्चित कर सकते हैं कि वे अपने पेज पर जो कुछ भी लिखते हैं वह काम करता है।
एक और पेज जिससे मैं बहुत कुछ सीखता था वह था आपका एचटीएमएल स्रोत. इस पृष्ठ में HTML और CSS शामिल हैं, साथ ही कोडिंग, प्रचार, अभिगम्यता और आम तौर पर एक अच्छी वेबसाइट बनाने के बारे में कुछ उन्नत युक्तियाँ भी शामिल हैं। हालांकि इसमें बहुत अच्छी सीएसएस सहायता है, निश्चित रूप से एक यात्रा के लायक है।
अंत में आप कुछ संबंधित ब्लॉगों और लेखों पर एक नज़र डाल सकते हैं जैसे कि आवश्यक सीएसएस तकनीक तथा 53 तकनीकें जिनके बिना आप नहीं रह सकते.