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

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

आज आपण ते काय आहे याबद्दल बोलू html ब्लॉकलेआउट आणि सीएसएस. जादुई प्रोग्रामिंग भाषा कमी भितीदायक होईल. मला आशा आहे की लेखाच्या शेवटी तुम्ही कोडचे काही घटक पाहण्यास शिकाल आणि ते स्वतःसाठी स्वीकारण्यास सक्षम व्हाल ठाम निर्णयया सगळ्यात गुंतून पडावं का?

आपण लेआउट डिझाइनर्सपेक्षा भाग्यवान का आहात ज्यांनी बर्याच काळापूर्वी काम करण्यास सुरुवात केली?

लेआउटचे दोन प्रकार आहेत: ब्लॉक आणि टेबल. पहाटेच्या वेळी, लेआउट टेबलच्या स्वरूपात तयार केले गेले. प्रथम, फक्त एक, मोठा, तयार केला गेला.

डोके, मुख्य भाग, त्यात बांधले गेले. एक ज्यामध्ये लोगो, काही मूलभूत माहिती जसे की दूरध्वनी क्रमांक इ.

मुख्य सामग्री भाग. लेखाचा मजकूर, प्रास्ताविक अभिवादन किंवा आणखी काही.

तळटीप तळाशी स्थित आहे. ते आजही वापरले जाते. नियमानुसार, संपर्क, रिक्त पदे आणि "आमच्याबद्दल" माहितीचे छोटे दुवे येथे घातले आहेत. ते संसाधनाच्या अस्तित्वाच्या तारखा किंवा फक्त जादूचा शब्द "कॉपीराइट" जोडू शकतात, ज्यासह विकासक त्यांच्या कॉपीराइटचे संकेत किंवा संरक्षण करण्याची आशा करतात. दरवाजावर टांगलेल्या घोड्याचा नाल म्हणून त्याचा वापर केल्याने केवळ भुतांना घाबरू शकते, जरी ते, नियम म्हणून, तळटीप पाहत नाहीत.

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

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

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

चरण-दर-चरण सूचना: वेबसाइट कशा बनवल्या जातात

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

80% पेक्षा जास्त लोक फक्त अक्षरांचा एक अनाकलनीय संच पाहतात आणि लक्षात ठेवतात शालेय अभ्यासक्रमगणितात: लॉगरिदम, भिन्नता - ते वेडे होतात, घाबरतात आणि हा विषय विसरतात: "मी जाऊन चीनी शिकलो तर ते सोपे होईल."

तुम्ही आधीच काही अल्गोरिदम पाहिल्या आहेत आणि कॅरेक्टर सेटमध्ये पुनरावृत्ती करणारे घटक आहेत याची खात्री पटली आहे. हे छान आहे आणि, तुम्ही पहा, ते इतके भयानक नाही.

आता वेबसाइट कशी तयार होते ते पाहू. प्रथम, डिझाइनर फोटोशॉपमध्ये काम करतात. त्यांना या चित्रासारखे काहीतरी मिळते. हे फक्त एक छायाचित्र असले तरी, त्यात काही फरक आहेत.

हे विशेष फोटोशॉप स्वरूपात तयार केले जाते, जसे की नोटपॅड txt किंवा Word doc. psd वरून, जसे हे स्वरूप म्हणतात, ब्लॉक्स कापले जातात. यासाठी आहे विशेष बटणडावीकडील मेनूमध्ये.

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

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

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

तुमची पहिली साइट. लेआउट फक्त पाच मिनिटे घेईल

मध्ये आपण लेआउटवर कार्य करू शकता नोटपॅड प्रोग्राम++. आज मी स्पर्श करणार नाही Adobe प्रोग्राम Dreamweaver, कारण हा एका स्वतंत्र लेखाचा विषय आहे, परंतु मी लक्षात घेतो की ते विशेषतः लेआउट डिझाइनरसाठी तयार केले गेले होते.

वेबसाइटवर काम सहसा style.css फाइल तयार करण्यापासून सुरू होत नाही, परंतु मला वाटते की ते तुमच्यासाठी अधिक मनोरंजक असेल. हे मुख्य दस्तऐवज आहे जे आपले पोर्टल कसे दिसेल याचे वर्णन करते. हे सोपे आहे. तुम्हाला इंग्रजी शिकण्याचीही गरज नाही.

पार्श्वभूमी पार्श्वभूमी रंग आहे.

फोटोशॉपमध्ये डबल-क्लिक करून रंग पॅलेटतुम्ही इतर रंग देखील ओळखू शकता.

