반응형 웹빌더
Zaemit은 반응형 웹 빌더 입니다.
반응형 웹이란 디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 웹페이지를 뜻합니다. 반응형 웹 구현에 사용되는 대표적인 기술은 종속 스타일 시트 3 버전(CSS3: Cascading Style Sheets version 3)입니다. 웹 문서 내 미디어 스타일 설정에 사용하는 미디어 쿼리(media query)를 이용하여 단말 화면의 폭이나 높이에 따라 레이아웃이 자동으로 구성됩니다.
WEVEN은 반응형 웹 빌더로 모바일화면 편집은 CSS부분만 적용이 가능합니다. 쉽게 말씀드리면 편집모드에서 상단 편집툴로 이용하여 조절하는 부분만 적용이 됩니다.
(링크, 소스코드, 등장모션 제외)
다시 말해, 텍스트 수정 및 이미지 수정은 불가합니다. 텍스트 또는 이미지 수정 시 PC화면에도 적용이 됩니다. 하지만 이미지 중에서도 CSS로 적용되어 배경으로 설정된 이미지는 수정이 가능합니다. (ex, 롤링배너)
(왼쪽: 일반 이미지 | 오른쪽: CSS 배경으로 적용된 이미지)
편집모드에서 왼쪽 이미지와 같이 이미지 중간에 
와 같은 표시가 있는 이미지는 img(이미지 태그)가 적용된 일반 이미지 이며, 오른쪽처럼 중간에 아무 표시도 없는 이미지는 배경으로 적용된 이미지 입니다.
와 같은 표시가 있는 이미지는 img(이미지 태그)가 적용된 일반 이미지 이며, 오른쪽처럼 중간에 아무 표시도 없는 이미지는 배경으로 적용된 이미지 입니다.
편집모드에서 왼쪽 이미지와 같이 이미지요소창이 노출되는 이미지는 수정이 가능하며, 오른쪽처럼 중간에 아무 표시도 없는 이미지는 배경으로 적용된 이미지로 수정이 불가합니다
화면 크기에 대응하여 웹 페이지의 레이아웃이 바뀌는 반응형 웹과 달리 웹 페이지를 다양한 화면 크기별로 미리 제작하여 보여주는 ‘적응형 웹(Adaptive web)' 방식도 있습니다. 하지만 이 방식은 페이지의 부하를 많이 주어 로딩 속도가 저하되고, 모바일버전, PC버전, 태블릿 버전을 모두 따로따로 수정해야하는 번거로움이 있어 WEVEN은 반응형 웹을 지향하고 있습니다.
Zaemit은Tip1 !
WEVEN의 모든 이미지를 배경이미지로 변경하는 작업중입니다. 작업이 완료되는 대로 업데이트 하여 고객님께 더욱 편한 서비스를 제공하겠습니다.
참고 :
도움말을 통해 문제를 해결하지 못하셨나요?
1:1 문의를 남겨주시면 빠르고 정확하게 도와드릴게요.