मैं अपने एचटीएमएल और सीएसएस को कैसे सुधार सकता हूं?

Question

मैं सौंदर्य निर्णय की कमी से निराश हूं। एक डेवलपर के रूप में, मुझे एक सभ्य दिखने वाली वेबसाइट बनाने के लिए कठिन समय है।

सवाल यह है कि जहां मैं सभी आवश्यक सीएसएस कौशल सीखने या सीएसएस उठाओ वहाँ की तरह "प्रभावी सीएसएस डिजाइन" है कि मुझे

1. करने की अनुमति देता बातें हैं कर सकते हैं जल्दी से
2. सुंदर लग रही वेबसाइट बनाने के लिए इसका इस्तेमाल ?

मैं किसी भी सीएसएस और एचटीएमएल डिजाइनरों की सराहना करता हूं जो मुझे सुंदर मॉकअप वेब पेजों को जल्दी से खींचने की अनुमति देता है।

संपादित करें: शायद मुझे और अधिक स्पष्ट होना चाहिए। अगर मुझे फेसबुक क्लोन के लिए मूल होमपेज के साथ आने के लिए कहा गया तो मैं पूरी तरह से अनजान हूं। मेरे सिर में ऐसी स्क्रीन को नकल करना भी बहुत मुश्किल लगता है। वास्तव में कल्पना की कमी।

Answer 1

इस लिंक को आजमाएं Why developers suck at CSS design। इससे आपको अपनी परियोजनाओं के लिए एक अच्छी आधारभूत रेखा मिल सकती है।

यदि आप छोटे सीएसएस ढांचे के साथ लिंक में कुछ सुझावों को जोड़ते हैं (मुझे boilerplate पसंद है) तो आप प्रत्येक प्रोजेक्ट को काफी सुखद दृश्य आधार रेखा से शुरू करने में सक्षम होना चाहिए। और आप वास्तव में आश्चर्यचकित होंगे कि आपके काम में क्या अंतर है।

Answer 2

http://www.w3schools.com/

तुम वहाँ सब कुछ मिल जाएगा, सीएसएस/HTML आदि

Answer 3

सुंदर वेबसाइटों अक्सर पहले से एक छवि संपादन आवेदन में या कागज पर मौजूद हैं और सीएसएस + एचटीएमएल हिस्सा अंतिम चरण है, अपने डिजाइन को एक वेब-अनुकूल संस्करण में बदलना।

Answer 4

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

एक बार जब आपके पास एक डिज़ाइन टेम्पलेट होता है जो हर कोई अच्छा लगता है, तो सीएसएस आपके मॉकअप के समान दिखने के लिए एक साधारण तकनीकी मामला बन जाता है।

Answer 5

दो सुझाव:

1. "headfirst HTML और सीएसएस" की एक प्रति प्राप्त। एचटीएमएल और सीएसएस के लिए यह सबसे आसान (और अच्छा) परिचय होगा। आप समझेंगे कि कब उपयोग करें।

2. शानदार दृश्यों के लिए प्रेरणा प्राप्त करने के लिए वेब (nytimes.com, सीएसएस जेन ...) के चारों ओर देखो।

Answer 6

दूसरों कुछ संसाधनों के साथ उत्तर दिया, लेकिन इस साइट की जाँच की है: http://www.csszengarden.com/

यह केवल सीएसएस का उपयोग कर कई अलग अलग लेआउट दिखाता है। आप स्रोत डाउनलोड कर सकते हैं और उनकी जांच कर सकते हैं। साथ ही, ट्यूटोरियल और कैसे-करें के लिए संसाधन अनुभाग देखें।

Answer 7

Smashing Magazine पर कुछ शानदार संसाधन हैं सीएसएस सर्वोत्तम अभ्यास पर अपने गाइड का पालन करें और प्रेरणा के लिए अपने कुछ 'सर्वश्रेष्ठ' अनुभागों का उपयोग करें।एक नया वेब डिज़ाइन प्रोजेक्ट शुरू करते समय यह मेरी पहली स्टॉप में से एक है।

Answer 8

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

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

Answer 9

यह आपको मूल डिज़ाइन के साथ आने में मदद नहीं करेगा, लेकिन फिर भी सहायक हो सकता है।

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

