డౌన్‌లోడ్ బటన్‌ని ఎలా తయారు చేయాలి

రచయిత: Bobbie Johnson
సృష్టి తేదీ: 6 ఏప్రిల్ 2021
నవీకరణ తేదీ: 1 జూలై 2024
Anonim
డౌన్‌లోడ్ బటన్ HTML మరియు CSSని ఎలా సృష్టించాలి
వీడియో: డౌన్‌లోడ్ బటన్ HTML మరియు CSSని ఎలా సృష్టించాలి

విషయము

డౌన్‌లోడ్ లింక్ చేయడం కంటే మీ సైట్ చాలా ప్రొఫెషనల్‌గా కనిపించడానికి డౌన్‌లోడ్ బటన్ సహాయపడుతుంది. ఒక బటన్ క్లీనర్ ఇంటర్‌ఫేస్‌ను అందిస్తుంది, మరియు మీరు మీరే ఏదైనా డిజైన్ చేస్తే, మీ బటన్లు పేజీ డిజైన్‌లో అంతర్భాగంగా మారవచ్చు. ఒక HTML బటన్ లేదా మీ స్వంత అనుకూల బటన్‌ను సృష్టించడానికి ఈ ట్యుటోరియల్‌ని అనుసరించండి.

దశలు

2 వ పద్ధతి 1: ఒక HTML బటన్‌ని సృష్టించండి

  1. 1 సోర్స్ ఎడిటర్‌లో ఒక బటన్‌ని సృష్టించండి. నోట్‌ప్యాడ్ లేదా టెక్స్ట్ ఎడిట్ వంటి సాధారణ టెక్స్ట్ ఎడిటర్ మంచిది. టెక్స్ట్ ఎడిటర్‌లో, కింది కోడ్‌ని నమోదు చేయండి:
  2. 2 మీ సర్వర్‌కు ఫైల్‌ను అప్‌లోడ్ చేయండి. మీరు డౌన్‌లోడ్ కోసం ఫైల్‌ను అందించాలనుకుంటే, మీరు దాన్ని మీ సర్వర్‌లో స్టోర్ చేయాలి లేదా నెట్‌వర్క్‌లో ఎక్కడైనా వేరే ఫైల్‌తో బటన్‌ని అనుబంధించాలి. మీరు మీ సైట్ సర్వర్‌కు అందుబాటులో ఉంచాలనుకుంటున్న ఫైల్‌ను అప్‌లోడ్ చేయడానికి FTP క్లయింట్‌ని ఉపయోగించండి.
  3. 3 మీరు నిల్వ చేయని ఫైల్‌కు లింక్ చేయాలనుకుంటే మీకు వెబ్‌మాస్టర్ హక్కులు ఉన్నాయని నిర్ధారించుకోండి.
  4. 4 మీ నిజమైన డౌన్‌లోడ్ URL తో 'డౌన్‌లోడ్ లొకేషన్' ను భర్తీ చేయండి. చిరునామాను సింగిల్ కోట్స్‌లో మరియు "window.location = 'డౌన్‌లోడ్ లొకేషన్" ని డబుల్ కోట్స్‌లో జతపరచాలని నిర్ధారించుకోండి. HTTP: // లేదా FTP: // వంటి ప్రిఫిక్స్‌లను జోడించండి మరియు .webp లేదా .EXE వంటి ఫైల్ ఎక్స్‌టెన్షన్‌లను జోడించండి ..
  5. 5 బటన్ మీద వ్రాయండి. బటన్‌లో మీరు కనిపించాలనుకుంటున్న పదాలతో “బటన్ టెక్స్ట్” ని భర్తీ చేయండి. వచనాన్ని డబుల్ కోట్స్‌లో చేర్చాలని నిర్ధారించుకోండి. మీ పదబంధాన్ని చిన్నగా ఉంచడానికి ప్రయత్నించండి, తద్వారా ఆన్-స్క్రీన్ బటన్ అసహ్యంగా అనిపించదు.
  6. 6 మీ పేజీలో సోర్స్ కోడ్ ఉంచండి. పేజీలో ఎక్కడైనా మీరు బటన్ కోసం సోర్స్ కోడ్‌ను అతికించవచ్చు మరియు బటన్ సరిగ్గా ఆ ప్రదేశంలో కనిపిస్తుంది. మీ కొత్త పేజీ కోడ్‌ను అప్‌లోడ్ చేయండి మరియు మీ కొత్త బటన్‌ని పరీక్షించండి.

