నోట్‌ప్యాడ్‌ను ఉపయోగించి సాధారణ వెబ్‌సైట్‌ను ఎలా సృష్టించాలి

రచయిత: John Stephens
సృష్టి తేదీ: 26 జనవరి 2021
నవీకరణ తేదీ: 1 జూలై 2024
Anonim
నోట్‌ప్యాడ్‌ని ఉపయోగించి వెబ్‌సైట్‌ను ఎలా తయారు చేయాలి | బిగినర్స్ ట్యుటోరియల్
వీడియో: నోట్‌ప్యాడ్‌ని ఉపయోగించి వెబ్‌సైట్‌ను ఎలా తయారు చేయాలి | బిగినర్స్ ట్యుటోరియల్

విషయము

మేము ప్రతిరోజూ వెబ్ పేజీలను ఉపయోగిస్తాము, కాని ఒకదాన్ని సృష్టించడం కష్టమేనా? నోట్‌ప్యాడ్‌ను ఉపయోగించి సరళమైన HTML వెబ్‌సైట్‌ను ఎలా సృష్టించాలో ఈ వ్యాసం మీకు నేర్పుతుంది.

దశలు

1 యొక్క పద్ధతి 1: మీ స్వంత వెబ్‌సైట్‌ను సృష్టించండి

  1. నోట్‌ప్యాడ్‌ను తెరవండి. నోట్‌ప్యాడ్ ప్రతి విండోస్ కంప్యూటర్‌లో ముందే ఇన్‌స్టాల్ చేయబడి వస్తుంది మరియు మీరు దీన్ని స్టార్ట్ మెనూలో కనుగొనవచ్చు. నోట్‌ప్యాడ్ తెరిచిన తరువాత, "ఫైల్" క్లిక్ చేసి, డ్రాప్-డౌన్ మెనులో "ఇలా సేవ్ చేయి" ఎంచుకోండి. అప్పుడు, ఫైల్ రకం మెనులో "అన్ని ఫైళ్ళు" ఎంచుకోండి మరియు ఫైల్ను HTML గా సేవ్ చేయండి. సాధారణంగా, "index.html" ఫైల్ ప్రధాన పేజీ, వెబ్‌సైట్‌లోని ప్రతిదాన్ని యాక్సెస్ చేయడానికి అన్ని లింక్‌లను కలిగి ఉంటుంది.

  2. HTML (హైపర్‌టెక్స్ట్ మార్కప్ లాంగ్వేజ్) ట్యాగ్‌లను ఉపయోగిస్తుంది. సాధారణంగా, ట్యాగ్‌లు స్వరాలు లోపల ఉన్న పదాలు .
    మీ వెబ్ పేజీని సృష్టించడానికి మీరు చాలా ట్యాగ్‌లను ఉపయోగిస్తారు. దాని ప్రక్కన "క్లోజ్ ట్యాగ్" ఉంది, ఇది కోడ్ యొక్క పంక్తిని ముగించడానికి ఉపయోగించబడుతుంది. ఉదా: ఈ ట్యాగ్‌లు బోల్డ్ ఫాంట్ లేదా టెక్స్ట్ యొక్క పేరాతో ముగుస్తాయి.

  3. వెబ్ పేజీ శీర్షిక సాధారణంగా ట్యాగ్: . మీరు దీన్ని మీ నోట్‌ప్యాడ్ ఫైల్ ఎగువన ఉంచవచ్చు.
  4. తదుపరిది కార్డు .
    తదుపరిది , ఈ టాబ్ బ్రౌజర్‌కు విండో ఎగువన ఏమి ఉంచాలో చెబుతుంది మరియు <i>మెటా ట్యాగ్ </i> (ఐచ్ఛికం) సైట్ గురించి సెర్చ్ ఇంజిన్‌కు (గూగుల్ వంటివి) చెబుతుంది.

  5. తదుపరి పంక్తిలో, కార్డు తర్వాత తలఉదాహరణకు, శీర్షికను సెట్ చేద్దాం: వికీహౌ HTML
  6. ఇప్పుడు, టైప్ చేయండి మొదటి భాగాన్ని పూర్తి చేయడానికి.
  7. వెబ్‌సైట్‌లో తదుపరిది ట్యాగ్ . బ్రౌజర్‌లు అన్ని రంగులకు మద్దతు ఇవ్వవని గమనించండి (చాలా బ్రౌజర్‌లు ముదురు బూడిద రంగుకు మద్దతు ఇవ్వవు, ఉదాహరణకు).
  8. రెండు బాడీ ట్యాగ్‌ల మధ్య వినియోగదారు చూసే వెబ్ పేజీ కంటెంట్ ఉంది. టైటిల్‌తో ప్రారంభిద్దాం. ఇది టెక్స్ట్ యొక్క పెద్ద భాగం, ట్యాగ్ నుండి HTML లో పేర్కొనబడింది

    రండి

    , కార్డుతో

    అతిపెద్ద పరిమాణం. కాబట్టి వెబ్ పేజీ ఎగువన, బాడీ ట్యాగ్ తర్వాత, మీరు కంపోజ్ చేయవచ్చు

    నా పేజీకి స్వాగతం!

    మీరు ఎల్లప్పుడూ క్లోజ్ ట్యాగ్ ఉంచాలి, లేకపోతే వెబ్ పేజీలోని అన్ని వచనాలు అతిగా చెప్పబడతాయి!
  9. వెబ్ పేజీ కంటెంట్‌లో చేర్చగల మరో ట్యాగ్

    లేదా పేరా ట్యాగ్‌లు. శీర్షిక తరువాత, మీరు నమోదు చేయవచ్చు

    . నేను వెబ్‌సైట్‌ను ఎలా తయారు చేయాలో నేర్చుకుంటున్నాను! వికీ ఎలా నియమాలు! మీరు పేజీలో క్రొత్త పంక్తిని సృష్టించాలనుకుంటే, చుట్టడం ట్యాగ్‌ను ఉపయోగించండి
    .

  10. సాదా వచనం మాత్రమే ఉన్న వెబ్‌సైట్ బోరింగ్. కాబట్టి కొన్ని ఫార్మాట్లలో ఉంచండి. కార్డు బోల్డ్ టెక్స్ట్, ఇటాలిక్ చేయడానికి, మరియు అండర్లైన్ చేయడానికి. ముగింపు ట్యాగ్‌ను మర్చిపోవద్దు!
  11. వెబ్‌సైట్ నిజంగా ఆసక్తికరంగా ఉంటుంది చిత్రాలు. వచనం ఆకృతీకరించినప్పటికీ, ఒక పేజీని అన్ని వచనంగా చూడటానికి ఎవరూ ఇష్టపడరు. కార్డు ఉపయోగించండి చిత్రాలను చొప్పించడానికి. బాడీ ట్యాగ్ మాదిరిగా, ఈ ట్యాగ్‌కు అదనపు సమాచారం అవసరం. ఒక img ట్యాగ్ ఇలా ఉంటుంది: కుక్క’ src=Src డేటా (మూలం: మూలం) చిత్రం యొక్క పేరు. వెడల్పు మరియు ఎత్తు వెనుక చిత్రం యొక్క పిక్సెల్‌లలో వెడల్పు మరియు ఎత్తు ఉన్నాయి.
  12. దాదాపుగా అయిపోయింది! మీ సందర్శకులు బహుళ పేజీలను చూడాలనుకుంటే, ట్యాగ్‌ను ఉపయోగించండి: ఇతర పేజీలు ట్యాగ్‌లోని కంటెంట్ వినియోగదారు తదుపరి పేజీకి వెళ్ళడానికి క్లిక్ చేస్తుంది మరియు హ్రెఫ్ విభాగం ఆ పేజీకి లింక్. ఈ ట్యాగ్‌తో, మీరు మీ వెబ్‌సైట్‌లోని వినియోగదారులను సులభంగా చూపవచ్చు.
  13. పూర్తి చేయడానికి, మీరు బాడీ ట్యాగ్‌ను ముగించాలి మరియు ట్యాగ్ ద్వారా మొత్తం వెబ్ పేజీ
  14. .Html 'పొడిగింపుతో ఫైల్‌ను సేవ్ చేయండి. అది ఎలా పనిచేస్తుందో చూడటానికి మీకు ఇష్టమైన బ్రౌజర్‌లో file.html ని తెరవండి. అభినందనలు! మీరు ఇప్పుడే వెబ్‌సైట్‌ను సృష్టించారు.
  15. మీరు మీ వెబ్‌సైట్‌ను ఆన్‌లైన్‌లో ప్రచురించాలనుకుంటే, డొమైన్ పేరుతో వెబ్‌సైట్‌ను ఎలా సృష్టించాలో తెలుసుకోండి. ప్రకటన

