कैसे

HowTo होम

मेनू

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

इमेजिस

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

बटन

अलर्ट बटन रूपरेखा बटन स्प्लिट बटन एनिमेटेड बटन लुप्त होती बटन छवि पर बटन सोशल मीडिया बटन और पढ़ें कम पढ़ें लोड हो रहा है बटन डाउनलोड बटन गोली बटन अधिसूचना बटन चिह्न बटन अगला/पिछला बटन Nav . में और बटन ब्लॉक बटन टेक्स्ट बटन गोल बटन शीर्ष बटन पर स्क्रॉल करें

फार्म

लॉगिन फॉर्म साइनअप फॉर्म चेकआउट फॉर्म संपर्क करें प्रपत्र सोशल लॉग इन फॉर्म रजिस्टर फॉर्म प्रतीक के साथ प्रपत्र समाचार पत्रिका स्टैक्ड फॉर्म उत्तरदायी प्रपत्र पॉपअप फॉर्म इनलाइन फॉर्म इनपुट फ़ील्ड साफ़ करें संख्या तीर छुपाएं टेक्स्ट को क्लिपबोर्ड पर कॉपी करें एनिमेटेड खोज खोज बटन फ़ुलस्क्रीन खोज नवबार में इनपुट फील्ड नवबार में लॉगिन फॉर्म कस्टम चेकबॉक्स/रेडियो कस्टम चयन गिल्ली टहनी चेकबॉक्स चेक करें कैप्स लॉक का पता लगाएं एंटर पर ट्रिगर बटन पासवर्ड सत्यापन पासवर्ड दृश्यता टॉगल करें एकाधिक चरण प्रपत्र स्वत: पूर्ण स्वत: पूर्ण बंद करें वर्तनी जांच बंद करें फ़ाइल अपलोड बटन खाली इनपुट सत्यापन

फिल्टर

फ़िल्टर सूची फ़िल्टर तालिका फ़िल्टर तत्व ड्रॉपडाउन फ़िल्टर करें सूची क्रमबद्ध करें वर्तनी तालिका

टेबल

ज़ेबरा धारीदार तालिका सेंटर टेबल्स पूर्ण-चौड़ाई तालिका अगल-बगल टेबल्स उत्तरदायी टेबल्स तुलना तालिका

अधिक

फ़ुलस्क्रीन वीडियो मोडल बॉक्स मोडल हटाएं समय स्क्रॉल संकेतक प्रगति पट्टी कौशल बार रेंज स्लाइडर टूलटिप्स प्रदर्शन तत्व होवर पॉप अप खुलने और बंधनेवाला पंचांग एचटीएमएल शामिल है करने के लिए सूची लोडर स्टार रेटिंग यूजर रेटिंग ओवरले प्रभाव संपर्क चिप्स पत्ते फ़्लिप कार्ड प्रोफाइल कार्ड उत्पाद कार्ड अलर्ट पुकारें टिप्पणियाँ लेबल मंडलियां स्टाइल एचआर कूपन सूची समूह गोलियों के बिना सूची उत्तरदायी पाठ कटआउट टेक्स्ट चमकता हुआ पाठ निश्चित पाद लेख चिपचिपा तत्व समान ऊँचाई क्लियरफिक्स उत्तरदायी फ़्लोट्स काफ़ीहाउस फ़ुलस्क्रीन विंडो स्क्रॉल आरेखण चिकना स्क्रॉल ग्रेडियंट बीजी स्क्रॉल स्टिकी हैडर स्क्रॉल पर हैडर सिकोड़ें मूल्य निर्धारण तालिका लंबन आस्पेक्ट अनुपात उत्तरदायी इफ्रेम्स पसंद/नापसंद टॉगल करें टॉगल छुपाएं/दिखाएं डार्क मोड टॉगल करें टेक्स्ट टॉगल करें टॉगल क्लास कक्षा जोड़ें कक्षा हटाएं सक्रिय वर्ग ट्री व्यू संपत्ति निकालें ऑफलाइन डिटेक्शन छिपे हुए तत्व का पता लगाएं वेबपेज पुनर्निर्देशित करें ज़ूम होवर फ्लिप बॉक्स केंद्र लंबवत डीआईवी में केंद्र बटन होवर पर संक्रमण तीर आकार डाउनलोड लिंक पूर्ण ऊंचाई तत्व ब्राउज़र विंडो कस्टम स्क्रॉलबार स्क्रॉलबार छुपाएं स्क्रॉलबार दिखाएं/बल दें डिवाइस लुक सामग्री संपादन योग्य सीमा प्लेसहोल्डर रंग पाठ चयन रंग बुलेट रंग ऊर्ध्वाधर रेखा परकार चेतन प्रतीक काउंटडाउन टाइमर टाइपराइटर जल्द आ रहा है पेज चैट संदेश पॉपअप चैट विंडो विभाजित स्क्रीन प्रशंसापत्र अनुभाग काउंटर उद्धरण स्लाइड शो बंद करने योग्य सूची आइटम विशिष्ट डिवाइस ब्रेकप्वाइंट खींचने योग्य HTML तत्व जेएस मीडिया प्रश्न सिंटैक्स हाइलाइटर जे एस एनिमेशन जे एस स्ट्रिंग लंबाई जेएस घातांक जेएस डिफ़ॉल्ट पैरामीटर्स वर्तमान URL प्राप्त करें वर्तमान स्क्रीन आकार प्राप्त करें इफ्रेम तत्व प्राप्त करें

