이미지 엘리먼트 사용하는 방법

|

이미지 엘리먼트 사용법을 알려드리겠습니다. 왼쪽 더하기 아이콘을 클릭하고 엘리먼트 리스트에서 이미지 엘리먼트를 원하는 위치에 가져옵니다.

이미지를 클릭하면 설정창이 나옵니다. 하나하나 알아보겠습니다.

첫번째는 이미지를 선택하는 옵션입니다. 미리 업로드해놓은 이미지를 선택하거나, pc에 있는 이미지를 업로드해서 선택합니다. 일단 이미지는 보이는 화면에서 원하는대로 크기를 조절할 수 있습니다.

줌 기능을 통해서 이미지를 확대할 수 있고, 이미지 중에서 화면에 보여줄 중앙 지점을 선택할 수 있습니다. 오픈 인 라이트박스 토글을 켜주면 방문자가 이미지를 클릭했을 때 이미지를 크게 보여줍니다.

필터 기능은 명암,채도 등을 바꿔줄 수 있는 기능인데요. 일반적으로 사용하는 경우는 적습니다.

두번째는 색상인데요. 이미지의 테두리와 쉐도우, 그림자 색상을 지정할 수 있습니다. 쉐도우의 인셋은 안쪽으로 그림자가 생기고, 아웃셋은 바깥쪽으로 그림자가 생깁니다.

왼쪽에 점과 손가락 모양이 있는데요. 손가락 모양은 마우스를 그림에 올렸을때의 설정입니다. 마우스를 올렸을때 그림자 지정을 하면 화면에서 보이는대로 나오게 됩니다.

다음은 이미지에 링크를 거는 메뉴고, 그 다음의 톱니바퀴는 이미지 크기를 수치로 지정하는 메뉴입니다. 이미지의 크기를 픽셀 단위로 지정할 수도 있고 퍼센트로 지정할 수도 있습니다. 다음은 복제 아이콘, 그 다음은 삭제 아이콘입니다.

여기까지 이미지 엘리먼트 설정 방법에 대해 알려드렸습니다. 홈페이지 제작에 잘 활용하세요.