Jak utworzyć przycisk pobierania: 11 kroków (ze zdjęciami)

Spisu treści:

Jak utworzyć przycisk pobierania: 11 kroków (ze zdjęciami)
Jak utworzyć przycisk pobierania: 11 kroków (ze zdjęciami)

Wideo: Jak utworzyć przycisk pobierania: 11 kroków (ze zdjęciami)

Wideo: Jak utworzyć przycisk pobierania: 11 kroków (ze zdjęciami)
Wideo: Jak dodać adres e-mail wyd. Nowa Era do zaufanych kontaktów w programie Outlook 2024, Kwiecień
Anonim

Przycisk pobierania może sprawić, że Twoja witryna będzie wyglądać znacznie bardziej profesjonalnie niż zwykłe oferowanie pobierania za pomocą linków. Przycisk zapewnia bardziej przejrzysty interfejs, a jeśli masz ochotę zaprojektować własny, Twoje przyciski mogą być integralną częścią projektu Twojej strony. Postępuj zgodnie z tym przewodnikiem, aby utworzyć przyciski HTML lub stworzyć przycisk własnego projektu.

Kroki

Metoda 1 z 2: Tworzenie przycisku HTML

Utwórz przycisk pobierania Krok 1
Utwórz przycisk pobierania Krok 1

Krok 1. Utwórz przycisk w edytorze kodu

Prosty edytor tekstu, taki jak Notatnik lub TextEdit, będzie działał idealnie. Wprowadź następujący kod do edytora:

Utwórz przycisk pobierania Krok 2
Utwórz przycisk pobierania Krok 2

Krok 2. Prześlij plik na swój serwer

Jeśli chcesz zaoferować plik do pobrania, musisz albo umieścić go na własnym serwerze, albo wskazać przycisk do pliku w innym miejscu w sieci. Użyj klienta FTP, aby przesłać plik, który chcesz udostępnić na serwerze swojej witryny.

Utwórz przycisk pobierania Krok 3
Utwórz przycisk pobierania Krok 3

Krok 3. Upewnij się, że masz pozwolenie webmastera, jeśli chcesz umieścić link do pliku, którego sam nie udostępniasz

Utwórz przycisk pobierania Krok 4
Utwórz przycisk pobierania Krok 4

Krok 4. Zastąp „Lokalizacja pobierania” adresem URL do pobrania. Upewnij się, że adres zawiera pojedyncze cudzysłowy, a także podwójne cudzysłowy wokół „window.location='Pobierz lokalizację'”. Uwzględnij wszelkie przedrostki, takie jak HTTP:// lub FTP://, a także rozszerzenie pliku, takie jak jako-j.webp" />

Utwórz przycisk pobierania Krok 5
Utwórz przycisk pobierania Krok 5

Krok 5. Oznacz przycisk

Zastąp „Tekst przycisku” słowami, które chcesz umieścić na przycisku. Pamiętaj o zachowaniu podwójnych cudzysłowów wokół tekstu. Tekst przycisku powinien być mały, aby przycisk nie wydawał się duży i nieporęczny na stronie.

Utwórz przycisk pobierania Krok 6
Utwórz przycisk pobierania Krok 6

Krok 6. Umieść kod na swojej stronie

Możesz wstawić kod przycisku w dowolnym miejscu w treści swojej strony internetowej, a przycisk pojawi się w tej lokalizacji. Prześlij zmieniony kod strony internetowej i przetestuj nowy przycisk.

Metoda 2 z 2: Tworzenie przycisku obrazu

Utwórz przycisk pobierania Krok 7
Utwórz przycisk pobierania Krok 7

Krok 1. Zaprojektuj przycisk pobierania

Użyj preferowanego edytora obrazów i utwórz przycisk pasujący do stylu Twojej witryny. Możesz ustawić przycisk tak mały lub tak duży, jak chcesz.

Utwórz przycisk pobierania Krok 8
Utwórz przycisk pobierania Krok 8

Krok 2. Prześlij plik na swój serwer i obraz przycisku

Jeśli chcesz zaoferować plik do pobrania, musisz albo umieścić go na własnym serwerze, albo wskazać przycisk do pliku w innym miejscu w sieci. Użyj klienta FTP, aby przesłać plik, który chcesz udostępnić na serwerze swojej witryny.

Prześlij obraz przycisku do tej samej lokalizacji na serwerze, co strona, na której go umieszczasz

Utwórz przycisk pobierania Krok 9
Utwórz przycisk pobierania Krok 9

Krok 3. Utwórz kod pobierania

Przycisk pobierania reprezentowany przez obraz działa tak samo, jak wszystkie inne łącza w HTML. Skopiuj następujący kod do preferowanego edytora:

Utwórz przycisk pobierania Krok 10
Utwórz przycisk pobierania Krok 10

Krok 4. Wprowadź informacje o pliku i obrazie. Zastąp „Lokalizacja pobierania” pełnym adresem URL do pobrania, w tym prefiksami HTTP:// lub FTP://. Zastąp „Plik obrazu” nazwą pliku dla obrazu przycisku pobierania. Jeśli plik znajduje się w tej samej lokalizacji co strona na Twoim serwerze, nie musisz podawać całego adresu.

  • Zastąp „Tekst najechania” dowolnym tekstem, który ma się pojawiać, gdy użytkownik najedzie kursorem na obraz.
  • Zastąp „X” i „Y” odpowiednio szerokością i wysokością obrazu w pikselach.
  • Pamiętaj o zachowaniu podwójnych cudzysłowów wokół każdego wpisu.
Utwórz przycisk pobierania Krok 11
Utwórz przycisk pobierania Krok 11

Krok 5. Wprowadź kod na swojej stronie

Umieść kod w miejscu, w którym ma się pojawić przycisk. Prześlij nowy kod, a następnie załaduj stronę internetową, aby upewnić się, że przycisk działa. Sprawdź, czy tekst po najechaniu kursorem się ładuje i czy obraz ma odpowiedni rozmiar.

Wideo - Korzystając z tej usługi, niektóre informacje mogą być udostępniane YouTube

Ostrzeżenia

  • Przesyłanie plików na własny serwer jest lepszym sposobem udostępniania plików online, zamiast polegania na innych witrynach internetowych do hostowania plików. Jeśli skopiujesz lokalizację łącza z innej witryny, utworzony przycisk pobierania będzie działał tylko wtedy, gdy lokalizacja łącza jest aktywna.
  • Nigdy nie przesyłaj plików naruszających prawa autorskie, ponieważ może to prowadzić do wysokich grzywien lub więzienia.
  • Okresowo testuj przycisk pobierania lub łącze pobierania w witrynie, z której uzyskałeś lokalizację łącza, aby upewnić się, że użytkownicy będą mogli pobrać plik po kliknięciu przycisku zamiast przechodzenia do uszkodzonego łącza w miejscu, w którym plik już nie istnieje.

Zalecana: