साइट स्वत: साठी एक आडव्या मेनू करा

समांतर मेनू जवळजवळ कोणत्याही साइटला आहेत - तो एक महत्वाचा भाग आहे तो त्याच्या देखावा आणि उपयोगिता आकर्षित करण्यासाठी किंवा, उलट, अभ्यागतांना दूर घाबरणे करू शकता म्हणून. च्या एक प्राथमिक आडव्या मेनू तयार करा कसे जाणून घेऊ: तो "इमारत" तयार मूलभूत कौशल्ये मास्टर, HTML करा. आपण नक्कीच एक तयार मेनू शोधू शकता, पण कसे स्वत: ला विकसित जाणून घेण्यासाठी किती nicer. हे खूपच मजा आहे.

मेनू करण्यासाठी जाणून घ्या

आम्ही मांडणी प्रमुख आकडेवारी पालन जे शब्दच्छल, ढळणे नाही प्रयत्न करा. प्रथम आपण एक HTML करण्यासाठी आम्ही आमच्या मेनूची साठी "इमारत" करा त्यांच्या स्वत: च्या आडव्या मेनू करण्यासाठी मूलभूत कौशल्ये जाणून घेण्यासाठी आहे. आणि मग तो पध्दतीचा वापर सुशोभित होईल. आमच्या आडव्या मेनू 5 आयटम आहेत द्या. प्रथम आयटम मुख्यपृष्ठावर पुनर्निर्देशित केले जाईल. दुसरा मुद्दा - "आमच्या बद्दल". तिसऱ्या - "आमच्या पुरस्कार". चौथ्या - "हे मजा आहे." पाचव्या - "आम्हाला संपर्क करा".

HTML-कोड या प्रमाणे दिसते:

माहित नाही कोण नाही: उल टॅग वापरले जाते बुलेट, त्याचे घटक ली सुरू. ली टॅग उल लागू केले आहेत की शैली मिळतात.

उल - यादी ब्लॉक घटक, तो रुंदी विस्तार होईल. ली देखील एक ब्लॉक आहे.

त्यामुळे, एक index.html तयार करा. आम्ही आमच्या कोड गोळा. या टप्प्यावर, ब्राउझर ऐवजी एक आडव्या मेनू पेक्षा एक उभ्या दाखवतो. पण आपण ध्येय आम्ही - साइटसाठी एक आडव्या मेनू करणे. या साठी आम्ही CSS आवश्यक आहे.

CSS काय आहे?

साइट विकास मास्टर अद्याप असल्यास, तो Cascading शैली पत्रकास संकल्पना परिचित करणे आवश्यक आहे. खरं तर, या स्वरूपण, प्रक्रिया नियम, एक वेब-साइट पृष्ठांवर भिन्न घटक लागू आहेत आहेत. आम्ही मानक HTML मध्ये घटक गुणधर्म वर्णन तर, आपण कोड समान तुकडे एक दुप्पट करा, हे अनेक वेळा पुन्हा लागेल. वापरकर्त्याच्या संगणकावर पृष्ठ लोड वेळ वाढू होईल. हे टाळण्यासाठी, एक CSS आहे. फक्त एकदाच एक विशिष्ट घटक वर्णन करण्यास पुरेशी, आणि नंतर फक्त जेथे विशिष्ट शैली तत्वांचा वापर सूचित होते. दुसर्या फाइल मध्ये नाही फक्त पृष्ठ स्वतः मजकूर, पण वर्णन करणे शक्य आहे. ही साइट सर्व पृष्ठांवर भिन्न शैली वर्णन लागू करण्याची परवानगी देईल. हे CSS-फाइल संपादित, काही पाने सुधारित देखील सोयीस्कर आहे. शैली पत्रके आपण HTML पेक्षा चांगले स्तरावर फॉन्ट कार्य साइट ग्राफिक्स पृष्ठे रोगाचे टाळण्यासाठी मदत परवानगी देते.

मेनू विकासासाठी शैली पत्रक वापरणे

मेनू साठी CSS-कोड:

1. # My_1menu {यादी शैली: काहीही नाही; पॅडिंग: 6; रुंदी: 800px; मार्जिन: स्वयं;}
2. # My_1menu li {फ्लोट: डावी; फॉन्ट: तिर्यक 18px एरियल;}
3. # My_1menu एक {color: # 756; प्रदर्शन: ब्लॉक; उंची: 55px; रेखा-उंची: 55px; पॅडिंग: 0px 15px 0px 15px; पार्श्वभूमी: #dfc; मजकूर-सजावट: काहीही नाही;}
4. # My_1menu एक: मागेपुढे करणे {रंग: #foa; पार्श्वभूमी: # 788;}

आता परिणामी आडव्या CSS मेनू पाहू द्या.

- गुण अनुसूचित आयटम करून बाकी काढण्यासाठी हा आदेश नाही: - # My_1menu त्यामुळे id = my_1menu, यादी-शैली UL- घटक शैली असाईनमेंट आहे.

रुंदी: 800px - आमच्या मेनू रुंदी 800 पिक्सेल आहे.

पॅडिंग: 0 - या आत पॅडिंग काढून.

मार्जिन: स्वयं - आमच्या पानाच्या मधोमध आडवे मेनू vyravnivnie.

# My_1menu li - शैली ली-घटक देणे.

उंची: 55px - मेनू उंची.

# My_1menu एक: फिरवा - देणे घटक शैली आणि तो प्रेरित आहे तेव्हा माऊस फिरवा.

आम्ही प्रत्येक ओळ तपशील वर्णन नाही प्रत्येक विकासक येथे घटके निर्देशीत करू शकता आहे. वेबसाइट वर मेनू मध्ये शैली वापर हा आधार. आपण चित्रे वापरून, तो अधिक पूर्ण आणि सुंदर देखावा देऊ शकता. घटक वाटप पण, उदाहरणार्थ, पार्श्वभूमीसाठी: url (img1.png) पुन्हा-नाम. पार्श्वभूमी असू द्या: url (img2.png) पुन्हा-X, एक: फिरवा.

आपल्या कल्पनांना, सर्जनशील प्राधान्ये वापरा. मग वेबसाइटवर एक साधी मेनू तयार करा कसे की ज्ञान आधारित, आपण त्याच्या स्वत: च्या अद्वितीय रचना एक पृष्ठ विकसित करू शकता.