नोटपॅड वापरून नवीन वेब पृष्ठ तयार करा

01 ते 07

आपल्या फाइल्स एका नवीन फोल्डरमध्ये ठेवा

आपल्या फाइल्स एका नवीन फोल्डरमध्ये ठेवा. जेनिफर किरिनिन

विंडोज नोटपॅड हा एक मूळ वर्ड प्रोसेसिंग प्रोग्राम आहे ज्याचा वापर आपण आपले वेब पृष्ठे लिहिण्यासाठी करू शकता. वेब पृष्ठे फक्त मजकूर आहेत आणि आपण आपला HTML लिहिण्यासाठी कोणत्याही वर्ड प्रोसेसिंग प्रोग्राम वापरू शकता. या ट्युटोरियलमुळे तुम्हाला प्रक्रियेत मदत मिळेल.

नोटपॅडमध्ये नवीन वेबसाइट तयार करताना पहिली गोष्ट म्हणजे ती साठवण्यासाठी स्वतंत्र फोल्डर तयार करणे. थोडक्यात, आपण आपल्या वेब पृष्ठांना "माझे दस्तऐवज" फोल्डरमध्ये HTML नावाच्या एका फोल्डरमध्ये संग्रहित करता, परंतु आपण त्यांना कुठेही संचयित करू शकता.

  1. माझे दस्तऐवज विंडो उघडा
  2. फाइल > नवीन > फोल्डरवर क्लिक करा
  3. फोल्डरचे नाव द्या my_website

महत्वाची सूचना: सर्व लोअरकेस अक्षरे वापरून आणि कोणत्याही जागा किंवा विरामचिन्हे न वापरता वेब फोल्डर्स आणि फाईल्सला नाव द्या. Windows आपल्याला रिक्त स्थान वापरण्याची परवानगी देत ​​असताना, अनेक वेब होस्टिंग प्रदाते करत नाहीत, आणि आपण स्वत: काही वेळ आणि समस्या वाचू शकाल आपण सुरुवातीपासून फायली आणि फोल्डरचे योग्यरित्या नाव घेतल्यास

02 ते 07

पृष्ठ HTML म्हणून जतन करा

HTML म्हणून आपले पृष्ठ जतन करा जेनिफर किरिनिन

नोटपैड मधील वेब पृष्ठ लिहिताना आपण पहिली गोष्ट म्हणजे पृष्ठाला HTML म्हणून जतन करणे. यामुळे वेळ आणि समस्या नंतर वाचते.

निर्देशिका नावाप्रमाणेच नेहमी सर्व लोअरकेस अक्षरे आणि फाईलचे नाव किंवा स्पेस वर्ण वापरत नाही.

  1. नोटपॅड मध्ये, फाइल वर क्लिक करा आणि मग या रूपात सेव्ह करा.
  2. आपण आपल्या वेबसाइट फायली जतन करत असलेल्या फोल्डरवर नेव्हिगेट करा
  3. सर्व प्रकारचे (*. *) म्हणून प्रकाराप्रमाणे सेव्ह मेनू ड्रॉप-डाउन मेनू बदला .
  4. फाईलला नाव द्या. हे ट्यूटोरियल pets.htm नाव वापरते .

03 पैकी 07

वेब पेज लिहायला सुरुवात करा

आपले वेब पृष्ठ प्रारंभ करा जेनिफर किरिनिन

आपण आपल्या नोटपॅड HTML दस्तऐवजात टाइप करावयाची पहिली गोष्ट म्हणजे DOCTYPE. हे ब्राऊझरला कोणत्या प्रकारचे HTML अपेक्षित आहे हे सांगते हे ट्यूटोरियल HTML5 वापरते

Doctype घोषणा एक टॅग नाही हे एका कॉम्प्यूटरला सांगते की HTML5 दस्तऐवज येत आहे. हे प्रत्येक HTML5 पृष्ठाच्या शीर्षस्थानी आहे आणि हा फॉर्म घेते:

एकदा आपल्याकडे DOCTYPE असल्यास, आपण आपले HTML प्रारंभ करू शकता. दोन्ही सुरुवातीस टाईप करा

