విండోస్ నోట్ప్యాడ్ అనేది మీ వెబ్ పేజీలను రాయడానికి మీరు ఉపయోగించే ప్రాథమిక వర్డ్ ప్రాసెసింగ్ ప్రోగ్రామ్. వెబ్ పేజీలు కేవలం టెక్స్ట్, మరియు మీరు HTML ను రాయడానికి ఏదైనా వర్డ్ ప్రాసెసింగ్ ప్రోగ్రామ్ని ఉపయోగించవచ్చు. ఈ ట్యుటోరియల్ మీరు ప్రక్రియ ద్వారా నడుస్తుంది.
07 లో 01క్రొత్త ఫైల్లో మీ ఫైల్స్ ఉంచండి
నోట్ప్యాడ్లో ఒక క్రొత్త వెబ్ సైట్ ను సృష్టించడానికి, దానిని నిల్వ చేయడానికి ఒక ప్రత్యేక ఫోల్డర్ను సృష్టించండి. సాధారణంగా, మీరు మీ వెబ్ పేజీలను నా పత్రాల ఫోల్డర్లోని HTML అని పిలిచే ఒక ఫోల్డర్లో నిల్వ చేస్తారు, కానీ మీకు నచ్చిన వాటిని మీరు నిల్వ చేయవచ్చు.
- తెరవండినా పత్రాలు కిటికీ.
- క్లిక్ ఫైలు > న్యూ > ఫోల్డర్.
- ఫోల్డర్కు పేరు పెట్టండి my_website.
ముఖ్య గమనిక: అన్ని చిన్న అక్షరాలను ఉపయోగించి మరియు ఖాళీలు లేదా విరామ చిహ్నాల లేకుండా వెబ్ ఫోల్డర్లు మరియు ఫైళ్ళకు పేరు పెట్టండి. Windows ను మీరు ఖాళీలు వాడుటకు అనుమతించునప్పుడు, అనేక వెబ్-హోస్టింగ్ ప్రొవైడర్లు చేయరు, మరియు మీరు మొదలు నుండి సరిగ్గా ఫైళ్ళను మరియు ఫోల్డర్లను సరిచెయ్యినట్లయితే కొంత సమయం మరియు ఇబ్బందిని మీరు సేవ్ చేస్తారు.
పేజీని HTML గా సేవ్ చేయండి
డైరెక్టరీ పేరు మాదిరిగా, మీరు పేజీని భద్రపరచుకున్నప్పుడు, అన్ని చిన్న అక్షరాలను మరియు ఖాళీలు లేదా ప్రత్యేక అక్షరాలను ఫైల్ పేరులో వాడండి.
- నోట్ప్యాడ్లో, క్లిక్ చేయండి ఫైలు ఆపై ఇలా సేవ్ చేయండి.
- మీరు మీ వెబ్సైట్ ఫైళ్ళను సేవ్ చేసే ఫోల్డర్కు వెళ్లండి.
- మార్చు రకాన్ని సేవ్ చెయ్యి డ్రాప్-డౌన్ మెనుకు అన్ని ఫైళ్ళు (*. *).
- ఫైల్ పేరు. ఈ ట్యుటోరియల్ పేరును ఉపయోగిస్తుంది pets.htm.
07 లో 03
వెబ్ పేజీ రాయడం ప్రారంభించండి
మీరు మీ నోట్ప్యాడ్లో HTML5 పత్రంలో టైప్ చేయాల్సిన మొదటి విషయం DOCTYPE. ఇది HTML యొక్క ఏ విధమైన ఆశించిన విధంగా బ్రౌసర్లకు చెబుతుంది.
డాక్టప్ ప్రకటన ఒక ట్యాగ్ కాదు. ఇది ఒక HTML5 పత్రం వచ్చినట్లు కంప్యూటర్కు చెబుతుంది. ఇది ప్రతి HTML5 పేజీ ఎగువ భాగంలో వెళుతుంది మరియు ఇది ఈ ఫారమ్ను తీసుకుంటుంది:
మీకు DOCTYPE ఒకసారి, మీరు మీ HTML ను ప్రారంభించవచ్చు. ప్రారంభ ట్యాగ్ మరియు ముగింపు ట్యాగ్ రెండింటినీ టైప్ చేయండి మరియు మీ వెబ్ పేజీ శరీర విషయాల కోసం కొంత ఖాళీని వదిలివేయండి. మీ నోట్ప్యాడ్ పత్రం ఇలా ఉండాలి:
మీ వెబ్ పేజీ కోసం హెడ్ని సృష్టించండి
మీ వెబ్ పేజీ గురించి ప్రాథమిక సమాచారం నిల్వ ఉన్న ఒక HTML పత్రం యొక్క తల - పేజీ శీర్షిక మరియు శోధన ఇంజిన్ ఆప్టిమైజేషన్ కోసం బహుశా మెటా ట్యాగ్ వంటి విషయాలు. తల విభాగాన్ని రూపొందించడానికి, మీ ట్యాగ్ల మధ్య మీ నోట్ప్యాడ్లో HTML టెక్స్ట్ పత్రంలో హెడ్ ట్యాగ్లను జోడించండి.
Html ట్యాగ్ల మాదిరిగా, వాటి మధ్య కొంత ఖాళీ ఉంచండి, అందువల్ల మీరు హెడ్ సమాచారాన్ని జోడించడానికి గదిని కలిగి ఉంటారు.
07 యొక్క 05హెడ్ విభాగంలో ఒక పేజీ శీర్షికని జోడించండి
మీ వెబ్ పేజీ యొక్క శీర్షిక బ్రౌసర్ విండోలో ప్రదర్శించే టెక్స్ట్. ఇది మీ సైట్ను ఎవరైనా సేవ్ చేసినప్పుడు బుక్మార్క్లు మరియు ఇష్టమైనవిలో వ్రాయబడినది కూడా. టైటిల్ ట్యాగ్ల మధ్య టైటిల్ టెక్స్ట్ భద్రపరచండి. ఇది వెబ్పేజీలో మాత్రమే కనిపించదు, బ్రౌజర్ ఎగువన మాత్రమే.
ఈ ఉదాహరణ పేజీ "మెకిన్లీ, శాస్టా, మరియు ఇతర పెంపుడు జంతువులు" అనే పేరుతో ఉంది.
ఇది మీ టైటిల్ ఎంతకాలం పట్టించదు లేదా మీ HTML లో బహుళ పంక్తులను విస్తరించి ఉంటే, కానీ చిన్న శీర్షికలు చదవడానికి సులభంగా ఉంటాయి, మరియు కొన్ని బ్రౌజర్లు బ్రౌజర్ విండోలో దీర్ఘ వాటిని తొలగించాయి.
07 లో 06మీ వెబ్ పేజీ యొక్క ప్రధాన శరీర
మీ వెబ్ పేజీ యొక్క శరీరం శరీరం ట్యాగ్లలో నిల్వ చేయబడుతుంది. ఇది హెడ్ ట్యాగ్ తర్వాత కానీ HTML ట్యాగ్కు ముందే రావాలి. మీరు టెక్స్ట్, ముఖ్యాంశాలు, ఉపపదాలు, చిత్రాలు మరియు గ్రాఫిక్స్, లింక్లు మరియు అన్ని ఇతర కంటెంట్ను ఎక్కడ ఉంచారో ఇది. మీరు ఇష్టపడేంత కాలం ఉంటుంది.
ప్రారంభ మరియు ముగింపు శరీరం ట్యాగ్ల మధ్య అదనపు ఖాళీని ఉంచండి.
నోట్ప్యాడ్లో మీ వెబ్ పేజీని వ్రాసేందుకు ఇదే ఆకృతిని అనుసరించవచ్చు.
07 లో 07ఒక చిత్రాలు ఫోల్డర్ సృష్టిస్తోంది
మీరు మీ HTML పత్రం యొక్క విషయానికి విషయాన్ని జోడించే ముందు, మీరు మీ డైరెక్టరీలను సెటప్ చేయాలి, తద్వారా మీరు చిత్రాల కోసం ఫోల్డర్ను కలిగి ఉండాలి.
- తెరవండి నా పత్రాలు కిటికీ.
- మార్చండి my_website ఫోల్డర్.
- క్లిక్ ఫైలు > న్యూ > ఫోల్డర్.
- ఫోల్డర్కు పేరు పెట్టండి చిత్రాలు.
చిత్రాల ఫోల్డర్లో మీ వెబ్సైట్ కోసం అన్ని చిత్రాలను భద్రపరచండి, తద్వారా మీరు వాటిని తర్వాత కనుగొనవచ్చు. ఇది మీకు అవసరమైనప్పుడు వాటిని అప్లోడ్ చేయడాన్ని సులభతరం చేస్తుంది.
