Cách tạo nút tải xuống: 11 bước (có hình ảnh)

Mục lục:

Cách tạo nút tải xuống: 11 bước (có hình ảnh)
Cách tạo nút tải xuống: 11 bước (có hình ảnh)

Video: Cách tạo nút tải xuống: 11 bước (có hình ảnh)

Video: Cách tạo nút tải xuống: 11 bước (có hình ảnh)
Video: Cách bổ sung, điều chỉnh email trong tài khoản VssID 2024, Tháng tư
Anonim

Nút tải xuống có thể làm cho trang web của bạn trông chuyên nghiệp hơn đáng kể so với việc chỉ cung cấp tải xuống thông qua các liên kết. Nút cung cấp giao diện gọn gàng hơn và nếu bạn muốn tự thiết kế, các nút có thể là một phần không thể thiếu trong thiết kế trang của bạn. Làm theo hướng dẫn này để tạo các nút HTML hoặc tạo một nút theo thiết kế của riêng bạn.

Các bước

Phương pháp 1/2: Tạo nút HTML

Tạo nút tải xuống Bước 1
Tạo nút tải xuống Bước 1

Bước 1. Tạo nút trong trình soạn thảo mã

Một trình soạn thảo văn bản đơn giản như Notepad hoặc TextEdit sẽ hoạt động hoàn hảo. Nhập mã sau vào trình chỉnh sửa:

Tạo nút tải xuống Bước 2
Tạo nút tải xuống Bước 2

Bước 2. Tải tệp lên máy chủ của bạn

Nếu bạn muốn cung cấp một tệp để tải xuống, bạn sẽ cần phải lưu trữ tệp đó trên máy chủ của riêng mình hoặc trỏ nút đến tệp ở một nơi khác trên web. Sử dụng ứng dụng khách FTP để tải tệp bạn muốn lên máy chủ của trang web.

Tạo nút tải xuống Bước 3
Tạo nút tải xuống Bước 3

Bước 3. Đảm bảo rằng bạn có sự cho phép của quản trị viên web nếu bạn muốn liên kết đến một tệp mà bạn không tự lưu trữ

Tạo nút tải xuống Bước 4
Tạo nút tải xuống Bước 4

Bước 4. Thay thế 'Vị trí tải xuống' bằng URL để tải xuống. Đảm bảo bao gồm các dấu ngoặc kép xung quanh địa chỉ, cũng như dấu ngoặc kép xung quanh “window.location = 'Vị trí tải xuống'". Bao gồm bất kỳ tiền tố nào như HTTP: // hoặc FTP: // và cũng bao gồm phần mở rộng tệp như dưới dạng-j.webp" />

Tạo nút tải xuống Bước 5
Tạo nút tải xuống Bước 5

Bước 5. Dán nhãn cho nút

Thay thế "Văn bản nút" bằng các từ mà bạn muốn xuất hiện trên nút. Đảm bảo giữ dấu ngoặc kép xung quanh văn bản. Giữ cho văn bản nút nhỏ để nút không xuất hiện lớn và khó sử dụng trên trang.

Tạo nút tải xuống Bước 6
Tạo nút tải xuống Bước 6

Bước 6. Đặt mã vào trang của bạn

Bạn có thể chèn mã nút vào bất kỳ đâu vào phần nội dung trang web của mình và nút sẽ xuất hiện tại vị trí đó. Tải lên mã trang web đã thay đổi của bạn và kiểm tra nút mới của bạn.

Phương pháp 2/2: Tạo nút hình ảnh

Tạo nút tải xuống Bước 7
Tạo nút tải xuống Bước 7

Bước 1. Thiết kế nút tải xuống của bạn

Sử dụng trình chỉnh sửa hình ảnh ưa thích của bạn và tạo một nút phù hợp với phong cách trang web của bạn. Bạn có thể làm cho nút nhỏ hoặc lớn tùy thích.

Tạo nút tải xuống Bước 8
Tạo nút tải xuống Bước 8

Bước 2. Tải tệp lên máy chủ của bạn và hình ảnh nút

Nếu bạn muốn cung cấp một tệp để tải xuống, bạn sẽ cần phải lưu trữ tệp đó trên máy chủ của riêng mình hoặc trỏ nút đến tệp ở một nơi khác trên web. Sử dụng ứng dụng khách FTP để tải tệp bạn muốn lên máy chủ của trang web.

Tải hình ảnh nút lên cùng một vị trí trên máy chủ với trang mà bạn đang đặt nó

Tạo nút tải xuống Bước 9
Tạo nút tải xuống Bước 9

Bước 3. Tạo mã tải xuống của bạn

Nút tải xuống được biểu thị bằng hình ảnh hoạt động giống như cách mà tất cả các liên kết khác hoạt động trong HTML. Sao chép mã sau vào trình soạn thảo ưa thích của bạn:

Tạo nút tải xuống Bước 10
Tạo nút tải xuống Bước 10

Bước 4. Nhập thông tin tệp và hình ảnh của bạn. Thay thế “Vị trí tải xuống” bằng URL đầy đủ để tải xuống của bạn, bao gồm bất kỳ tiền tố HTTP: // hoặc FTP: // nào. Thay thế “Tệp Hình ảnh bằng tên tệp cho hình ảnh nút tải xuống. Nếu tệp ở cùng vị trí với trang trên máy chủ của bạn, bạn không cần bao gồm toàn bộ địa chỉ.

  • Thay thế “Văn bản Di chuột” bằng bất kỳ văn bản nào bạn muốn xuất hiện khi người dùng di con trỏ qua hình ảnh.
  • Thay thế “X” và “Y” bằng chiều rộng và chiều cao của hình ảnh tương ứng tính bằng pixel.
  • Đảm bảo giữ dấu ngoặc kép xung quanh mỗi mục nhập.
Tạo nút tải xuống Bước 11
Tạo nút tải xuống Bước 11

Bước 5. Nhập mã vào trang của bạn

Đặt mã ở nơi bạn muốn nút của mình xuất hiện. Tải lên mã mới, sau đó tải trang web để đảm bảo rằng nút hoạt động. Kiểm tra xem văn bản di chuột có tải và hình ảnh có đúng kích thước không.

Video - Bằng cách sử dụng dịch vụ này, một số thông tin có thể được chia sẻ với YouTube

Cảnh báo

  • Tải tệp lên máy chủ của riêng bạn là cách tốt hơn để chia sẻ tệp trực tuyến thay vì phụ thuộc vào các trang web khác để lưu trữ tệp. Nếu bạn sao chép vị trí liên kết từ một trang web khác, nút tải xuống mà bạn tạo sẽ chỉ hoạt động miễn là vị trí liên kết còn hoạt động.
  • Không bao giờ tải lên các tệp vi phạm luật bản quyền vì nó có thể dẫn đến tiền phạt nặng hoặc bỏ tù.
  • Kiểm tra định kỳ nút tải xuống của bạn hoặc liên kết tải xuống trên trang web mà bạn có vị trí liên kết để đảm bảo rằng người dùng sẽ có thể tải xuống tệp khi họ nhấp vào nút thay vì truy cập liên kết bị hỏng nơi tệp không còn tồn tại.

Đề xuất: