एचटीएमएल पेज बनाने का कार्यक्रम

HTML दस्तावेज़ों को विकसित करने, देखने और संपादित करने के लिए डिज़ाइन किया गया एक शक्तिशाली मुफ़्त HTML संपादक। के अलावा एचटीएमएल प्रोग्रामलगभग सभी लोकप्रिय वेब प्रोग्रामिंग और हाइपरटेक्स्ट मार्कअप भाषाओं का समर्थन करता है।

स्क्रीनशॉट गैलरी

सशुल्क एनालॉग के साथ तुलना

कार्यक्षमता के संदर्भ में, आरजे टेक्स्टएड एक साधारण नोटपैड से बहुत आगे निकल जाता है और पूर्ण विकसित विकास वातावरण तक पहुंचता है।

आप भुगतान किए गए HTML संपादक मेटाप्रोडक्ट्स वेब स्टूडियो के साथ कार्यक्रम की तुलना कर सकते हैं।

उपरोक्त सभी के अलावा, RJ TextEd के कई अन्य लाभ हैं:

• स्निपेट समर्थन;
• मैक्रोज़ की रिकॉर्डिंग और प्लेबैक;
• प्लगइन समर्थन;
• स्वत: पूर्णता और कोड पूर्णता कार्य (बेहतर बंद);
• स्वचालित पाठ स्वरूपण की व्यापक संभावनाएं;
• अंतर्निहित हेक्स संपादक;
• प्लग-इन शब्दकोशों का उपयोग करके वर्तनी जाँच कार्य।

कार्यक्रम की शुरुआत

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

परियोजनाओं के साथ काम करना

RJ TextEd के पास परियोजनाओं के साथ काम करने के लिए कार्य हैं। यही है, आप न केवल अलग-अलग फाइलें खोल सकते हैं, बल्कि पूरी साइट के साथ एक साथ काम भी कर सकते हैं, इसके विभिन्न पृष्ठों के बीच त्वरित बदलाव कर सकते हैं!

"प्रोजेक्ट मैनेजर" साइडबार के पांचवें टैब में है:

प्रोजेक्ट बनाते समय, आपको प्रोजेक्ट के नाम और अन्य अतिरिक्त डेटा के संबंध में दो सरल फॉर्म भरने के लिए कहा जाएगा। यह सभी सेवा जानकारी दर्ज करना आवश्यक नहीं है, लेकिन यह वांछनीय है यदि आप परियोजना पर काम करने वाले अकेले नहीं हैं।

प्रोजेक्ट बनाने के बाद, हमें इसमें कुछ फाइलें जोड़ने की जरूरत है।

फ़ाइलें या तो खरोंच से "बनाएं" ("फ़ाइल" मेनू) या "जोड़ें" (प्रोजेक्ट संदर्भ मेनू) हो सकती हैं। इसके अलावा, आप एक ही बार में एक दस्तावेज़ और एक संपूर्ण फ़ोल्डर दोनों जोड़ सकते हैं (यदि आपके पास पहले से एक तैयार साइट है जिसे आप RJ TextEd वातावरण में काम करना जारी रखना चाहते हैं)।

परियोजनाओं के साथ काम करने का लाभ न केवल सभी फाइलों की निरंतर उपलब्धता है, बल्कि यह भी है कि आप अपनी गतिविधियों की योजना बना सकते हैं। उदाहरण के लिए, आप संकेत कर सकते हैं कि आपके प्रोजेक्ट में क्या पूरा किया जाना बाकी है। ऐसा करने के लिए, TODO टिप्पणी का उपयोग करें:

इसका सामान्य वाक्यविन्यास है: "// TODO: हमारा पाठ...". ऊपर दिए गए स्क्रीनशॉट में, आप HTML में TODO का उपयोग करने का एक उदाहरण देख सकते हैं, जहां हमने अतिरिक्त टिप्पणी प्रारूप में टू-डू सूची निर्माण को उस भाषा के विनिर्देश के अनुसार संलग्न किया है जिसमें हम कोडिंग कर रहे हैं।

आप "कोड एक्सप्लोरर" टैब (स्क्रीनशॉट में) और पिछले टैब "प्रोजेक्ट कक्षाओं का अवलोकन" दोनों पर टू-डू सूची देख सकते हैं।

वैसे, "कोड एक्सप्लोरर" का उपयोग न केवल परियोजनाओं के लिए, बल्कि व्यक्तिगत फ़ाइलों के लिए भी किया जा सकता है। इसका टैग टैब हमें दस्तावेज़ की संरचना की तुरंत समीक्षा करने और सही जगह पर नेविगेट करने की अनुमति देता है!

अंतर्निहित फ़ाइल प्रबंधक

हम पहले ही दस्तावेज़ संपादन विंडो के अंतर्गत टैब से परिचित हो चुके हैं और अब आइए उनमें से नवीनतम देखें - "फ़ाइल प्रबंधक":

दरअसल, यह टैब एक मानक दो-पैनल फ़ाइल कमांडर है, जिसमें इस तरह के कार्यक्रमों के बुनियादी कार्य होते हैं। इन कार्यों में शामिल हैं:

• फ़ाइलों और फ़ोल्डरों का निर्माण / संशोधन / हटाना;
• फ़ाइलों की प्रतिलिपि बनाएँ/स्थानांतरित करें;
• ज़िप-अभिलेखागार के साथ काम करें;
• एफ़टीपी-सर्वर (डेटा सिंक्रोनाइज़ेशन सहित) के साथ काम करें।

इसके अलावा, अक्सर उपयोग किए जाने वाले फ़ोल्डरों के लिए बुकमार्क बनाने के लिए एक आसान सुविधा है। ऐसा करने के लिए, बस "ऊपर" बटन के बाद तीर पर क्लिक करें और "फ़ोल्डर जोड़ें" चुनें।

वर्तमान में खुली निर्देशिका के लिए एक बुकमार्क बनाया जाएगा और सूची में सबसे ऊपर रखा जाएगा। साथ ही, "पसंदीदा" के फ़ोल्डर स्वचालित रूप से सूची में शामिल हो जाते हैं (मुख्य टूलबार पर तारांकन वाला बटन।

प्लगइन्स के साथ काम करना

RJ TextEd के अस्तित्व के कई वर्षों में, उसके लिए काफी बड़ी संख्या में विभिन्न प्लग-इन लिखे गए हैं।

बड़ा प्लस यह है कि वे सभी एक विशेष पुस्तकालय के माध्यम से सीधे प्रोग्राम इंटरफ़ेस से हमारे लिए उपलब्ध हैं। आप इसे "सेटिंग" मेनू में "ऐड-ऑन" आइटम पर क्लिक करके कॉल कर सकते हैं:

यहां हमारे पास पांच टैब हैं, जिनमें से चार ऐड-ऑन डाउनलोड करने के लिए जिम्मेदार हैं, और अंतिम एक प्रॉक्सी सर्वर के माध्यम से इंटरनेट कनेक्शन स्थापित करने के लिए है। एक विशिष्ट ऐड-ऑन स्थापित करने के लिए, हमें बस इसे सूची में चुनना होगा और "इंस्टॉल करें" बटन पर क्लिक करना होगा।

यदि आवश्यक प्लग-इन उपलब्ध नहीं है, तो आप "डाउनलोड" बटन पर क्लिक करके इसे इंटरनेट से डाउनलोड करने का प्रयास कर सकते हैं।

उसी समय, वास्तव में, हम केवल अतिरिक्त "थीम" और "शब्दकोश" डाउनलोड कर सकते हैं, क्योंकि अन्य अनुभागों के लिए बस कोई ऐड-ऑन नहीं हैं जो सूची में उन लोगों से अलग हैं :)।