वेबसाइट

एक मुफ्त वेबसाइट बनाएं वेबसाइट बनाएं एक स्टेटिक वेबसाइट बनाएं एक वेबसाइट बनाएं (W3.CSS) एक वेबसाइट बनाएं (BS3) एक वेबसाइट बनाएं (बीएस 4) एक वेबसाइट बनाएं (BS5) वेबसाइट बनाएं और देखें एक लिंक ट्री वेबसाइट बनाएं एक पोर्टफोलियो बनाएं एक रिज्यूमे बनाएं एक रेस्तरां वेबसाइट बनाएं एक व्यवसाय वेबसाइट बनाएं एक वेबबुक बनाएं केंद्र वेबसाइट संपर्क अनुभाग पेज के बारे में बड़ा हैडर उदाहरण वेबसाइट

ग्रिड

2 कॉलम लेआउट 3 कॉलम लेआउट 4 कॉलम लेआउट ग्रिड का विस्तार सूची ग्रिड दृश्य मिश्रित कॉलम लेआउट कॉलम कार्ड ज़िग ज़ैग लेआउट ब्लॉग लेआउट

गूगल

गूगल चार्ट गूगल फ़ॉन्ट्स गूगल फॉन्ट पेयरिंग Google विश्लेषिकी सेट करें

कन्वर्टर्स

वजन बदलें तापमान परिवर्तित करें कन्वर्ट लंबाई कन्वर्ट स्पीड

ब्लॉग

एक डेवलपर नौकरी प्राप्त करें फ्रंट-एंड देव बनें।

रेस्टोरेंट की वेबसाइट कैसे बनाये

रेस्टोरेंट की वेबसाइट ब्रांड बनाने में मदद करती है।

यह लोगों को आपको ऑनलाइन ढूंढने देता है।

लोग संपर्क विवरण जैसे फोन नंबर, पता और खुलने का समय ऑनलाइन खोजते हैं।

अपने ग्राहकों को आज ही अपनी टेबल ऑनलाइन बुक करने दें!

फ्री में वेबसाइट बनाएं »

रेस्टोरेंट की वेबसाइट क्यों बनाएं

साइट को उस रूप में प्रस्तुत करें जैसा आप दिखाना चाहते हैं।

ग्राहक आपको खोज कर ढूंढ सकते हैं।

ऑनलाइन आरक्षण से ग्राहकों के लिए टेबल बुक करना आसान हो जाता है।

टेकअवे आदेश।

ऑनलाइन भुगतान संभव बनाएं।

वेबसाइट बनाते समय आप क्या कर सकते हैं इसकी कोई सीमा नहीं है।


एक रेस्टोरेंट वेबसाइट बनाने के लिए मुझे क्या जानना चाहिए

किसी भी वेबसाइट को बनाने के लिए HTML, CSS और JavaScript मूल भाषाएं हैं।

टेम्पलेट का उपयोग करना और उसे वैयक्तिकृत करना आसान है।

  1. HTML के साथ संरचना बनाएं। पहली चीज जो आपको सीखनी है, वह है HTML, वेब पेज बनाने के लिए मानक मार्कअप भाषा।
  2. एचटीएमएल सीखें
  3. सीएसएस के साथ शैली। अगला कदम सीएसएस सीखना है, अपने वेब पेज के लेआउट को सुंदर रंगों, फोंट और बहुत कुछ के साथ सेट करना है।
  4. सीएसएस सीखें
  5. इसे जावास्क्रिप्ट के साथ इंटरैक्टिव बनाएं। एचटीएमएल और सीएसएस का अध्ययन करने के बाद, आपको अपने उपयोगकर्ताओं के लिए गतिशील और इंटरैक्टिव वेब पेज बनाने के लिए जावास्क्रिप्ट सीखना चाहिए।
  6. जावास्क्रिप्ट सीखें

वेबसाइट बनाना मजेदार है - इसे आजमाएं!


मैं कैसे शुरू करूँ

आरंभ करने के दो तरीके हैं।

खरोंच से या टेम्पलेट का उपयोग करके निर्माण करें


खरोंच से निर्माण

स्क्रैच से एक स्थिर वेबसाइट कैसे बनाएं, इसके लिए यहां पढ़ें वेबपेज कैसे बनाएं

एक बार जब आप लेआउट बना लेते हैं। नीचे सूचीबद्ध चार आवश्यक खंड जोड़ें:

1. हीरो सेक्शन।

नायक अनुभाग आपकी वेबसाइट की पहली छाप है।

यह पाठक को यह समझने में मदद करता है कि आपका रेस्तरां किस बारे में है।

यह अक्सर "टेबल बुक करें" या "हमारा मेनू देखें" जैसे कॉल-टू-एक्शन बटन प्रदर्शित करता है।

कार्य अनुभव अनुभाग

2. मेनू।

मेनू ऑनलाइन उपलब्ध होने से पाठक को पता चलता है कि आप क्या पेशकश कर रहे हैं।

सौदों और प्रचारों को प्रदर्शित करने के लिए मेनू का उपयोग करें।

कार्य अनुभव अनुभाग

3. रेस्टोरेंट के बारे में।

पाठक को रेस्तरां और उसके इतिहास का सारांश दें।

भोजन के प्रति आपके जुनून को समझने में पाठक की सहायता करें।

उन्हें उस अनुभव के बारे में बताएं जो वे आपके साथ कर सकते हैं।

टेक्स्ट को छोटा रखें।

कार्य अनुभव अनुभाग

4. हमसे संपर्क करें।

पाठक को अपना स्थान बताएं और वे कैसे संपर्क कर सकते हैं।

आपसे संपर्क करना आसान बनाने के लिए सोशल मीडिया लिंक जोड़ें।

यहां आप "बुक टेबल" कॉल टू एक्शन भी शामिल कर सकते हैं।

कार्य अनुभव अनुभाग

एक टेम्पलेट का प्रयोग करें

टेम्पलेट को वैयक्तिकृत करना आसान है।

टेम्प्लेट को सीधे W3Schools Spaces में लोड करें। कुछ ही क्लिक में अपनी साइट का संपादन शुरू करें।

शुरू हो जाओ ❯

* किसी क्रेडिट कार्ड की आवश्यकता नहीं

टेम्प्लेट ब्राउज़ करें

आपके उपयोग के लिए हमारे पास टेम्पलेट तैयार हैं। यहां कुछ उदाहरण दिए गए हैं:

पिज़्ज़ा रेस्टोरेंट टेम्पलेट

पेटू खानपान खाका

मॉडल रेस्तरां टेम्पलेट


W3Schools रिक्त स्थान

W3Schools Spaces

आपको जो कुछ भी चाहिए वह ठीक ब्राउज़र में है। इसका उपयोग करना आसान है - इसे आजमाएं!

मुफ़्त में शुरू करें