웹사이트에 .gif 이미지를 추가하려는 이유는 여러 가지가 있습니다.
웹사이트에 이미지를 추가하면 방문자의 매력도를 크게 높일 수 있습니다. 웹에서 이미지에 가장 일반적으로 사용되는 파일 형식은 .jpg 및 .gif입니다. 인디애나 대학은 .gif 파일이 색상 그라데이션이 감소된 선명한 이미지에 가장 적합하다고 말합니다. 여기에는 만화, 텍스트 및 라인 아트가 포함될 수 있습니다. .gif 파일의 다른 장점은 배경을 투명하게 설정하고 애니메이션을 추가하는 기능입니다. 웹사이트에 .gif 파일을 추가하는 것은 파일을 업로드하고 문장을 작성하는 것만큼 간단합니다.
1 단계
웹 사이트 관리 패널을 엽니다. 이것은 사용하는 호스트 서버 또는 Dreamweaver와 같은 프로그램을 사용하여 사이트를 관리하는지 여부에 따라 다르기 때문에 개인마다 다릅니다. 기본적으로 편집 소프트웨어에는 HTML 편집기 또는 WYSIWYG의 두 가지 주요 유형이 있습니다. Smashing Magazine은 WYSIWYG가 "What You See Is What You Get"을 의미한다고 설명합니다. 이 프로그램은 페이지 작성을 보다 직관적으로 만들기 위해 설계되었습니다. HTML 편집기를 사용하려면 HTML 언어의 기본 사항을 이해해야 합니다.
오늘의 비디오
2 단계
.gif 이미지 파일을 "이미지" 또는 웹사이트의 적절한 폴더에 저장합니다. 컴퓨터에서 프로그램을 사용하는 경우 하드 드라이브에서 올바른 폴더를 찾기만 하면 됩니다. 온라인 관리 인터페이스를 사용하는 경우 이미지를 업로드해야 합니다. 관리 패널에서 올바른 폴더로 이동하고 지침에 따라 파일을 업로드합니다. 대부분의 경우 찾아보기 버튼을 사용하여 컴퓨터에서 .gif 파일을 찾은 다음 "업로드"를 클릭합니다.
3단계
웹 페이지에 .gif를 추가합니다. WYSIWYG 편집기에서 원하는 위치에 이미지를 끌어다 놓기만 하면 됩니다. 웹사이트를 미리 보고 페이지가 예상대로 나타나는지 확인하고 필요에 따라 조정합니다.
HTML 텍스트 편집기를 사용하는 경우 .gif가 배치될 HTML 페이지를 엽니다. .gif를 표시할 HTML 텍스트 지점으로 스크롤합니다. 다음 줄을 추가하여 "=" 기호 뒤의 정보를 .gif에 대한 정보로 대체하고 따옴표는 그대로 둡니다.
Cross Culture는 "img src"가 "이미지 소스"를 의미한다고 설명합니다. 따옴표 사이의 정보에는 .gif가 있는 폴더의 이름과 .gif의 이름이 차례로 나열되어야 합니다. "alt" 태그는 이미지 링크가 끊어졌거나 방문자가 이미지를 비활성화했거나 텍스트 판독기가 디코딩할 때 표시될 텍스트를 나타냅니다. "너비" 및 "높이"는 이미지의 표시되는 크기를 픽셀 단위로 설정합니다. 공간 태그는 주변 콘텐츠와 관련하여 이미지 주위에 얼마나 많은 수직 또는 수평 공간이 제공되는지 정의합니다. 테두리 태그는 이미지 주위에 선을 추가하고 따옴표 안의 숫자는 너비를 결정합니다.
필요한 것
인터넷이 연결된 컴퓨터
웹사이트에 대한 관리 액세스
삽입할 저장된 .gif 이미지
팁
.gif 파일의 일반적인 용도 중 하나는 spacer.gif입니다. 이 이미지는 1픽셀 x 1픽셀 크기의 투명한 정사각형입니다. 이 .gif 파일은 페이지 디자이너에게 레이아웃의 다양한 위치에 예측 가능한 공간을 효율적으로 추가할 수 있는 옵션을 제공합니다. 예를 들어, 텍스트 블록 아래에 공간을 추가하려면 spacer.gif를 단락에 배치하고 높이와 너비를 원하는 대로 조정할 수 있습니다.
경고
새 .gif를 추가하기 전에 변경 중인 웹 페이지의 복사본을 저장하고 결과에 만족할 때까지 가능하면 오프라인으로 작업을 시도하십시오. 이렇게 하면 연습 페이지가 공개되는 것을 방지하고 어려움이 있을 때 다시 시작할 수 있는 능력을 보호합니다.