हे असे दिसेल html दस्तऐवजमजकूर घटकासह. आधीच परिचित मेनू, बॉडी आणि कंटेनर... h2 टॅग देखील तुम्हाला परिचित असावा. हे शीर्षक आहेत. त्यामध्ये तुमचे शब्द लिहा.

हे दोन दस्तऐवज एका फोल्डरमध्ये डाउनलोड करा आणि Notepad++ सह उघडा, नंतर रंग आणि मजकूर संपादित करा, त्यानंतर कोणत्याही ब्राउझरवरून index.html चालवा ( डाउनलोड करा ).

याचा परिणाम असा होईल.

अभिनंदन. हे तुमचे इंटरनेटवरील पहिले पान आहे! तुम्ही ते केले, तुम्ही यशस्वी झालात. साहजिकच, रंगाऐवजी, तुम्ही फोटोशॉपमधून कापलेले चित्र प्रतिमा दस्तऐवजात घालू शकता. हे करण्यासाठी, आपल्याला फक्त मार्ग निर्दिष्ट करणे आवश्यक आहे. जसे आपण पाहू शकता, येथे काहीही क्लिष्ट नाही.

आणि शेवटी... व्हिडिओ धडे डाउनलोड करा

मी तुम्हाला आधीच सांगितल्याप्रमाणे, लेआउटमधील सर्वात कठीण गोष्ट म्हणजे चांगली प्रशिक्षण सामग्री शोधणे. मी स्वतः पुस्तकांपासून सुरुवात केली आणि फक्त दोन आठवड्यांनंतर मी माझी पहिली अनुक्रमणिका फाइल बनवू शकलो. तुम्हाला समजले म्हणून, स्टाईल शीट (CSS) शिवाय हे असे दिसेल.

सहमत आहे, हे अजिबात प्रभावी नाही. म्हणून, मी शिफारस करतो की आपण व्हिडिओ कोर्सद्वारे मूलभूत गोष्टी जाणून घ्या. खाली मी लिंक्स दिल्या आहेत, त्यावर क्लिक करून तुम्ही डाउनलोड करू शकता मोफत धडे html आणि css. ते आपल्याला जलद साध्य करण्याची परवानगी देतात चांगले परिणाम. याव्यतिरिक्त, मनोरंजक व्हिडिओ पाहण्यापेक्षा वाचनासाठी अधिक इच्छाशक्ती आवश्यक आहे.

1. एचटीएमएल - नवशिक्यांसाठी धडे .
2. Css - नवशिक्यांसाठी धडे .
3. वेबसाइट लेआउटवर विनामूल्य मिनी-कोर्स .

तुमच्या प्रयत्नांमध्ये तुम्हाला यश मिळावे अशी माझी इच्छा आहे. मला खात्री आहे की लवकरच तुम्ही केवळ अभ्यासच नाही तर ऑनलाइन कामही सुरू कराल आणि अविश्वसनीय प्रकल्प राबवाल!

जर तुम्हाला हा लेख आवडला असेल तर, वृत्तपत्राची सदस्यता घ्या आणि अधिक मिळवा उपयुक्त साहित्यआपले स्वतःचे कौशल्य सुधारण्यासाठी!

HTML लेआउट डिझायनर हा एक विशेषज्ञ आहे जो वेब पृष्ठे डिझाइन करतो. दुसऱ्या शब्दांत, ते HTML कोडचे ज्ञान आणि सर्व स्टाइलिंग वापरून वेबसाइटसाठी HTML टेम्पलेट तयार करते. ग्राफिक डिझाइन.

एचटीएमएल कोडरवेब पृष्ठे डिझाइन करणारा एक विशेषज्ञ आहे. दुसऱ्या शब्दांत, ते HTML कोडचे ज्ञान आणि सर्व शैली आणि ग्राफिक डिझाइन वैशिष्ट्यांचा वापर करून वेबसाइटसाठी HTML टेम्पलेट तयार करते. ज्यांना संगणक शास्त्रात रस आहे त्यांच्यासाठी हा व्यवसाय योग्य आहे (शालेय विषयांच्या स्वारस्यावर आधारित व्यवसाय निवडणे पहा).

एचटीएमएल - हायपर टेक्स्ट मार्कअप लँग्वेज (इंग्रजी) चे संक्षेप - ही हायपरटेक्स्ट मार्कअप भाषा आहे जगभरवेब पृष्ठे तयार करण्यासाठी आणि प्रकाशित करण्यासाठी वेब. त्यानुसार, HTML लेआउट डिझायनर हा एक विशेषज्ञ आहे जो वेब पृष्ठांचे लेआउट करतो. दुसऱ्या शब्दांत, ते HTML कोडचे ज्ञान आणि सर्व शैली आणि ग्राफिक डिझाइन वैशिष्ट्यांचा वापर करून वेबसाइटसाठी HTML टेम्पलेट तयार करते. व्युत्पन्न केलेला कोड सर्व ब्राउझरमध्ये समान रीतीने प्रदर्शित केला जावा (“क्रॉस-ब्राउझर सुसंगतता”), विचारात घेऊन भिन्न संकल्पमॉनिटर आणि रंगांची संख्या.

व्यवसायाची वैशिष्ट्ये

एचटीएमएल लेआउट डिझायनरच्या कार्यात्मक जबाबदाऱ्या म्हणजे एचटीएमएल कोडच्या रूपात वेब डिझायनरने विकसित केलेल्या साइटची संकल्पना आणि कल्पना लागू करणे. HTML टेम्पलेट तयार करण्याच्या प्रक्रियेमध्ये अनेक टप्पे असतात:

• विश्लेषण ग्राफिक डिझाइनसाइट
• टेम्पलेट मॉडेलची निवड
• ग्राफिक sprites कापून
• HTML टेम्पलेट असेंब्ली

सध्या अस्तित्वात आहे मोठ्या संख्येने संगणक कार्यक्रम, जे लेआउट डिझायनरचे कार्य स्वयंचलित करते, कोड हायलाइटिंगसह विविध मजकूर संपादक, व्हिज्युअल संपादक (नोटपॅड++, Adobe Dreamweaver), फ्रंट-एंड फ्रेमवर्क (प्रोटोटाइपिंगद्वारे वेबसाइट लेआउटच्या वेगवान विकासासाठी कोडच्या तुकड्या आणि वर्ग लायब्ररींचे संच - ZurbFoundation-4, इ.). ते आपल्याला व्हिज्युअल मोडमध्ये कोडचे मोठे तुकडे लिहिण्याची परवानगी देतात, म्हणजेच, कामाच्या प्रत्येक टप्प्याचा परिणाम यात पाहिला जाऊ शकतो. स्वतंत्र विंडो. परंतु व्यावसायिक HTML कोडर हे प्रोग्राम वापरत नाही. तो वापरण्यास सक्षम असणे आवश्यक आहे HTML एन्कोडिंगव्यक्तिचलितपणे, मदतीशिवाय व्हिज्युअल संपादककिमान वजनासह जास्तीत जास्त कोड अचूकता सुनिश्चित करण्यासाठी.

HTML कोडरला कॅस्केडिंग स्टाइलशीट माहित असणे आवश्यक आहे CSS सारण्या, मध्ये JavaScript आणि मूलभूत वेब प्रोग्रामिंग कौशल्ये आहेत PHP भाषा, पर्ल किंवा जावा, तसेच मूलभूत ग्राफिक संपादकफोटोशॉप, फटाके, जिम्प. एक अनुभवी लेआउट डिझायनर मजकूर वापरून एक लहान वेबसाइट तयार करू शकतो मायक्रोसॉफ्ट संपादककमीतकमी साधने आणि संसाधनांसह शब्द.

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

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

व्यवसायाचे फायदे आणि तोटे

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

• नित्यक्रम आणि एकरसता एक विशिष्ट प्रमाणात आहे
• दीर्घकाळ संगणकावर बसण्याची गरज

कामाचे ठिकाण

इंटरनेट कंपन्या, वेबसाइट डेव्हलपमेंट फर्म, डिझाईन स्टुडिओ, त्यांचे स्वतःचे इंटरनेट प्रकल्प असलेल्या संस्था, फ्रीलान्स कार्य

महत्वाचे गुण

• लक्ष, एकाग्रता
• लक्ष केंद्रित करण्याची क्षमता
• स्वतःच्या चुका ओळखण्यात संयम
• चिकाटी
• अचूकता
• अंतिम परिणामासाठी काम करण्याची इच्छा.

एचटीएमएल कोडर बनण्यासाठी प्रशिक्षण

नियमानुसार, एचटीएमएल कोडर स्वतःच व्यवसायात प्रभुत्व मिळवतात. पण विशेष अभ्यासक्रम देखील आहेत. नोकरी मिळवण्यासाठी विशेष शिक्षणाची गरज नाही. नियोक्त्यांची मुख्य आवश्यकता: पोर्टफोलिओद्वारे समर्थित कामाचा अनुभव. माहित असणे आवश्यक आहे: HTML (मॅन्युअल), CSS 1, CSS 2, JavaScript, Dreamweaver, Front Pages, Photoshop, PHP, MySQL, XML\XSL.

