Hoe een downloadknop te maken

Een downloadknop kan uw website er professioneler laten uitzien dan die downloads via koppelingen aanbieden. De knoppen bieden schone interfaces, dus als u uw eigen knop ontwerpt, kunnen deze een integraal onderdeel worden van het ontwerp van uw pagina. Volgens deze handleiding kunt u HTML-knoppen maken of uw eigen ontwerpen maken.

Inhoud

Stappen

Methode 1maak een html-knop
Methode 2maak een knop met een afbeelding

Waarschuwingen

stappen

Methode 1
Maak een HTML-knop

Titel afbeelding Create a Download Button Step 1

Maak de knop in een code-editor. Een eenvoudige code-editor zoals de "memo pad" of "TextEdit" het zijn alternatieven die perfect werken. Voer de volgende code in de editor in:

Titel afbeelding Create a Download Button Step 2

Upload het bestand naar uw server. Als u een bestand wilt aanbieden om te downloaden, moet u het op uw eigen server hosten of ergens op het web naar verwijzen. gebruik een FTP-client om het bestand te uploaden wat je beschikbaar wilt zijn voor je websiteserver.

Titel afbeelding Create a Download Button Step 3

Zorg ervoor dat u toestemming vraagt aan de websitebeheerder als u uw knop wilt koppelen aan een bestand waarvan u niet de eigenaar bent.

Titel afbeelding Create a Download Button Step 4

Vervang `Downloadlocatie` door de URL van de download. Zorg ervoor dat u de enkele aanhalingstekens rond het adres vermeldt, evenals de dubbele aanhalingstekens rond "window.location = `Downloadlocatie`". Voeg elk voorvoegsel toe dat nodig is, zoals HTTP: // of FTP: // en neem ook de naam van de bestandsextensie op, zoals .JPG of .EXE.

Titel afbeelding Create a Download Button Step 5

Zet een label op de knop. vervangt "Knoptekst" ("Knoptekst") voor de woorden die u op de knop wilt weergeven. Zorg ervoor dat u de dubbele aanhalingstekens rond de tekst laat. Houd de tekst klein, zodat de knop niet te groot of moeilijk te bedienen is op de pagina.

Titel afbeelding Create a Download Button Step 6

Plaats de code op uw pagina. U kunt de knopcode overal in de hoofdtekst van uw webpagina plaatsen en de knop verschijnt op die locatie. Upload de code van je gewijzigde webpagina en probeer je nieuwe knop.

Methode 2
Maak een knop met een afbeelding

Titel afbeelding Create a Download Button Step 7

Ontwerp je downloadknop. Gebruik uw favoriete afbeeldingseditor en maak een knop met dezelfde stijl als uw website. U kunt een knop maken die zo groot of zo klein is als u wilt.

Titel afbeelding Create a Download Button Step 8

Upload het bestand en de afbeelding naar uw server. Als u een bestand wilt aanbieden om te downloaden, moet u het op uw server hosten of de knop koppelen aan een bestand dat zich elders op internet bevindt. gebruik een FTP-client om het bestand te uploaden wat je beschikbaar wilt zijn voor je websiteserver.

Upload de knopafbeelding naar dezelfde locatie op de server waar de pagina die u wilt hosten zich bevindt.

Titel afbeelding Create a Download Button Step 9

Maak uw downloadcode. Een downloadknop weergegeven door een afbeelding werkt op dezelfde manier als elke andere link in HTML. Kopieer de volgende code in je favoriete editor:

Titel afbeelding Create a Download Button Step 10

Plaats uw bestand samen met de afbeeldingsinformatie. vervangt "Locatie downloaden" ("Download locatie") met de volledige URL van uw download, inclusief alle vereiste HTTP: // of FTP: // -voorvoegsels. vervangt "Beeldbestand" ("Afbeeldingsbestand") met de naam van het bestand voor de afbeelding van uw downloadknop. Als het bestand zich op dezelfde locatie als de pagina binnen uw server bevindt, hoeft u het volledige adres niet op te nemen.

vervangt "Tekst aanwijzen" met de tekst die u wilt weergeven wanneer de gebruiker de cursor over de afbeelding sleept.

vervangt "X" en "en" met de breedte en hoogte van de afbeelding in pixels.

Zorg ervoor dat u dubbele aanhalingstekens rond elk item houdt.

Titel afbeelding Create a Download Button Step 11

Voer de code in uw webpagina in. Plaats de code op de plaats waar u wilt dat uw knop verschijnt. Upload de nieuwe code en laad de webpagina om te controleren of de knop correct werkt. Controleer of de tekst die moet verschijnen wanneer u de cursor sleept, verschijnt en of de afbeelding de juiste grootte heeft.

waarschuwingen

Upload nooit afbeeldingen die de auteursrechtwetten overtreden omdat u boetes of zelfs een aanhouding zou kunnen ontvangen.
Bestanden uploaden naar uw eigen server is de beste manier om bestanden online te delen, omdat u anders niet afhankelijk bent van andere websites om uw bestanden te hosten. Als u de locatie van een koppeling vanaf een andere website kopieert, werkt de downloadknop die u hebt gemaakt alleen maar terwijl de locatie van de koppeling actief is. U moet regelmatig uw downloadknop of de downloadkoppeling op de website controleren waarop uw knop wijst om ervoor te zorgen dat gebruikers het bestand kunnen downloaden wanneer ze op de knop klikken en niet naar een niet-bestaand bestand worden geleid via een link die het werkt niet meer

Delen op sociale netwerken:

Verwant