यदि आप अपलोड करना चाहते हैं, उदाहरण के लिए, नई थीम, आप देखेंगे कि सूची में शीर्षक ग्रे और काले रंग में लिखे गए हैं। तो, वे ऐड-ऑन जो आपके पास पहले से सूची में हैं, वे ग्रे में चिह्नित हैं, अर्थात, आप वह सब कुछ डाउनलोड कर सकते हैं जो काला है :)।

सेटिंग्स के बारे में थोड़ा

नाश्ते के लिए, जैसा कि वे कहते हैं, आइए प्रोग्राम सेटिंग्स को देखें। आप इसी नाम के मेनू में "सेटिंग" आइटम पर क्लिक करके ऐसा कर सकते हैं:

मैं तुरंत कहूंगा कि आप सभी उपलब्ध विभिन्न विकल्पों के बारे में एक और पूरा लेख लिख सकते हैं, क्योंकि उनमें से बहुत सारे हैं। हालाँकि, मैं उनमें से केवल कुछ का उल्लेख करना चाहूंगा जो पूरी तरह से स्पष्ट नहीं हैं।

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

क्यों? लेकिन क्योंकि संकेतों की पॉप-अप विंडो कभी-कभी संपादित कोड को अवरुद्ध कर देती हैं :(।

यदि आप ऐसी समस्या का सामना करते हैं, तो मैं आपको "सामान्य" संपादक सेटिंग्स के "स्वतः पूर्ण" अनुभाग में सभी कार्यों को अक्षम करने की सलाह देता हूं।

हालाँकि, वास्तव में, यह पर्याप्त नहीं है, और टैग की सूची वाली एक विंडो हमेशा हमारे सामने आती है। सभी संकेतों को पूरी तरह से बंद करने के लिए, हमें "स्वतः पूर्ण विलंब" मान को "-1" पर सेट करना होगा (ऊपर स्क्रीनशॉट देखें)।

वैसे, संकेतों के स्वचालित प्रदर्शन को अक्षम करने के बाद, वे भाषा पट्टी पर "HTML ट्री" बटन दबाकर मैन्युअल मोड में उपलब्ध होंगे:

आखिरी चीज जिसका मैं उल्लेख करना चाहूंगा, वह है जटिल साइटों के साथ काम करने के लिए मानचित्रण स्थापित करना।

उदाहरण के लिए, हम PHP या SSI में एक साइट के साथ काम करना चाहते हैं, लेकिन डिफ़ॉल्ट रूप से, अंतर्निहित ब्राउज़र इंजन केवल संपादित किए जा रहे पृष्ठ के HTML अंशों को संसाधित करेंगे, क्योंकि एक सक्रिय वेब सर्वर को पहले से ही PHP कोड की व्याख्या करने की आवश्यकता होती है।

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

ऐसा करने के लिए, प्रोग्राम सेटिंग्स पर जाएं और "विकल्प" अनुभाग में हम "पूर्वावलोकन (ब्राउज़र)" उपधारा पाएंगे।

हमारे सामने रीडायरेक्ट की एक खाली सूची दिखाई देगी, जहां हमें "जोड़ें" बटन पर क्लिक करना होगा और उपयुक्त फ़ील्ड में रीडायरेक्ट का नाम सेट करना होगा और सर्वर पर प्रोजेक्ट फ़ोल्डर और साइट का पता निर्दिष्ट करना होगा:

बस :) अब, जब आप अपने निर्दिष्ट फ़ोल्डर से कोई महत्वपूर्ण फ़ाइल (जो किसी विशेष पृष्ठ के लिए ज़िम्मेदार है) खोलते हैं, तो पूर्वावलोकन विंडो में आपकी साइट का एक पूरा दृश्य खुल जाएगा!

कार्यक्रम के फायदे और नुकसान

Alt="(!LANG:RJ TextEd के लाभ 12.20">Плюсы:!}

