2008-09-04 11 views
7

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

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

क्या कोई ऐसी परियोजनाएं हैं जो मैं वर्णन कर रहा हूं जैसा कुछ भी शामिल करती है?

उत्तर

1

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

+0

पुराना सवाल, लेकिन यह था कि मैं इसका उपयोग कर समाप्त हुआ। बस वहां पर इच्छा है जहां थीम के साथ एक साइट इस पर आधारित है। – Staale

5

यूयूआई से Grids framework देखें। विशेष रूप से कमाल Grid Builder है। साथ ही, उनके पास रीसेट, बेस और फ़ॉन्ट सीएसएस फाइलों का एक सेट है जो आपको बनाने के लिए एक अच्छी बेसलाइन प्रदान करेगा।

2

मैं आम तौर पर केवल HTML मानक द्वारा निर्धारित दिशानिर्देशों का पालन करने का प्रयास करता हूं।

  • शीर्षलेख "एच" टैग में जाते हैं (इसलिए मुख्य शीर्षक के लिए एक एच 1 टैग, फिर उस के तहत एक या अधिक एच 2 टैग)।
  • नि: शुल्क पाठ पी टैग में पैराग्राफ में समूहित हो जाता है।
  • जानकारी के तर्कसंगत समूहबद्ध अनुभाग DIV टैग में जाते हैं।
  • किसी भी प्रकार की सूची (यहां तक ​​कि मेनू जो आप अंततः क्षैतिज रूप से रख सकते हैं) यूएल, ओएल या डीएल जैसे सूची टैग में हैं।
  • जानकारी के सारणी तालिका टैग में जाते हैं। लेआउट के लिए टेबल टैग का उपयोग न करें।
  • अपनी आईडी और क्लास विशेषताओं के साथ स्मार्ट बनें। आईडी को अद्वितीय रखें और उन तत्वों को असाइन करें जिन्हें आप जानते हैं पृष्ठ पर अद्वितीय कुछ, जैसे कि नेविगेशन मेनू या पेज फ़ूटर का प्रतिनिधित्व करते हैं। उसी कक्षा को उन तत्वों को असाइन करें जिन्हें दोहराया जाता है लेकिन समान (जिसे आप एक समान दृश्य शैली के साथ प्रस्तुत करना चाहते हैं)।

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

मेरे बारे में बात करने के उदाहरण के लिए मेरे home page के स्रोत पर नज़र डालें।

1

BluePrintCSS, जो मुझे पता है, पहले सीएसएस ढांचे से, था। यूयूआई सीएसएस फ्रेमवर्क के रूप में, यह आपको लेआउट को संभालने में मदद करता है।

इस प्रकार का ढांचा आपको आपकी साइट के लिए कई सीएसएस बनाने में मदद करेगा।

ब्लूप्रिंटसीएसएस एक परिपक्व परियोजना है इसलिए मैं आपको इसे जांचने के लिए प्रोत्साहित करता हूं।