एचटीएमएल लेआउट डिझायनर यात काय समाविष्ट आहे. मांडणी म्हणजे काय? ब्लॉक लेआउट उदाहरण

विंडोजसाठी 12.04.2019

विंडोजसाठी

एचटीएमएल मूळतः अशी भाषा बनवण्याचा हेतू होता ज्याला रंग, आकार, किनारी किंवा यासारखे कोणत्याही डिझाइन वैशिष्ट्यांची आवश्यकता नसते. युरोपियन इन्स्टिट्यूट फॉर पार्टिकल फिजिक्स (CERN) येथे विकसित केलेले, एचटीएमएल हे शास्त्रज्ञांचे खेळ होते ज्यांना प्रामुख्याने माहितीच्या तर्कशास्त्रात रस होता. व्हिज्युअल प्रतिनिधित्व. त्या वेळी, वेब डिझाइन आणि लेआउटची संकल्पना अद्याप अस्तित्वात नव्हती, सर्व साइट डिझाइनमध्ये जवळजवळ सारख्याच होत्या, ज्याला आता "शैक्षणिक डिझाइन" म्हटले जाते; एक उदाहरण अद्याप lib.ru वर पाहिले जाऊ शकते.

तथापि, वापरकर्ते प्रामुख्याने वेगळ्या पद्धतीने विचार करतात आणि पाहतात सुंदर चित्र, तिला प्राधान्य दिले. नेटस्केप ब्राउझरच्या विकसकांना हे उत्तम प्रकारे समजले आणि त्यांनी ते सादर केले HTML नवीनटॅग जे सुधारतात देखावादस्तऐवज. हे टॅग प्रमाणित नव्हते आणि ते फक्त नेटस्केपमध्ये काम करत होते, जे या ब्राउझरच्या व्यापक वर्चस्वाच्या युगात काही फरक पडत नव्हते. सर्व विद्यमान ब्राउझरपैकी नेटस्केपचा वाटा 90% पेक्षा जास्त आहे.

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

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

ब्राउझरच्या कालबाह्य आवृत्त्या CSS (कॅस्केडिंग स्टाईल शीट्स, कॅस्केडिंग टेबलशैली), त्यामुळे कोड HTML आणि CSS चा हॅश होता. यामुळे टेबल्सचा वापर सुरू झाला अदृश्य सीमा, जे बर्याच काळापासून वास्तविक मानक बनले आहेत.

वेबसाइट डेव्हलपमेंटचा पुढचा टप्पा म्हणजे कॅस्केडिंग स्टाइल शीट्स लेव्हल 2, संक्षिप्त CSS2 नावाच्या स्पेसिफिकेशनचा जन्म. पुढे कॅस्केडिंग स्टाइल शीट्स लेव्हल 2 रिव्हिजन 1 (CSS 2.1) अपडेट आले, जे आजही वापरात आहे. ब्राउझरच्या नवीन आवृत्त्यांचे प्रकाशन, जे पूर्णतः नसले तरी, समर्थन करते, वेबसाइट्सवरील काम मोठ्या प्रमाणात सुलभ केले आहे. परिणामी, टॅब्युलर लेआउटपासून ब्लॉक लेआउटपर्यंत किंवा त्याला स्तरित लेआउट असेही म्हणतात, ज्यामध्ये पृष्ठावरील घटकांची व्यवस्था आणि त्यांचे स्वरूप शैलींद्वारे निर्दिष्ट केले जाते असे हळूहळू संक्रमण होऊ लागले.

सध्या, असे आधीच म्हटले जाऊ शकते की टॅब्युलर लेआउट बहुतेक पुरातन आहे. तथापि, अजूनही अनेक साइट्स आहेत जसे की yandex.ru, artlebedev.ru आणि इतर, टेबलच्या मदतीने तयार केल्या आहेत. हा पुराणमतवाद खालील परिस्थितीशी निगडीत आहे.

स्तरांसह लेआउट हे टेबलपेक्षा अधिक कठीण आहे, कारण त्यासाठी विकासकाला CSS तपशीलाचे सखोल ज्ञान असणे आवश्यक आहे.
ब्राउझरमध्ये असतात विविध त्रुटीअर्थ लावताना शैली गुणधर्म, म्हणून तुम्हाला मुख्य ब्राउझरचे वर्तन, त्यांच्या त्रुटी माहित असणे आणि त्यांना बायपास करण्यात सक्षम असणे आवश्यक आहे.
जवळजवळ प्रत्येक समस्येचे निराकरण अनेक मार्गांनी केले जाऊ शकते; वेळ आणि प्रयत्नांच्या बाबतीत कमीत कमी खर्चिक. इष्टतमतेचे मूल्यांकन करण्यासाठी ते आवश्यक आहे व्यावहारिक अनुभव, विशिष्ट परिस्थितींमध्ये वापरल्या जाणाऱ्या वेगवेगळ्या पद्धती स्टॉकमध्ये ठेवण्यासाठी.

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

लक्षात ठेवा की मांडणी ही एक व्यावहारिक शिस्त आहे आणि केवळ स्वतःच ठरवून विविध कार्येआणि प्रकल्पांवर काम करून, तुम्ही या कलेमध्ये प्रभुत्व मिळवू शकता.

पानाचा आराखडा HTML दस्तऐवजाची रचना विकसित करण्याची प्रक्रिया आहे, ज्याचा परिणाम वेब पृष्ठ आहे. वेब पृष्ठाची रचना संबंधित HTML टॅगद्वारे निर्धारित केली जाते. टॅग्ज - सामग्रीसाठी आयताकृती कंटेनर ब्लॉक्स - ब्राउझर विंडोमध्ये दिसत नाहीत. ते ब्राउझरला सामग्रीच्या प्रकाराबद्दल सांगतात आणि ब्राउझर, या माहितीवर आधारित, त्यांची सामग्री - मजकूर किंवा मीडिया फाइल्स प्रदर्शित करते.