작가:
Bobbie Johnson
창조 날짜:
6 4 월 2021
업데이트 날짜:
1 칠월 2024
콘텐츠
다운로드 버튼을 사용하면 단순히 다운로드 링크를 연결하는 것보다 훨씬 더 전문적으로 사이트를 볼 수 있습니다. 버튼은 더 깔끔한 인터페이스를 제공하며, 직접 디자인한다면 버튼은 페이지 디자인의 필수적인 부분이 될 수 있습니다. 이 튜토리얼에 따라 HTML 버튼 또는 사용자 정의 버튼을 만드십시오.
단계
방법 1/2: HTML 버튼 만들기
1 소스 편집기에서 버튼을 만듭니다. 메모장이나 TextEdit와 같은 간단한 텍스트 편집기는 괜찮습니다. 텍스트 편집기에서 다음 코드를 입력합니다. 
2 파일을 서버에 업로드합니다. 다운로드할 파일을 제공하려면 해당 파일을 서버에 저장하거나 버튼을 네트워크의 다른 위치에 있는 일부 파일과 연결해야 합니다. FTP 클라이언트를 사용하여 사이트 서버에서 사용할 수 있도록 하려는 파일을 업로드합니다. 
3 자신이 저장하지 않은 파일에 링크하려면 웹마스터 권한이 있는지 확인하십시오.
4'다운로드 위치'를 실제 다운로드 URL로 바꿉니다. 주소를 작은따옴표로 묶고 "window.location =' Download Location "을 큰따옴표로 묶으십시오. HTTP: // 또는 FTP: //와 같은 접두사를 추가하고 .webp 또는 .EXE와 같은 파일 확장자를 추가하십시오. .. 
5 버튼에 씁니다. "버튼 텍스트"를 버튼에 표시할 단어로 바꾸십시오. 큰따옴표 안에 텍스트를 포함해야 합니다. 화면 버튼이 다루기 어려워 보이지 않도록 문구를 짧게 유지하십시오. 
6 페이지에 소스 코드를 배치합니다. 페이지의 아무 곳에나 버튼의 소스 코드를 붙여넣을 수 있으며 버튼은 해당 위치에 정확히 나타납니다. 새 페이지 코드를 업로드하고 새 버튼을 테스트하십시오.
방법 2/2: 버튼을 그림으로 만들기
1 다운로드 버튼을 그립니다. 원하는 이미지 편집기를 사용하고 사이트 스타일과 일치하는 버튼을 그립니다. 버튼을 원하는 만큼 크게(또는 작게) 만들 수 있습니다. 
2 버튼이 있는 파일과 이미지를 서버에 업로드합니다. 다운로드할 파일을 제공하려면 해당 파일을 서버에 저장하거나 버튼을 네트워크의 다른 위치에 있는 일부 파일과 연결해야 합니다. FTP 클라이언트를 사용하여 사이트 서버에서 사용할 수 있도록 하려는 파일을 업로드합니다. - 이 버튼을 추가한 페이지가 있는 서버의 동일한 위치에 버튼 이미지를 업로드합니다.
3 다운로드할 소스 코드를 작성합니다. 이미지로 렌더링되는 다운로드 버튼은 HTML의 다른 모든 링크와 동일한 방식으로 작동합니다.다음 코드를 편집기에 복사합니다. 
4 파일 및 이미지 정보를 입력하세요. "다운로드 위치"를 HTTP: // 또는 FTP: // 접두사를 포함한 실제 다운로드 URL로 바꿉니다. "Image File"을 버튼 이미지의 파일 이름으로 바꿉니다. 파일이 페이지와 같은 위치의 서버에 있는 경우 전체 경로를 지정할 필요가 없습니다. - "Hover Text"를 사용자가 버튼 이미지 위로 마우스를 가져갈 때 표시되어야 하는 텍스트로 바꿉니다.
- "X"와 "Y"를 이미지의 너비와 높이(픽셀 단위)로 각각 바꿉니다.
- 이러한 항목을 모두 큰따옴표로 묶어야 합니다.
5 페이지에 소스 코드를 입력합니다. 버튼이 표시되어야 하는 위치에 코드를 배치합니다. 새 코드를 업로드한 다음 웹페이지를 열어 버튼이 작동하는지 확인합니다. 호버에 힌트 텍스트가 표시되고 그림 자체가 올바른 크기인지 확인합니다.
경고
- 저작권법을 위반하는 파일을 업로드하지 마십시오. 무거운 벌금 또는 징역형에 처해질 수 있습니다.
- 파일이 저장된 다른 사이트에 의존하는 것보다 자신의 서버에 파일을 업로드하고 나중에 공유하는 것이 훨씬 낫습니다. 다른 사이트에서 파일 위치에 대한 링크를 복사하는 경우 생성한 다운로드 버튼은 링크가 유효한 동안에만 작동합니다. 사용자가 버튼을 클릭할 때 파일을 다운로드할 수 있는지 확인하기 위해 버튼이나 링크를 가져온 사이트의 링크 기능을 주기적으로 확인해야 합니다. 파일이 더 이상 존재하지 않는다는 사실.
