All Articles Dreamweaver
सीखना सीएसएस Dreamweaver ट्यूटोरियल भाग 1 में: एचटीएमएल तत्व नए सिरे से परिभाषित
Geoff Blake on Tue, February 8th | 0 comments
Learning how to work with CSS is absolutely critical to building contemporary websites. It's one of those things that we, as designers, have to hunker down and learn at some point. And even after you

सीखना कैसे सीएसएस के साथ काम करने के लिए बिल्कुल समकालीन इमारत वेबसाइटों के लिए महत्वपूर्ण है. यह एक उन चीजों है कि हम, डिजाइनर के रूप में, नीचे पुराने ढंग का है और कुछ बिंदु पर सीखने के है. और के बाद भी आप बुनियादी बातों गुरु, वहाँ अभी भी विकास और विस्तार के लिए कमरा है. आप नए गुणों या विशिष्ट परिणामों को प्राप्त करने के लिए कैसे के बारे में सीख सकते हैं, और आप दुबला 'के रूप में अपने सीएसएस रखने के लिए तकनीक की खोज n के रूप में संभव है मतलब हो सकता है.

In this tutorial post, we'll be taking a look at the fundamentals of working with CSS in Dreamweaver. You'll learn about two primary rule types, how to create them, and how to begin applying them throughout your site.

समझ कैसे शैलियाँ कार्य

सबसे पहले मैं आप से पूछना है, आप कुछ अपने अन्य अनुप्रयोगों के में शैलियों के बारे में पता है? InDesign शैली है, Illustrator शैली है ... बिल्ली भी माइक्रोसॉफ्ट वर्ड शैली है. एक शैली बस स्वरूपण विकल्पों का एक संग्रह है. उदाहरण के लिए, हम एक शैली कहा जाता है हो सकता है "जोर" और जोर के भीतर हम एक फ़ॉन्ट, आकार, और एक रंग निर्धारित किया है. इस बिंदु पर, हम अपने दस्तावेज़ में जोर लगाने शुरू करने के लिए, कर सकते हैं और हां, जहां कभी हम इसका इस्तेमाल करते हैं, हम वही फ़ॉन्ट, आकार, और रंग इस्तेमाल किया जा रहा है मिलेगा. अगर हम वापस जाने के लिए और मूल जोर शैली के लिए एक बदलाव बनाने के लिए, तो स्वरूपण तुरन्त अद्यतन जहां कभी इसे अपने दस्तावेज़ में इस्तेमाल किया गया है.

यह कैसे शैलियों पारंपरिक में काम. हालांकि, सीएसएस इस विचार को भी आगे ले जाता है है. या अपनी साइट भर में सभी पृष्ठों के लिए - सिर्फ एक पृष्ठ के भीतर शैलियों के साथ सीएसएस के साथ काम करने के बजाय आप अपने पृष्ठों के एक समूह के लिए नियमों का सेट लागू कर सकते हैं. अपने नियमों की एक संपादित करें, और कि बदलाव के रूप में जल्दी के रूप में अपने पूरे साइट के पार तरंग आप "करेंगे कर सकते हैं फ़ाइल का चयन

अब यह पावर है!

कुछ अन्य जल्दी अंक से पहले हम पर चलते हैं. सबसे पहले, शब्द "शैली" और शब्द "नियम" interchangeably Dreamweaver में और सीएसएस में उपयोग किया जाता है. कभी कभी Dreamweaver शब्द "शैली" और दूसरी बार इसे इस्तेमाल करेंगे "शासन का प्रयोग करेंगे." कई नए उपयोगकर्ताओं और इस मान Dreamweaver दो अलग अलग चीज़ों के बारे में बात कर रहा है द्वारा उलझन में मिलता है. यह नहीं है! शैलियाँ और नियमों को एक ही बात कर रहे हैं.

दूसरा, नियमों की एक सूची एक शैली पत्रक के रूप में संदर्भित किया जाता है. शैली पत्रक या तो किसी विशिष्ट HTML पृष्ठ (यह एक आंतरिक शैली पत्रक कहा जाता है) के भीतर स्थित किया जा सकता है या (बुलाया एक बाह्य शैली पत्रक) अपने पृष्ठों के बाहर एक अलग फ़ाइल के रूप में सहेजा है. वहाँ कई ठंडी चीजें आप शैली पत्रक के साथ कर सकते हैं, और हम में बहुत अधिक विस्तार में उनके बारे में बात Dreamweaver CS5 101: कोर Dreamweaver CS5 .

अब जब कि हम समझते हैं कि कैसे शैलियों काम और शैली पत्रक क्या सब के बारे में की भावना है, हम सीएसएस शैलियों के दो प्राथमिक प्रकार हम साथ काम कर सकते हैं पर चर्चा करनी चाहिए: HTML तत्व, और वर्ग नियम नए सिरे से परिभाषित. प्रत्येक बहुत शक्तिशाली है, और विशिष्ट का उपयोग करता है है. चलो एक नज़र रखना.

पर एक नज़र HTML तत्वों का नए सिरे से परिभाषित

चलो पता HTML तत्वों पहली बार नए सिरे से परिभाषित. यह मेरी शैली के पसंदीदा प्रकार है क्योंकि वे करते क्या है सादे, उबाऊ HTML में लेने के लिए और 21 वीं सदी में पत्थर की उम्र से यह सिर्फ कोड की कुछ लाइनों के साथ खींचें. और शुक्र है हमारे लिए, Dreamweaver सभी भारी उठाने कर रही हो रहा है, तो अगर हम नहीं करना चाहते हैं, हम किसी भी कोड को देखने के नहीं है.

HTML तत्वों को नए सिरे से परिभाषित, हम सादे उबाऊ HTML तत्व ले जा हूँ और सीएसएस के नियंत्रण के तहत उन्हें रखने. उदाहरण के लिए, हम तालिकाओं, छवियों, शीर्षकों, पैराग्राफ, और बहुत ज्यादा और कुछ है कि अपने पृष्ठ पर प्रदर्शित हो सकता है पर नियंत्रण कर सकता है. क्या याद रखना महत्वपूर्ण है कि जब हम एक HTML तत्व को फिर से परिभाषित है, हम उस तत्व की सभी आवृत्तियों को नियंत्रित कर रहे हैं. उदाहरण के लिए, यदि आप एक सीएसएस नियम बनाने कि redefines

, then all
elements on your page are now under the control of your CSS rule. If your redefined
rule resides in an external style sheet, then all tables across your entire site are now all controlled by a single CSS rule.

के रूप में है कि के रूप में भयानक है, यह नहीं हो सकता है कि तुम क्या चाहते हो. क्या होगा अगर तुम सिर्फ एक मेज पर नियंत्रण और दूसरों को छोड़ के रूप में वे थे करना चाहता था? जहां कक्षा नियमों खेलने में आते हैं. हम सिर्फ एक बिट में उन में मिल जाएगा. अभी के लिए, एक त्वरित HTML टैग बनाने की कोशिश नए सिरे से परिभाषित.

यहाँ है कैसे बनाएँ करने के लिए एक एचटीएमएल टैग नए सिरे से परिभाषित:

चरण 1

सीएसएस शैलियाँ पैनल के तल में, नई सीएसएस नियम आइकन पर क्लिक करें.

चरण 2

नई सीएसएस नियम संवाद बॉक्स में जो प्रकट होता है, टैग चयनकर्ता प्रकार ड्रॉप डाउन मेनू से (आलावा कोई HTML तत्व) का चयन .

चरण 3

चयनकर्ता नाम फ़ील्ड में, HTML तत्व है कि आप को नियंत्रित करने करना चाहते हैं के नाम में लिखें.

जब आप तत्व नाम में टाइप, कोण कोष्ठक के लिए बाहर छोड़ने के लिए सुनिश्चित हो. दूसरे शब्दों में, यदि आप नियंत्रण करना चाहता था. "

," you'd simply type in "table."

तत्व नाम में टाइप करने के बजाय, आप इसे चयनकर्ता नाम फ़ील्ड के दाईं ओर पर फ्लाई बाहर मेनू से चुन सकते हैं.

चरण 4

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

ठीक क्लिक करें.

चरण 5

In the CSS Rule Definition dialog box that appears, begin applying the CSS formatting that you'd like to use for your new rule.


For example, if you're redefining a table, you may want to apply a background color, a font, margin settings, and so on. As you're working, click Apply in the CSS Rule Definition dialog box to preview your page. Any elements on your page that you've redefined using CSS will update.

चरण 6

जब आप कर रहे हैं, तो ठीक क्लिक करें .

जब आप बनाने समाप्त कर रहे हैं अपने HTML तत्व नए सिरे से परिभाषित, अपने पृष्ठ पर HTML तत्व की सभी आवृत्तियों अब स्वरूपण है कि आप सीएसएस नियम परिभाषा संवाद बॉक्स में सेट ले. कोई कुछ भी करने के लिए अपने स्वरूपण लागू करने की आवश्यकता है, क्योंकि आप कुछ है कि पहले से ही प्रयोग किया जाता है जा रहा है पुनर्परिभाषित कर रहे हैं. न केवल, लेकिन तुम वापस जाओ और चाहिए अपने पृष्ठ पर सड़क के नीचे कुछ बिंदु पर इस HTML तत्व सम्मिलित हैं, यह भी अपने सीएसएस के नियंत्रण के तहत किया जाएगा. यह काम करने के लिए एक बहुत शक्तिशाली है और बहुत कुशल तरीका है.

हालांकि यह सिर्फ काम करने के साथ HTML तत्वों नए सिरे से परिभाषित करने के लिए एक संक्षिप्त परिचय है, उम्मीद है कि आप देख सकते हैं क्यों वे एक वेब डिजाइनर Toolbox के ऐसे एक महत्वपूर्ण हिस्सा हो. वे सुंदर के साथ काम भी आसान हो. बस 10-20 मिनट के लिए Dreamweaver में उनके साथ एक बिट के आसपास बेला और मुझे यकीन है कि आप उनके साथ गति हूँ.

अब, मैं सीएसएस में Dreamweaver में हमारे देखने के लिए जारी करने के लिए उत्सुक हूँ और दो ​​प्राथमिक नियम प्रकार इस पर चर्चा, तो मुझे भाग 2 में शामिल होने के जहां हम वर्ग के नियमों के साथ काम पर एक नज़र ले जाऊँगा. वहाँ पर मिलते हैं!

भाग 2 के लिए इंतज़ार नहीं कर सकते हैं? आप नहीं है! बीच में इस Dreamweaver ट्यूटोरियल की जाँच करें, और अधिक उन्नत ट्यूटोरियल जल्द ही आने के साथ बाहर!

Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: