साइट आफैलाई लागि तेर्सो मेनु बनाउन

तेर्सो मेनु लगभग कुनै पनि साइट - यो, आकर्षित गर्न वा conversely आगंतुकों तर्साउन टाढा यसको उपस्थिति र उपयोगिता संग गर्न सक्छन्, एउटा महत्त्वपूर्ण भाग हो। का एक प्राथमिक तेर्सो मेनु कसरी बनाउन सिक्न गरौं: सिर्जना आधारभूत सीपहरू मास्टर, एचटीएमएल बनाउन यो "कंकाल"। तपाईं पक्कै पनि एक तयार मेनु पाउन सक्नुहुन्छ, तर यो कसरी आफूलाई विकास गर्न धेरै nicer सिक्न। यो धेरै मजा छ।

मेनु बनाउन सिक्न

हामी जो लेआउट को अग्रणी तथ्याङ्कले पालन गर्ने अर्थ विज्ञान, ले हटना छैन: प्रयास गर्नुहोस्। पहिले तपाईं, एक HTML मा हाम्रो मेनू लागि "कंकाल" बनाउन आफ्नै तेर्सो मेनू गर्न आधारभूत सीप सिक्न छ। र त्यसपछि यो शैली पाना प्रयोग सजाउनु हुनेछ। हाम्रो तेर्सो मेनु 5 वस्तुहरू समावेश गरौं। पहिलो वस्तु होमपेज निर्देशित गरिने छ। दोस्रो बिन्दु - "हाम्रो बारे"। तेस्रो - "हाम्रो पुरस्कार"। चौथो - "यो रमाइलो छ।" पाँचौं - "संपर्क"।

HTML-कोड यो जस्तो देखिन्छ:

कसले थाहा छैन: को लागि उल ट्याग प्रयोग गरिन्छ बुलेट, यसको तत्व ली सुरु। ट्याग ली उल लागू छन् भनेर शैलीहरू हकदार।

उल - सूची को ब्लक तत्व, यो चौडाई गर्न फैलयो गरिनेछ। ली पनि ब्लक छ।

त्यसैले, एक index.html सिर्जना गर्नुहोस्। हामी हाम्रो कोड सङ्कलन। यो बिन्दुमा, ब्राउजर बरु तेर्सो मेनु भन्दा ठाडो प्रर्दशन गर्दछ। तर तपाईं लक्ष्य हामीले - साइट लागि तेर्सो मेनु बनाउन। यो हामी CSS आवश्यक छ।

CSS के हो?

तपाईं साइटहरु को विकास मास्टर गर्न अझै छ भने, यो क्यासकेडिङशैलीपाना पानाहरू को अवधारणा थाह गर्न आवश्यक छ। वास्तवमा, यी वेब-साइट को पृष्ठहरूमा विभिन्न तत्व लागू जुन ढाँचा, प्रशोधनका लागि नियम, छन्। हामी मानक HTML मा तत्व को गुण वर्णन भने, तपाईंले कोड को नै टुक्रा एक दोहराव प्राप्त, यो धेरै पटक दोहोर्याउन हुनेछ। प्रयोगकर्ताको कम्प्युटरमा पृष्ठ लोड समय बढ्नेछ। यो जोगिन, त्यहाँ एक CSS छ। यो एक पटक मात्र एक निश्चित तत्त्व वर्णन गर्न suffices, र त्यसपछि बस जहाँ एक विशेष शैली को गुण प्रयोग गर्न संकेत गर्छ। यो पृष्ठ नै मात्र होइन पाठ, तर पनि अर्को फाइलमा विवरण बनाउन सम्भव छ। यो साइट को सबै पृष्ठहरूमा विभिन्न शैलीहरू विवरण लागू गर्न अनुमति दिन्छ। यो CSS-फाइल परिमार्जन गर्ने, केही पृष्ठ परिमार्जन गर्न सुविधाजनक पनि छ। शैली पाना तपाईं साइट को ग्राफिक्स पृष्ठ worsening जोगिन मदत, एचटीएमएल भन्दा राम्रो स्तर मा फन्टहरूको साथ काम गर्न अनुमति दिन्छ।

मेनु विकास लागि शैली पाना प्रयोग

मेनु लागि CSS-कोड:

1. # My_1menu {सूची शैली: कुनै पनि होइन; padding: 6; चौडाई: 800px; मार्जिन: ओटो;}
2. # My_1menu ली {फ्लोट: बायाँ; फन्ट: Italic 18px एरियल;}
3. # My_1menu एक {रंग: # 756; प्रदर्शन: ब्लक; उचाई: 55px; लाइन उचाई: 55px; padding: 0px 15px 0px 15px; पृष्ठभूमि: #dfc; पाठ सजावट: कुनै पनि होइन;}
4. # My_1menu एक: माथी {रंग: #foa; पृष्ठभूमि: # 788;}

अब परिणाम तेर्सो CSS मेनु हेरौं।

- अनुसूचित वस्तुहरू द्वारा बाँया चिह्न हटाउन यो आदेश कुनै पनि: - # My_1menu त्यहाँ id = my_1menu, सूची शैली संग UL- तत्व लागि शैली जिम्मेवारी छ त।

चौडाई: 800px - हाम्रो मेनु को चौडाई 800 पिक्सेल छ।

padding: 0 - यो भित्र गद्दी हटाउँदछ।

मार्जिन: स्वतः - हाम्रो पेज को केन्द्र मा तेर्सो मेनु vyravnivnie।

# My_1menu ली - assigning शैलीहरू ली-तत्व।

उचाई: 55px - मेनु उचाइ।

# My_1menu एक: माथी - तत्व गर्न शैलीहरू assigning र जब यो गराइएको छ माउस।

हामी हरेक विकासकर्ता यहाँ यसको मापदण्डहरू निर्दिष्ट गर्न सक्नुहुन्छ रूपमा, हरेक लाइन विस्तार वर्णन छैन। वेबसाइटमा मेनुमा शैलीहरू को प्रयोगको लागि यो आधार। तपाईं तस्वीर प्रयोग गरेर, थप समाप्त र सुन्दर उपस्थिति यसलाई दिन सक्छन्। उदाहरणका लागि, पृष्ठभूमि लागि तत्व मानाङ्कन तर,: URL (img1.png) दोहोरिन-एक्स। हुन पृष्ठभूमि त्यहाँ गरौं: URL (img2.png) दोहोरिन-एक्स एक लागि: माथी।

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