• अपेक्षाकृत छोटा आकार;
• कई भाषाओं के लिए सिंटैक्स हाइलाइटिंग के लिए समर्थन;
• वर्तनी जांच (रूसी भाषा सहित);
• परियोजनाओं के साथ काम करें;
• कई उपयोगी उपकरण जो विकास को सुविधाजनक और गति प्रदान करते हैं।

Alt="(!LANG:RJ TextEd के विपक्ष 12.20">Минусы:!}

• हमेशा सफल स्वत: सुधार नहीं;
• कुछ छोटी उपयोगिताएँ नहीं हैं (उदाहरण के लिए, चयनित टुकड़े में अतिरिक्त लाइन ब्रेक को हटाना)।

निष्कर्ष

एक समय में, रुस्लान बोगदानोव और मैंने एक टेक्स्ट एडिटर खोजने के लिए इंटरनेट पर एक वैश्विक खोज की, जो यूटीएफ -8 का समर्थन करेगा और समृद्ध कार्यक्षमता वाला होगा।

आदर्श मुक्त संपादकदुर्भाग्य से, हमने इसे कभी नहीं पाया, लेकिन जो कुछ भी पाया गया, वह आरजे टेक्स्टएड था जो आदर्श के सबसे करीब था।

इसमें कुछ कार्य स्पष्ट रूप से लागू नहीं होते हैं, लेकिन यह इसके गुणों से अलग नहीं होता है! इसलिए, यदि आप भी अपने लिए एक HTML संपादक खोजने के बारे में चिंतित हैं, तो आपको RJ TextEd से बेहतर संपादक खोजने की संभावना नहीं है। कम से कम हमें तो नहीं मिला...;)

अंतभाषण

हर कोई जो प्रोग्राम करना सीखना चाहता है वह हमेशा एक ही सवाल पूछता है: "कौन सा प्रोग्राम कोड लिखना है?"। उत्तर सरल है: किसी भी नोटपैड में जो सादे, बिना स्वरूपित पाठ के साथ काम करने का समर्थन करता है।

यही है, आपको एक पूर्ण विकसित वर्ड प्रोसेसर की आवश्यकता नहीं है जिसमें आप सामान्य दस्तावेजों को प्रिंट करने के लिए उपयोग किए जाते हैं, लेकिन सबसे सरल पाठ संपादकसभी प्रकार के बटनों और घंटियों और सीटी के बिना, जो सिस्टम आमतौर पर TXT फाइलें खोलने के लिए उपयोग करता है!

स्वाभाविक रूप से, यह बोलने के लिए, न्यूनतम कार्यक्रम है। गंभीर प्रोग्राम लिखने के लिए, आपको उस भाषा के अनुरूप सभी प्रकार के कंपाइलर, सत्यापनकर्ता और अन्य विशिष्ट उपयोगिताओं की भी आवश्यकता होगी जिसमें आप कोड करते हैं।

लेकिन सामान्य HTML के लिए, जिसका उपयोग वेबसाइट बनाने के लिए किया जाता है, आपके पास जो है उसे देखने के लिए एक नियमित नोटपैड और एक ब्राउज़र पर्याप्त हो सकता है।

मैं यहाँ किस बारे में बात करने जा रहा हूँ? यह लेख विभिन्न संपादकों का अवलोकन नहीं है, यह वेबसाइट बनाने में निचले स्तर के अनुभव वाले लोगों के लिए है। इसलिए, यहां तीन प्रश्नों पर विचार किया जाएगा:

1. कोड संपादक क्या है?

2. कोड संपादकों के प्रकार।

3. किस प्रकार का उपयोग करना बेहतर है।

अंतिम प्रश्न अधिक समझदार है, क्योंकि यह शुरुआती लोगों को कई कारणों का खुलासा करेगा कि आपको एक संपादक का उपयोग क्यों नहीं करना चाहिए जो साइट बनाने के काम को बहुत सुविधाजनक बनाता है।