(व्यक्तिगत, मॉस्को). आंतरराष्ट्रीय शैक्षणिक संस्था, मध्ये विशेष संगणक शिक्षण. 1999 पासून कार्यरत. 16 देशांमध्ये 42 शाखा. सर्वात मोठे अधिकृत प्रशिक्षण मायक्रोसॉफ्ट सेंटर, सिस्को, ऑटोडेस्क. विद्यार्थ्यांना आंतरराष्ट्रीय प्रमाणपत्रे आणि आंतरराष्ट्रीय डिप्लोमा प्राप्त होतो. मुख्य ध्येय- प्रत्येक पदवीधरचा रोजगार.

मोबदला

04/02/2019 पर्यंत पगार

रशिया 15000–70000 ₽

मॉस्को 35000—100000 ₽

मोबदला एचटीएमएल कोडरच्या निवासस्थानाच्या प्रदेशावर, तो ज्या संस्थेत काम करतो त्या संस्थेची वैशिष्ट्ये आणि एंटरप्राइझच्या स्केलवर अवलंबून असतो. मजुरीदरमहा 40 ते 70 हजार रूबल पर्यंत असू शकते प्रारंभिक टप्पा. मॉस्को आणि मोठ्या शहरांमध्ये, एक अनुभवी HTML लेआउट डिझाइनर दरमहा सुमारे 100 हजार रूबल कमावतो.

करिअर टप्पे आणि संभावना

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

साइट लेआउटचे टप्पे, साइटचे प्रकार आणि लेआउट पद्धती

वेबसाइट तार्किकदृष्ट्या संबंधित HTML दस्तऐवजांचा संच आहे. हे दस्तऐवज ज्या तर्काने जोडले जातात त्याला साइट संरचना किंवा साइट नकाशा म्हणतात.

लेआउट सुरू होण्यापूर्वी ग्राफिक फाइलडिझाइनचे तपशीलवार विश्लेषण केले जाते, त्यानंतर ते भागांमध्ये कापले जाते, ज्याच्या आधारावर HTML दस्तऐवज तयार केला जातो, जो HTML टॅगचा संरचित संच आहे. हे अनेक टप्प्यांत घडते:

• वर्णनासह कॅस्केडिंग स्टाईल शीट तयार केली जाते रंग श्रेणीसाइट आणि पृष्ठावरील घटकांची व्यवस्था
• मेनू, फॉर्म बटणे आणि सर्व साइट नियंत्रणे तयार होतात
• वापरकर्ता इंटरफेस विकसित केला जात आहे.

या क्रियांच्या परिणामी, HTML वेबसाइट टेम्पलेट प्राप्त होते. जर आम्ही स्थिर साइटवर काम करत असाल तर, या टप्प्यावर टेम्पलेट सामग्रीने भरलेले असेल, नंतर साइट होस्टिंगवर अपलोड केली जाईल.

साइट डायनॅमिक असल्यास, साइट सामग्री व्यवस्थापन प्रणालीसह HTML टेम्पलेट समाकलित करणे आवश्यक आहे. या टप्प्यासाठी वास्तुशास्त्राचे ज्ञान आवश्यक आहे CMS टेम्पलेटआणि सर्व्हर भाषाप्रोग्रामिंग

लेआउट लेआउटनुसार, सर्व साइट्स 3 गटांमध्ये विभागल्या आहेत:

• कठोर निश्चित
• अनुकूली रबर (अनुकूल द्रव)
• विस्तारण्यायोग्य लवचिक

फिक्स्ड लेआउट प्रकार हे एक डिझाइन आहे ज्यामध्ये स्तंभ किंवा आकृतीची रुंदी पिक्सेलमध्ये निर्दिष्ट केली जाते आणि अचूकपणे निर्दिष्ट केली जाते.

फ्लुइड लेआउट प्रकार एक डिझाइन आहे ज्यामध्ये स्तंभ किंवा आकृतीची रुंदी टक्केवारी म्हणून सेट केली जाते वर्तमान ठरावस्क्रीन

प्रत्येक प्रकारच्या डिझाइनचे स्वतःचे फायदे आणि तोटे आहेत. प्रत्येक विशिष्ट प्रकरणात, डिझाइनची निवड समस्येचे निराकरण करण्यावर अवलंबून असते. मिश्र डिझाइन देखील शक्य आहे: टेबल डिझाइनचे काही स्तंभ टक्केवारीत सेट केले जाऊ शकतात, तर काही पिक्सेलमध्ये.

मांडणी पद्धती:

टेबल लेआउटमुख्य लेआउट पद्धत म्हणून वापरली जाते; सध्या फ्रेम तयार करण्यासाठी, घटक संरेखित करण्यासाठी, सेट करण्यासाठी वापरले जाते मॉड्यूलर ग्रिड्स, रंगीत पार्श्वभूमी तयार करणे.

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

ब्लॉक लेआउट टॅग ब्लॉक्स वापरून चालते (