MY MENU

디자인 설정

제목

새로운 슬라이드쇼로 교체하기

내용

슬라이드쇼 

새로운 슬라이드쇼로 교체하기

 ★ 기존 비즈니스 템플릿을 토대로 슬라이드쇼를 교체해 보겠습니다. 첨부된 자료를 참고하세요.

 모바일 환경에서 작업된 매뉴얼입니다.




STEP 1. 이미삽입되어 있는 슬라이드쇼에 마우스를 갖다 놓으면 슬라이드 편집도구들이 뜹니다. 




STEP 2. 연필버튼을 클릭하면 슬라이드쇼에 대한 설정창이 왼쪽에 노출됩니다. 그중에 ‘내 슬라이드쇼 목록’을 클릭하여 슬라이드쇼의 새로운 디자인을 하겠습니다.

☞ 도움말

* 내 슬라이드쇼 설정 : 슬라이드 동작의 설정값 입니다.

* 내 슬라이드쇼 목록 : 슬라이드 이미지의 설정값 입니다.




STEP 3. 새 슬라이드쇼 만들기를 클릭합니다.

☞ 도움말

'선택 슬라이드 디자인 구성'을 클릭하면 현재 적용되고 있는 슬라이드쇼에 대한 이미지 설정을 변경할 수 있습니다.




STEP 4. 슬라이드의 이름을 두플슬라이드로 변경합니다 그리고 슬라이드 추가버튼을 클릭한 뒤 이미지 버튼을 클릭합니다.





STEP 5. 비어있는 이미지영역이 노출됩니다. 설정창을 클릭하면 이미지영역설정팝업창이 뜹니다. 이미지 추가버튼을 클릭하여 이미지를 추가합니다.   




STEP 6. 예시로 흰색 바탕위에 전동차이미지를 올렸습니다.(첨부파일참고) 화면에 보여지는 부분은 흰색바탕위에 올라와있는 사진 이미지만 보여집니다. 일단 대체 텍스트로 시내를 달리는 전동차를 입력합니다. 슬라이드영역의 높이가 너무 높아 사진의 이미지와 맞지 않습니다. 높이를 수정하기 위해 슬라이드 전체영역설정버튼을 클릭합니다.


대체텍스트란 ?

대체텍스트는 웹접근성과 관련이 있습니다. 웹접근성은 모든 사용자가 장애유무에 관계없이 사이트에서 제공하는 모든컨텐츠를 인식할 수 있도록 제공하는데 그 목적이 있습니다. 그래서 텍스트가 아닌 이미지나 그외 컨텐츠들은 그 의미나 용도를 이해할 수 있도록 대체 텍스트(Alternative Text)를 제공해야 합니다. 만약 이미지에 대한 마우스 오버시 대체텍스트가 없을경우 시각장애인 전용 리더기는 이미지라고만 말합니다 

대체텍스트 입력요령으로는 국내유저를 타깃으로 하는 홈페이지일 경우 정확한 의미전달을 위해  꼭 국문으로 입력해주세요. 영문으로 입력할 경우, 리더기가 잘못 읽는 경우가 있습니다. ex) UX(억스), HYUNDAI(현다이) 그리고 오타확인은 물론 이미지에 대한 설명을 상세하게 적어주시면 더욱 좋습니다.





STEP 7. 높이를 220px로 맞추고 사진을 흰색배경에 맞게 크기를 수정합니다.





STEP 8. 같은 방식으로 2장의 슬라이드 이미지를 더 올립니다.(1.전동차à2.도로à3.관람차) 만약 이미지가 흰배경안에 알맞게 조절되지 않는다면 이미지 원본비율 유지를 체크해제 해 다시 맞추면 됩니다. 모두 올려졌다면 마지막으로 저장을 클릭하고 창닫기를 클릭해 슬라이드쇼 디자인구성을 빠져나옵니다.





STEP 9. 슬라이드쇼 디자인구성을 빠져나온뒤 다시 뒤로가기를 클릭합니다. (목록에 두플슬라이드가 제대로 체크되어 있는지 확인합니다.)  




STEP 10. 내 슬라이드쇼 설정을 클릭하여 슬라이드의 움직임과 속도등에 대한 설정을 합니다.




STEP 11. 자신의 입맛에 맞게 슬라이드쇼의 움직임을 설정합니다. 설정예시로 이동/페이지버튼스킨은 스킨4, 슬라이드효과는 가로밀기, 슬라이드 자동재생은 3, 페이지표시 있음, 이전/다음버튼 있음, 슬라이드속도는 1200ms로 설정합니다. (설정에 따라 실시간으로 보여지는 슬라이드쇼를 확인하며 설정합니다.) 모든 설정이 끝나면 편집완료를 클릭 그리고 나의 사이트를 클릭하여 완성된 결과물을 확인합니다.


♠ Tip

슬라이드 자동 재생 : 슬라이드가 머물러 있는 시간을 설정합니다.

슬라이드 속도 : 슬라이드가 넘어가는 속도를 설정합니다 


URL 복사

아래의 URL을 전체 선택하여 복사하세요.

게시물수정

게시물 수정을 위해 비밀번호를 입력해주세요.

댓글삭제게시물삭제

게시물 삭제를 위해 비밀번호를 입력해주세요.

이용가이드 다운로드 eBook으로 보기