आपको कोड संपादक की आवश्यकता क्यों है

तो, कोड संपादक क्या है? एक कोड संपादक एक प्रोग्राम है जिसे विशेष रूप से किसी भी प्रोग्रामिंग भाषा में कोड लिखने के लिए डिज़ाइन किया गया है। इस तरह के कार्यक्रम का सार एक वेबमास्टर के जीवन को यथासंभव आसान बनाना है। इस तरह के कार्यक्रम, एक नियम के रूप में, उनकी सुविधा के साथ कोड लिखने में बहुत मदद करते हैं।

सुविधा के रूप में, आप कर सकते हैं:

1. कोड हाइलाइटिंग, जो कोड में ही नेविगेशन की सुविधा प्रदान करता है, क्योंकि कभी-कभी कोड बहुत बड़ा हो सकता है।

2. विशेष बटन, जब क्लिक किया जाता है, तो कुछ फ़ंक्शन स्वचालित रूप से असाइन किया जाता है, या HTML के मामले में, एक टैग डाला जाता है।

हालांकि, अगर मैं सामान्य शब्दों में भी, सभी सुविधाओं को सूचीबद्ध करना शुरू कर दूं, तो परिणाम युद्ध और शांति से कम नहीं एक किताब होगी। उनमें से बहुत कुछ हो सकता है।

प्रकारों के बारे में अधिक

अब दूसरे प्रश्न पर आते हैं, और पता लगाते हैं कि किस प्रकार के कोड संपादकों को विभाजित किया गया है। उनमें से केवल दो हैं - यह एक नियमित कोड संपादक और एक दृश्य है। ये दो प्रकार कैसे भिन्न हैं? उनके बीच अंतर यह है कि एक नियमित कोड संपादक में आप स्वयं कोड दर्ज करके सभी परिवर्तन करते हैं, और आप केवल अपने द्वारा संपादित की गई फ़ाइल को चलाकर इन परिवर्तनों के परिणाम देख सकते हैं। विज़ुअल कोड संपादक में, हो सकता है कि कोई व्यक्ति HTML और CSS को बिल्कुल भी नहीं जानता हो, और साथ ही साइट के लिए एक सुंदर पृष्ठ भी बना सकता है।

क्या कोड संपादक इतने महत्वपूर्ण हैं?

ऐसा लगता है कि यह बेहतर हो सकता है? आपको सीएसएस या एचटीएमएल जानने की जरूरत नहीं है, आप कह सकते हैं - आप माइक्रोसॉफ्ट वर्ड की तरह काम करते हैं, खुद को टेक्स्ट लिखते हैं, चित्र, टेबल, लिंक डालते हैं - और प्रोग्राम स्वचालित रूप से उन्हें HTML प्रारूप में एन्कोड करता है और साइट का एक वर्किंग पेज बनाता है। , इसके अलावा, आप तुरंत देख सकते हैं कि आपकी साइट एक बटन के क्लिक पर कैसी दिखेगी।

वास्तविक रूप से, यदि आप जानते हैं कि इस तरह के प्रोग्राम (विज़ुअल कोड एडिटर) का उपयोग कैसे किया जाता है - तो आपको HTML और CSS जानने की आवश्यकता नहीं है। और सब कुछ ठीक लगता है, लेकिन इन संपादकों के अपने हैं, मुझे कहना होगा, बड़े नुकसान.

अब हम आसानी से इस लेख के तीसरे प्रश्न पर आगे बढ़ रहे हैं: किस प्रकार का कोड संपादक उपयोग करना सबसे अच्छा है।

ऐसा लगता है कि सभी कार्ड दृश्य संपादक के हाथों में हैं, आपको HTML या CSS जानने की आवश्यकता नहीं है - बस आवश्यक पाठ लिखें और आवश्यक चित्र डालें। लेकिन नुकसान हैं!

संपादकों के विपक्ष

पहला ऐसा नुकसान- यह एक शुल्क है। ऐसे संपादक कई सौ मारे गए रैकून (सी.यू.) के लायक हैं। सहमत - हर कोई इसे बर्दाश्त नहीं कर सकता! लेकिन, यह माइनस जल्दी से एक प्लस में बदल जाता है, क्योंकि आप हमारे इंटरनेट पर कोई भी प्रोग्राम ढूंढ सकते हैं, इसे डाउनलोड कर सकते हैं और इसे मुफ्त (अवैध रूप से) उपयोग कर सकते हैं। मुख्य बात यह जानना है कि क्या देखना है। लेकिन, यह एक मौद्रिक ऋण है, जिसे आसानी से हल किया जाता है - वे खर्चों पर सिकुड़ जाते हैं और खरीदे जाते हैं।

दूसरा माइनस, और मुझे बहुत महत्वपूर्ण कहना होगा - प्रत्येक दृश्य संपादक जो किसी पृष्ठ के लिए स्वचालित रूप से कोड उत्पन्न करता है, आवश्यकता से अधिक कोड बनाता है।

एक नियम के रूप में, ऐसा कोड 20 प्रतिशत बड़ा होता है। यदि आपके संसाधन का ट्रैफ़िक छोटा है, तो चिंता की कोई बात नहीं है, लेकिन यदि आपके पास एक दिन में कई सौ लोग हैं, तो आपके पृष्ठ होस्टिंग कंपनी के सर्वर पर एक अतिरिक्त भार पैदा करेंगे, और लोड में 20 प्रतिशत की वृद्धि होगी। और यह कंपनी के प्रतिनिधियों के लिए बहुत सुखद नहीं है।

इस समस्या को दो तरह से हल किया जाता है - या तो आप कोड को कम करने के लिए पृष्ठों का अनुकूलन करते हैं, लेकिन इसके लिए आपको कोड को समझने की आवश्यकता है - CSS और HTML को जानें। या आप अपनी मेहनत की कमाई का भुगतान करते हैं।

तीसरा माइनस, संपादक कितना भी "कूल" क्यों न हो, वह आपके लिए विभिन्न प्रोग्रामिंग कार्यों के साथ एक वेबसाइट नहीं बना पाएगा। उदाहरण के लिए, यह एक पत्र भेज रहा है, पृष्ठ पर अंक लगाना, टिप्पणी प्रपत्र, रेटिंग, चुनाव और बहुत कुछ दिलचस्प चीजें जो आपकी साइट को आधुनिक बना देंगी।

क्या मैं एक कोड संपादक के साथ एक वेबसाइट बना सकता हूँ?

आधुनिक साइटें बनाने के लिए, ऐसे विशेष समाधान हैं जो आपके लिए 5 मिनट में सब कुछ तैयार करके एक साइट बनाते हैं, और आप प्रोग्रामिंग भाषाओं के लिए तैयार विकल्पों को बिना समझे ही सुरक्षित रूप से उपयोग कर सकते हैं। इन समाधानों को सामग्री प्रबंधन प्रणाली - सीएमएस कहा जाता है।

लेकिन, इसका मतलब एक और महत्वपूर्ण नुकसान भी है, जो यह है कि प्रत्येक सीएमएस साइट के लिए कई मानक टेम्पलेट्स के साथ आता है - दूसरे शब्दों में, आपकी साइट का डिज़ाइन। और ये टेम्पलेट बदसूरत हैं, अद्वितीय नहीं हैं और केवल आगंतुकों को डराते हैं। और विजुअल एडिटर सीएमएस के लिए टेम्प्लेट नहीं बना पाएगा! चूंकि यह अपनी अंतर्निहित शैलियों और विकल्पों का उपयोग करता है। आपको ऐसे टेम्प्लेट को मैन्युअल रूप से संपादित करने की आवश्यकता है, और इसके लिए फिर से CSS और HTML के ज्ञान की आवश्यकता है।

इसलिए निष्कर्ष - यदि आप एक सुंदर आधुनिक वेबसाइट चाहते हैं- आपके पास दो विकल्प हैं - या तो इस साइट को पेशेवरों से मंगवाएं, और इसकी कीमत सौ डॉलर या उससे अधिक है, या सामग्री प्रबंधन प्रणाली के लिए स्वयं एक टेम्पलेट बनाएं। और इसके लिए आपको CSS और HTML को समझना होगा - एक शर्त! ठीक है, PHP का थोड़ा ज्ञान, लेकिन आप इसके बिना कर सकते हैं!

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

एचटीएमएल और सीएसएस संपादकों को मुफ्त में कहां से डाउनलोड करें

व्यक्तिगत रूप से, मैं उपयोग नहीं करता दृश्य संपादक, लेकिन यदि आप वास्तव में कोड बनाने का यह तरीका पसंद करते हैं, और आप CSS और HTML सीखना चाहते हैं - पहले मैन्युअल रूप से कोड दर्ज करें जब तक कि आप वेब पेज बनाने के कम से कम सबसे सामान्य तत्वों को नहीं सीखते, और उसके बाद ही, स्पष्ट विवेक के साथ, उपयोग करें एक दृश्य संपादक।

कोष्ठक संपादकरूसी संस्करण, शुरुआती लोगों के लिए सबसे अच्छा और समझने योग्य:

SublimeText 3 संपादक, तेज और विश्वसनीय, कई पेशेवरों द्वारा उपयोग किया जाता है (हालाँकि केवल अंग्रेजी):

आपकी राय?

रिलीज वर्ष: 2010

निर्माता: विशेषज्ञ

हैंडआउट प्रकार: वीडियो ट्यूटोरियल

रूसी भाषा

विवरण:

एचटीएमएल और सीएसएस पाठ्यक्रम पर वेबिनार। स्तर 1. W3C मानकों के अनुसार साइटों का निर्माण - वीडियो, लैब, प्रस्तुतीकरण, आदि।

* मॉड्यूल 1. परिचय और बुनियादी अवधारणाएँ*

मार्कअप भाषाओं के बारे में बुनियादी जानकारी: एचटीएमएल, एक्सएमएल, एक्सएचटीएमएल। मार्कअप भाषाओं का विकास। HTML भाषा के लक्ष्य और उद्देश्य।

एक वेब सर्वर, वेबसाइट, वेब पेज क्या है और वे कैसे भिन्न हैं

HTML दस्तावेज़ की संरचना। तत्वों और विशेषताओं को समझना

हमें निर्देश की आवश्यकता क्यों है!DOCTYPE

एक टैग क्या है? टैग प्रकार। HTML दस्तावेज़ को प्रारूपित करने के नियम

पाठ स्वरूपण के मूल तत्व। ब्लॉक के तत्व (ब्लॉक) और टेक्स्ट (इनलाइन) मार्कअप

टिप्पणियों का उपयोग करना।

नोटपैड में एक HTML दस्तावेज़ बनाएं

इंटरनेट पर संसाधनों को संबोधित करने के लिए तंत्र। HTML में तंत्र को लागू करना

A तत्व और उसकी विशेषताओं का उपयोग करके हाइपरलिंक बनाएं। लिंक प्रकार

एक वेब पेज पर एक चित्रण रखना। चित्रण फ़ाइल प्रकार। IMG तत्व और उसके गुण

साइट के पन्नों पर चित्रों का वितरण: ट्रिक्स और टिप्स

मॉड्यूल 3

सूचियों का उपयोग करके वेब पेज पर जानकारी की संरचना करना। सूची प्रकार

HTML 4 में सारणीबद्ध मॉडल की विशेषताएं, HTML 3.2 में मॉडल से अंतर। तालिका और उसके तत्व

