CMSHOM 라이브편집도구의 기능을 간략하게 소개해드립니다. 세부적인 기능이나 사용방법, 작업 예제 등은 이어지는 영상들을 참고하시기 바랍니다.
CMSHOM 라이브편집 소개 2 2025-09-28
CMSHOM 라이브편집도구의 기능을 간략하게 소개해드립니다. 세부적인 기능이나 사용방법, 작업 예제 등은 이어지는 영상들을 참고하시기 바랍니다.
CMSHOM 라이브편집 소개 3 2025-10-20
CMSHOM 라이브편집도구의 기능을 간략하게 소개해드립니다. 세부적인 기능이나 사용방법, 작업 예제 등은 이어지는 영상들을 참고하시기 바랍니다.
박스만들어 콘텐츠 디자인하기 2025-10-13
기본 박스를 만들고, 내부박스를 만든 후 사이즈 지정하고 그 안에 이미지와 텍스트를 넣어서 콘텐츠 디자인 코딩을 완성하는 과정을 보여드립니다. 비교적 간단한 작업 예제를 진행하면서 꼭 알아두면 좋은 기능 부분을 코멘트와 함께 보여드립니다.
원하는 위치에 박스만들기 2025-10-12
div 박스를 만드는 것은 모든 코딩의 시작이고 완결입니다. div 박스를 제대로 만들 수 없다면 코딩 작업은 실패할 것입니다. cms 편집도구는 가장 완벽한 반응형 박스를 만들 수 있는 솔루션입니다. 모든 위치에 필요한 박스들을 정확하게 만들 수 있습니다.
기본css, span과 img 태그 코드생성 2025-10-11
라이브편집도구의 기능을 순서대로 소개합니다. 기본 csst삽입과 span, img 태그를 생성하는 도구들을 소개합니다. 편집작업을 쉽게 해주는 도구들이고, 초보자들에게 어려울 수 있는 소스코드들을 자동 생성해줍니다.
이미지 관리 도구 2025-10-11
라이브 에디터와 기타 용도에 사용되는 이미지들을 업로드하고 관리할 수 있는 도구입니다. 폴더만들기, 삭제, 업/다운, 링크복사, 미리보기 등의 기능을 가지고 있습니다. 여기에 업로드한 후 사이트 전체에 공용으로 사용할 수 있습니다.
반응형 부라우저 미리보기 2025-10-11
반응형 사이트 제작을 위한 미리보기 도구입니다. 부라우저의 사이즈 변화에 따른 레이아웃 변경 상태를 미리 보면서 편집할 수 있습니다.
라이브편집의 중요한 개념 : 요소의 고유한 이름 2025-10-01
라이브편집도구를 사용하기 위해서 꼭 알아야할 요소의 이름(아이디, 클래스)를 알아보겠습니다. 우리가 편집하려는 텍스트나 이미지와 같은 무엇인가를 요소라 하고, 그 요소는 고유한 이름이 있어야 합니다. 고유한 이름이 없다면 그 요소의 속성을 정의할 방법이 없을 것입니다. 이 개념은 매우 중요합니다.
반응형 코딩의 기본개념 이해 2025-09-28
반응형 코딩을 하기 위해 필요한 기본개념 이해를 위한 영상입니다. cms는 자동으로 코드를 생성해주기 때문에 진정한 전문가 수준의 코딩이 가능한 유일한 웹빌더입니다. 다른 모든 웹빌더와 비교하여 최고수준의 개발도구임을 영상으로 보여드립니다.
이미지 추가와 삽입 2025-09-28
편집도구를 사용해서 편집창에 클릭한 위치에 이미지를 삽입하거나 추가하는 방법을 알아봅니다. 추가는 클릭한 위치의 내용을 그대로 유지하면서 이미지를 추가하는 것이고, 삽입은 그 내용을 교채하는 것입니다.