डेवलपर के रूप में डिजाइन करने के लिए सीखने तक, रॉबिन विलियम्स 'Non-Designer's Design Book एक महान प्रारंभिक बिंदु है। मेरे पास एक प्रतिलिपि है और निश्चित रूप से किसी भी डेवलपर को इसकी सिफारिश करेगा जो कम सार शब्दों में डिजाइन को समझना चाहता है।

Answer 10

मान लिया जाये कि आप एक डेवलपर हैं जो सभ्य पर्याप्त डिजाइन करना चाहती हैं यहाँ कुछ मैंने किया था जब मैं एक ऐसी ही स्थिति में थे है:

1. अच्छी तरह से XHTML और सीएसएस जानें: वहाँ अच्छे संसाधन का एक बहुत इशारा कर रहे हैं यहां अन्य उत्तरों में बाहर। असल में, यह केवल सीखने के कौशल लेता है जो एक डेवलपर है, आपको इसमें कोई समस्या नहीं होनी चाहिए।

2. न्यूनतम डिजाइन की प्रतिलिपि बनाकर प्रारंभ करें। उनमें से बहुत सारे हैं। एक उदाहरण: http://vandelaydesign.com/blog/design/minimalistic-web-design/ यह आपको आत्मविश्वास और कुछ सौंदर्य भावना बनाने में मदद कर सकता है।

3. एक बार जब आप कई बनाते हैं, मिश्रण करते हैं और मैच करते हैं! मान लीजिए, आप गंभीर डिजाइन नहीं कर रहे हैं, आपको आश्चर्य होगा कि यह आपको कितना दूर ले सकता है।

शुभकामनाएँ!

Answer 11

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

एक साइट जो मैं रखता हूं डिजाइन प्रेरणा के लिए जा रहा है, और बस कुछ महान सीएसएस हैक्स पढ़ने के लिए http://www.csszengarden.com है। लेकिन मुझे उस साइट पर कुछ भी सबमिट करने का साहस कभी नहीं मिला है। आनंद लें और शुभकामनाएँ :-)

Answer 12

A List Apart पढ़ें। मुझे वहां से कुछ बेहतरीन संकेत और सुझाव मिल गए हैं।

Answer 13

एक बहुत ही व्यक्तिपरक प्रश्न। एक सुंदर वेबसाइट क्या है?मैंने कॉलेज में कला का अध्ययन किया (ठीक कला डिजाइन नहीं) और मुझे अपने वेब डिज़ाइन से नफरत है। अधिकांश लोग जो मैं करता हूं लेकिन यह मेरे लिए एक बहुत ही कठिन प्रक्रिया है।

मैं कंप्यूटर विज्ञान में बीएस के साथ एक कट्टर प्रोग्रामर के साथ काम करता हूं और वह बहुत तार्किक संगठित वेब पेज बनाने के लिए जाता है। रंगों के बहुत सारे (और निश्चित रूप से सभी रंगों का मतलब कुछ है) और सबकुछ के लिए पॉपअप विवरण। आपको अपने पृष्ठों को समझने की कुंजी चाहिए। कुछ लोग अपने डिजाइन की तरह काम करते हैं कुछ लोग नहीं करते हैं।

एचटीएमएल और सीएसएस कोड करना सीखना संभव है। मेरी सबसे अच्छी सलाह है कि आप जो कुछ चाहें उसे ढूंढें और इसकी जांच करें। एक कोड परिप्रेक्ष्य के साथ ही एक डिजाइन/सौंदर्य परिप्रेक्ष्य से।

कुछ लोग कभी भी कॉपीकैट चरण से आगे नहीं जाते हैं, लेकिन मुझे लगता है कि यदि आप वास्तव में एक अच्छा डिजाइनर बनना चाहते हैं तो आप अपनी पसंद की चीजों को अवशोषित करेंगे और साइट्स को डिजाइन/विकसित करने के बजाय ऐसा करने का कोई बेहतर तरीका नहीं है। अभ्यास, अभ्यास, अभ्यास या काम, काम, काम !! आप जितना अधिक काम करेंगे उतना बेहतर हो जाएंगे और अंत में आपकी अपनी शैली उभर जाएगी।

Answer 14

मैं अपने वेब ब्राउज़र के साथ रहने वाले सुझाव है पर खोलें:

http://delicious.com/

यह नियमित रूप से सीएसएस और डिजाइन पर ट्यूटोरियल के लिए लिंक है, जो आप अपने आप को खर्च घंटे पढ़ने, और का उपयोग कर मिल सकता है के साथ अद्यतन किया गया है।

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