कैसे एक बुनियादी सीएसएस लेआउट बनाने के लिए
सीएसएस लेआउट का उपयोग करके टेबल बिना Designing तेजी से वेब पर है क्योंकि मेरे पिछले लेख में वर्णित लाभ के नए मानक बनता जा रहा है. इन दिनों वेब ब्राउज़र इस्तेमाल कर रहे हैं अब वेब पृष्ठों को प्रदान कर proficiently. इस लेख में मैं एक बुनियादी 2 कॉलम सीएसएस लेआउट जो आप पेज भविष्य डिजाइन projects.Web के लिए उपयोग कर सकते हैं: http://www.isitebuild.com/css/css-layout.html पहनाव शीट बनाने के प्रयास होंगे: http://www.isitebuild.com/css/stylesheet.htm1. वर्गों में अपने पृष्ठ फूट डालो - div id टैग्स आप अपने वेब पेज पर अलग विभाजन बनाने के लिए अनुमति देता है. वे एक अद्वितीय पहचान के साथ की पहचान कर रहे हैं. फिर आप एक शैली जोड़ सकते हैं (सीएसएस चयनकर्ता) जो कि विशेष रूप से पहचान की div पर लागू होता है. याद है DOCTYPE शामिल करने के लिए (आपके पृष्ठ के लिए सही प्रदान ब्राउज़र में) और मेटा टैग (खोज इंजन के लिए अपने पृष्ठों मकड़ी सक्षम बनाता है). आवरण: div है कि सभी पृष्ठ तत्वों के लिए एक कंटेनर की तरह अन्य divs आसपास wraps. शीर्षक: मुख्य पृष्ठ के शीर्ष के बैनर परिभाषित करता है: पृष्ठ एनएवी के मुख्य सामग्री को परिभाषित: पृष्ठ पाद लेख के नेविगेशन परिभाषित करता है: पाद लेख और उप page2 के नेविगेशन परिभाषित करता है. सीएसएस कोड बनाएँ - सीएसएस कोड शैलियों पृष्ठ एक केन्द्रित एक नेविगेशन बार और पाद लेख के साथ 2 कॉलम सीएसएस लेआउट के रूप में. Div # आवरण शैली पैदा केंद्रित बॉक्स जो पृष्ठ सामग्री के आराम के लिए एक कंटेनर के रूप में कार्य करता है. चौड़ाई: 80% शासन div की चौड़ाई सेट. Background-color: # FFFFFF शासन div के लिए एक सफेद पृष्ठभूमि बनाता है. मार्जिन टॉप: 50px और मार्जिन-bottom: 50px नियमों div केंद्र एक ब्लॉक सीएसएस के साथ स्तर तत्व को itself.The उचित तरीके के लिए ऊपर से नीचे तक हाशिए के लिए 50 पिक्सल के एक जगह बनाने के लिए मार्जिन सेट है, छोड़ दिया: ऑटो और मार्जिन-right: ऑटो. यह ब्राउज़र को स्वचालित रूप से दोनों पक्षों के लिए समान लाभ की गणना का निर्देश, इस प्रकार div केंद्रित. सीमा: पतली ठोस # 000000 शासन बाहरी div चारों ओर एक सीमा कहते हैं. सीएसएस कोड शैलियों divs के बाकी शीर्ष, पाद लेख, नव, और मुख्य content.The div # हैडर और पाद लेख div # शैलियों के लिए मार्जिन और उन divs के लिए padding सेट. इसके अतिरिक्त, div # शीर्षक पाठ शामिल-align: केंद्र के लिए केंद्र शासन शीर्षक पाठ, और div # पाद लेख सीमा टॉप: पतली ठोस # 000000 शासन को div के शीर्ष बढ़त के साथ एक सीमा को तालिका में पाद लेख के ऊपर क्षैतिज शासन की जगह आधारित layout.The # एनएवी और div div बनाना भी शामिल है # मुख्य शैली केन्द्रित बक्से के बीच में दो कॉलम बनाएँ. Div # एनएवी शैली में फ्लोट: छोड़ा नियम अपनी मूल तत्व के बाईं तरफ div धक्का (आवरण div), और चौड़ाई: 25% शासन है div चौड़ाई सेट मूल तत्व का 25 प्रतिशत है. नव div के साथ के लिए छोड़ दिया और एक सेट चौड़ाई तक ही सीमित है, यह मुख्य div के लिए कमरे पत्तियों को एनएवी div के दाईं ओर ले जाने के लिए, इस प्रकार दो कॉलम प्रभावी बनाने के मंगाई. div # मुख्य शैली शामिल हैं मार्जिन-left: 30% शासन मुख्य एक साफ कॉलम में गठबंधन के बजाय नव कॉलम के नीचे से बाहर फैल पाठ रखने के लिए. मुख्य है div छोड़ मार्जिन थोड़ी से भी बड़ा मान पर सेट है नव div.Style शीट http://www.isitebuild.com/css/stylesheet.htmIf लिंक की चौड़ाई कहीं पृष्ठ वे ऊपर के रूप में ही एक नीली कड़ी .. संपत्ति के वारिस न होंगे पर रख दिया गया है कि लाल hovers. क्या होगा यदि आप चाहते हैं लिंक है कि एक अलग रंग हैं और उन पर अपने माउस गुजर रहे हैं पर वे underlined.4 का कोई अन्य सेट बनाएँ. नीचे नेविगेशन बनाएँ - के लिए पृष्ठ की अनुभाग में यह शामिल है, मैं div # पाद लेख और कोड का उपयोग करें प्रत्येक तदनुसार लिंक. इस सूची का उपयोग करना मैं जाना क्षैतिज: प्रदर्शन: इनलाइन, अब है कि मैं अपनी शैली पत्रक मैं इसे अपने बाह्य शैली पत्रक को जोड़ने के पृष्ठ पर कोड को कम करना चाहते बनाने समाप्त कर दिया है. यहाँ है कैसे 4:. एक बाह्य शैली पत्रक बनाएँ - कॉपी और सीएसएस कोड पेस्ट (इन टैग के बिना:) Notepad में है और यह 'शैली पत्रक "जैसे लेबल कुछ. अपने वेब page.This के सिर टैग्स के बीच इस शैली पत्रक प्लेस होगा अपने पृष्ठ पर कोड को कम इतनी जल्दी लोड खोज इंजन और अधिक से अधिक आसानी से अपने page.4 वेब मकड़ी कर सकते हैं. अपने पृष्ठ में सामग्री जोड़ें - के बाद आप अपने पृष्ठ को मिला है ठीक से देख रही है, तुम और अधिक सामग्री जोड़ सकते हैं यह. समायोजन आसानी से पृष्ठ (या बस का संपादन एक sheet.5 शैली द्वारा अपने पूरे स्थल) पर किसी भी शैली के लिए किया जा सकता है. अपलोड अपनी फ़ाइलें - करने के लिए रूट निर्देशिका में अपने वेब पृष्ठों और शैली पत्रक अपलोड कर लें अपने server.6. मान्य कोड अपने - अपने एक्सएचटीएमएल कोड को मान्य यकीन है कि: हो http://validator.w3.org/ और सीएसएस कोड: http://jigsaw.w3.org/css-validator/ और कर सुधार necessary.7 कहाँ. जांच ब्राउज़र और संगतता स्क्रीन संकल्प - जाँचें कि आपके अच्छी तरह से लोकप्रिय ब्राउज़र में पृष्ठ renders (IE6, NN7, Firefox) यदि आप सीएसएस लेआउट के साथ शुरू कर रहे हैं, तो अपने पृष्ठों के लिए छोटे बदलाव करने से धीरे धीरे लागू करने के एक शैली बनाने अर्थात अपने मुख्य हेडर और फ़ॉन्ट केवल के लिए चादर. आप सीएसएस के साथ अधिक परिचित हो तुम अंततः सभी सीएसएस layouts.Resources के साथ अपने भविष्य स्थल: बेसिक सीएसएस लेआउट का निर्माण कर सकते हैं जैसे http://www.isitebuild.com/css/css-layout.htmlCSS सीएसएस stylesheet http://www.isitebuild.com/css/index के http://www.isitebuild.com/css/stylesheet.htmBenefits. htmHerman Drost प्रमाणित इंटरनेट का वेबमास्टर CIW (है) मालिक और http://www.iSiteBuild.com के लेखक वहन योग्य वेब साइट डिजाइन और वेब होस्टिंग. अधिक मूल लेख के लिए अपने 'विपणन युक्तियाँ न्यूजलेटर' के लिए सदस्यता लें. mailto: subscribe@isitebuild.com. तुम पढ़ सकते हैं
Article Source: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster Get Html Code
Add this article to your website now!
Webmaster Submit your Articles
No registration required! Fill in the form and your article is in the Messaggiamo.Com Directory!