टॅग आणि अंतिम टॅग आणि आपल्या वेब पृष्ठ मुख्य सामग्रीसाठी काही जागा सोडा. आपले नोटपैड दस्तऐवज हे दिसले पाहिजे:

04 पैकी 07

आपल्या वेब पृष्ठासाठी एक प्रमुख तयार करा

आपल्या वेब पृष्ठासाठी एक प्रमुख तयार करा जेनिफर किरिनिन

एक HTML दस्तऐवजाचा मुख्य हेतू आहे जेथे आपल्या वेब पृष्ठाबद्दल मूलभूत माहिती संचयित केली आहे - पृष्ठ शीर्षक आणि शोध इंजिन ऑप्टिमायझेशनसाठी मेटा टॅग सारख्या गोष्टी. मुख्य विभाग तयार करण्यासाठी, जोडा

टॅट्स दरम्यान आपल्या नोटपॅड HTML मजकूर दस्तऐवजात टॅग.

'

सह म्हणून

टॅग्ज, त्यातील काही जागा सोडा जेणेकरून आपल्याकडे मुख्य माहिती जोडण्यासाठी जागा असेल.

05 ते 07

मुख्य विभागामध्ये पृष्ठ शीर्षक जोडा

एक पृष्ठ शीर्षक जोडा. जेनिफर किरिनिन

आपल्या वेब पृष्ठाचे शीर्षक ब्राउझरच्या विंडोमध्ये दर्शविणारा मजकूर आहे. जेव्हा कोणी आपली साइट वाचविते तेव्हा हे बुकमार्क्स आणि पसंतींमध्ये लिहिलेले असते. त्यातील शीर्षक मजकूर संग्रहित करा

टॅग्ज वापरून टाग हे फक्त वेब पृष्ठावर दिसून येणार नाही, फक्त ब्राउझरच्या शीर्षस्थानी.

हे उदाहरण पृष्ठ "मॅककिन्ले, शास्ते, आणि इतर पाळीव प्राणी" असे आहे.

'

'

मॅकिन्ली, शास्ता आणि इतर पाळीव प्राणी

आपले शीर्षक किती काळ आहे किंवा आपल्या HTML मध्ये एकाधिक ओळी स्पॅन केल्या असल्यास काही फरक पडत नाही, परंतु लहान शीर्षक वाचणे सोपे आहे, आणि काही ब्राउझर ब्राउझर विंडोमध्ये मोठ्या संख्येने कापले आहेत.

06 ते 07

आपल्या वेब पृष्ठ मुख्य शरीर

आपल्या वेब पृष्ठ मुख्य शरीर जेनिफर किरिनिन

आपल्या वेब पृष्ठाचे मुख्य भाग ह्यामध्ये संग्रहित केले आहे

टॅग येथे आपण मजकूर, मथळे, उपशीर्षके, प्रतिमा आणि ग्राफिक्स, दुवे आणि अन्य सर्व सामग्री ठेवली आहे. जोपर्यंत आपल्याला आवडते ते असू शकते.

नोटपैड मध्ये आपले वेब पृष्ठ लिहिण्यासाठी हेच स्वरूपन करता येईल.

आपले शीर्षक डोके येथे आहेवेब पृष्ठावरील सर्व काही येथे आहे

07 पैकी 07

प्रतिमा फोल्डर तयार करणे

प्रतिमा फोल्डर तयार करणे जेनिफर किरिनिन

आपण आपल्या HTML दस्तऐवजाच्या मजकूरामध्ये सामग्री जोडण्याआधी, आपण आपली निर्देशिका सेट करणे आवश्यक आहे जेणेकरून आपल्याकडे चित्रांसाठी एक फोल्डर असेल

  1. माझे दस्तऐवज विंडो उघडा
  2. My_website फोल्डरमध्ये बदला
  3. फाइल > नवीन > फोल्डरवर क्लिक करा
  4. फोल्डर प्रतिमा नाव द्या.

प्रतिमा फोल्डरमध्ये आपल्या वेबसाइटसाठी आपल्या सर्व प्रतिमा साठवा जेणेकरून आपण ते नंतर शोधू शकता. हे जेव्हा आपल्याला आवश्यक असेल तेव्हा ते अपलोड करणे सोपे करते.