तालिका और उसके कक्षों के लिए आकार निर्धारित करने के नियम। कोशिकाओं का विलय। तालिकाओं के साथ काम करते समय सामान्य गलतियाँ

तालिकाओं का उपयोग। टेबल के साथ एक वेब पेज लेआउट करें

नेस्टेड टेबल का उपयोग करना

वेब पेज पर तालिकाओं का उपयोग करने की तकनीक

मॉड्यूल 4

रूपों की आवश्यकता क्यों है? प्रपत्र तत्व

प्रपत्र फ़ील्ड से जानकारी भेजने के तरीके

प्रश्नावली के उदाहरण पर प्रपत्र बनाते समय तालिका कार्यों का उपयोग करना

ब्राउज़र विंडो को फ़्रेम में विभाजित करना। HTML में फ्रेम का विवरण। फ़्रेम इंटरैक्शन लॉजिक सेट करना

फ़्रेम के साथ सामान्य साइट समस्याएं

मॉड्यूल 5: कैस्केडिंग स्टाइल शीट्स (सीएसएस)

सीएसएस के मुख्य लक्ष्य और उद्देश्य। वेब पेज में शैलियाँ जोड़ने के तरीके। CSS स्तर 1 और स्तर 2 विशिष्टताएँ: सुविधाएँ, ब्राउज़र समर्थन

सीएसएस: बुनियादी अवधारणाएं और परिभाषाएं। शैली भाषा व्याकरण

शैलियों और वर्गों का निर्माण। कैस्केडिंग सिद्धांत और समूह सिद्धांत

HTML दस्तावेज़ में तत्वों के लिए शैलियाँ और कक्षाएं लागू करना

शैलियों को संपादित करने के लिए टॉप स्टाइल का उपयोग करना

सीएसएस सजावटी विशेषताएं: सीमा और पैडिंग

छद्म वर्गों और छद्म तत्वों का उपयोग करना

CSS वाले पेज पर पोजिशनिंग एलिमेंट्स

तत्व मॉडल नियंत्रण (प्रदर्शन संपत्ति)

मॉड्यूल 6

बाहरी शैली फ़ाइल बनाना और उसका उपयोग करना। लिंक और आयात करके साइट पृष्ठों से जुड़ना

सूचना प्रस्तुति मॉडल (मीडिया प्रकार) को ध्यान में रखते हुए शैली डिजाइन का विकास

सीएसएस के साथ आधुनिक वेबसाइट लेआउट। CSS क्षमताओं के अधिकतम उपयोग वाली साइटों के उदाहरण पर दृष्टिकोणों का अवलोकन

शैलियों का उपयोग करते हुए वेब पेज लेआउट तकनीक

नई CSS स्तर 2 सुविधाएँ और उनका ब्राउज़र समर्थन।

मॉड्यूल 7: HTML और CSS की उन्नत सुविधाएँ XML प्रौद्योगिकियां और उनका अनुप्रयोग

नई CSS स्तर 2 सुविधाएँ और उनका ब्राउज़र समर्थन। ब्राउज़र क्षमताओं को ध्यान में रखते हुए स्टाइल डिज़ाइन

वेब पेज पर ऑडियो और वीडियो सामग्री का प्लेसमेंट: उदाहरण

कस्टम HTML टैग। कस्टम सीएसएस सुविधाएं (फ़िल्टर)

XML प्रौद्योगिकियां और उनका अनुप्रयोग

मॉड्यूल 8

मेटा तत्व का उपयोग करके साइट मेटा जानकारी का वर्णन करना

होस्टिंग प्रश्न

FTP क्लाइंट सेट करना। कंप्यूटर प्रशिक्षण केंद्र द्वारा निःशुल्क प्रदान किए गए सर्वर पर साइट रखना

साइट समर्थन प्रश्न

साइट के "पदोन्नति" के तरीके विशेषज्ञ की वेबसाइट पर विस्तृत विवरण

नमूना फ़ाइलें: वर्तमान