2 లో 2 వ పద్ధతి: చిత్రంగా ఒక బటన్‌ని సృష్టించండి

  1. 1 మీ డౌన్‌లోడ్ బటన్‌ని గీయండి. మీకు నచ్చిన ఏదైనా చిత్ర ఎడిటర్‌ని ఉపయోగించండి మరియు మీ సైట్ శైలికి సరిపోయే బటన్‌ని గీయండి. మీకు నచ్చినంత పెద్ద (లేదా చిన్న) బటన్‌ను మీరు చేయవచ్చు.
  2. 2 మీ సర్వర్‌కు బటన్‌తో ఫైల్ మరియు ఇమేజ్‌ను అప్‌లోడ్ చేయండి. మీరు డౌన్‌లోడ్ కోసం ఫైల్‌ను అందించాలనుకుంటే, మీరు దానిని మీ సర్వర్‌లో స్టోర్ చేయాలి లేదా నెట్‌వర్క్‌లో ఎక్కడైనా వేరే ఫైల్‌తో బటన్‌ని అనుబంధించాలి. మీరు మీ సైట్ సర్వర్‌కు అందుబాటులో ఉంచాలనుకుంటున్న ఫైల్‌ను అప్‌లోడ్ చేయడానికి FTP క్లయింట్‌ని ఉపయోగించండి.
    • మీరు ఈ బటన్‌ని జోడించే పేజీ ఉన్న సర్వర్‌లోని అదే స్థానానికి బటన్ చిత్రాన్ని అప్‌లోడ్ చేయండి.
  3. 3 డౌన్‌లోడ్ కోసం సోర్స్ కోడ్ రాయండి. డౌన్‌లోడ్ బటన్, ఇమేజ్‌గా అందించబడింది, HTML లోని అన్ని ఇతర లింక్‌ల మాదిరిగానే పనిచేస్తుంది.కింది కోడ్‌ను మీ ఎడిటర్‌లో కాపీ చేయండి:
  4. 4 ఫైల్ మరియు ఇమేజ్ సమాచారాన్ని నమోదు చేయండి. ఏదైనా HTTP: // లేదా FTP: // ప్రిఫిక్స్‌లతో సహా నిజమైన డౌన్‌లోడ్ URL తో “డౌన్‌లోడ్ లొకేషన్” ని భర్తీ చేయండి. బటన్ ఇమేజ్ యొక్క ఫైల్ పేరుతో "ఇమేజ్ ఫైల్" ను భర్తీ చేయండి. ఫైల్ అదే పేజీలో సర్వర్‌లో ఉన్నట్లయితే, మీరు పూర్తి మార్గాన్ని పేర్కొనవలసిన అవసరం లేదు.
    • బటన్ ఇమేజ్‌పై యూజర్ హోవర్ చేసినప్పుడు కనిపించే టెక్స్ట్‌తో “హోవర్ టెక్స్ట్” ని భర్తీ చేయండి.
    • "X" మరియు "Y" లను వరుసగా పిక్సెల్‌లలో చిత్రం యొక్క వెడల్పు మరియు ఎత్తుతో భర్తీ చేయండి.
    • ఈ ఎంట్రీలన్నింటినీ డబుల్ కోట్స్‌లో చేర్చాలని నిర్ధారించుకోండి.
  5. 5 మీ పేజీలో సోర్స్ కోడ్‌ని నమోదు చేయండి. బటన్ కనిపించే చోట కోడ్ ఉంచండి. కొత్త కోడ్‌ని అప్‌లోడ్ చేసి, ఆపై బటన్ పనిచేస్తుందో లేదో తెలుసుకోవడానికి మీ వెబ్‌పేజీని తెరవండి. సూచన వచనం హోవర్‌లో కనిపిస్తుందో లేదో తనిఖీ చేయండి మరియు చిత్రం సరైన పరిమాణం అని తనిఖీ చేయండి.

హెచ్చరికలు

  • కాపీరైట్ చట్టాలను ఉల్లంఘించిన ఫైల్‌లను ఎప్పుడూ అప్‌లోడ్ చేయవద్దు, ఎందుకంటే ఇది భారీ జరిమానా లేదా జైలు శిక్ష కూడా విధించవచ్చు.
  • మీ స్వంత సర్వర్‌కు ఫైల్‌లను అప్‌లోడ్ చేయడం మరియు అవి నిల్వ చేయబడిన ఇతర సైట్‌లపై ఆధారపడటం కంటే తర్వాత వాటిని షేర్ చేయడం చాలా మంచిది. మీరు మరొక సైట్ నుండి ఫైల్ స్థానానికి ఒక లింక్‌ను కాపీ చేస్తే, మీరు సృష్టించిన డౌన్‌లోడ్ బటన్ లింక్ చెల్లుబాటు అయ్యేంత వరకు మాత్రమే పని చేస్తుంది. వినియోగదారులు మీరు బటన్‌పై క్లిక్ చేసినప్పుడు ఫైల్‌ను డౌన్‌లోడ్ చేయగలరని నిర్ధారించుకోవడానికి మీరు తీసుకున్న సైట్‌లోని బటన్ లేదా లింక్‌ని మీరు క్రమానుగతంగా తనిఖీ చేయాల్సి ఉంటుంది మరియు దీని వలన విరిగిన లింక్‌పై క్లిక్ చేయదు ఫైల్ ఇకపై ఉనికిలో లేదు.