సలహా

  • మీరు ఆన్‌లైన్‌లో చాలా కార్డులను కనుగొనవచ్చు. వెబ్‌సైట్‌ను ఎలా సృష్టించాలో తెలుసుకోవడానికి ప్రజలకు సహాయపడటానికి చాలా ఉపయోగకరమైన వెబ్‌సైట్లు ఉన్నాయి (W3 పాఠశాలలు వాటిలో ఒకటి).
  • మూసివేతలను ఉపయోగించడం గుర్తుంచుకోండి.
  • కార్డును ఆర్డర్ చేయమని ఎల్లప్పుడూ నిర్ధారించుకోండి మొదటి పంక్తిలో, ట్యాగ్ ముందు మీ సైట్ HTML5 ప్రమాణం అని బ్రౌజర్‌కు తెలియజేయండి.
  • మీరు ట్యాగ్‌లతో ఫాంట్‌ను మార్చవచ్చు ముందు ఆపై . N అంటే "వెర్దానా" వంటి ఫాంట్లను సూచిస్తుంది.
  • మీరు వెబ్ పేజీలో ప్రత్యేక అక్షరాలను ఉపయోగించాలనుకుంటే, & lt (<), & gt (>), & amp (ampersand) అని టైప్ చేయండి మరియు మొదలైనవి, కోడ్ ముగింపులో సెమికోలన్ ఉండాలి ";".
  • HTML ట్యుటోరియల్లో, ఫోల్డర్ మరియు వెబ్ ఫైల్ పేర్లు ఎల్లప్పుడూ స్వరాలు లేకుండా చిన్న అక్షరాలలో ఉంచబడతాయి. విండోస్ స్పేస్ వినియోగాన్ని అనుమతించినప్పటికీ, చాలా మంది వెబ్ హోస్టింగ్ ప్రొవైడర్లు అలా చేయరు, కాబట్టి మీరు మొదటి నుండి సరైన ఫైల్ మరియు ఫోల్డర్ పేర్లతో సమయాన్ని మరియు ఇబ్బందిని ఆదా చేస్తారు.