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