이전 기사 "Zen Coding : HTML/CSS 코드를 신속하게 작성하는 방법"을 발표 한 후 일부 Netizens는 DreamWeaver에서 Zen 코딩 플러그인을 사용하는 방법을 모른다고 말했습니다. 좋아요, 오늘 저는 DW에서 Zen 코딩을 사용하는 방법에 대한 자세한 자습서를 작성하겠습니다. 이미 사용 방법을 알고 있다면이 기사를 읽지 않을 수 있습니다.
다행스럽게도 DreamWeaver CS3에서 테스트했으며 DreamWeaver CS3과 CS4가 Zen 코딩 의이 플러그인을 지원한다는 것을 증명했습니다.
준비하다플러그인을 설치하기 전에 Adobe Extention Manager를 설치했는지 확인하십시오. 설치되지 않은 경우 Adobe 공식 다운로드로 이동하여 설치하십시오.
Zen Coding Project 홈페이지로 이동하여 DreamWeaver 용 최신 Zen 코딩 플러그인을 다운로드하십시오. 이 페이지의 오른쪽 열에 다운로드 목록이 있으며, 이는 Extension MXP를 가진 것입니다. (현재 버전은 0.7입니다. 여기를 클릭하여 다운로드 할 수 있습니다. Qianduan이 포장 한 버전이 있지만 공식 새 버전은 0.7이므로 공식 버전을 사용하는 것이 좋습니다.)
다운로드 한 후 다운로드 한 Zen 코딩 v.0.7.mxp 파일을 두 번 클릭하면 직접 설치할 수 있습니다. 매우 간단합니다.
설치 후 DW를 다시 시작한 다음 아래 그림과 같이 명령 메뉴 아래에서 Zen 코딩 하위 메뉴를 찾을 수 있습니다.
이는 설치가 성공적으로 완료되었음을 의미합니다.
사용 방법 선 코딩의 사용도 매우 간단합니다. 새 또는 html 파일을 작성하고 코드보기로 전환하고 Zencoding 형식 코드를 다음과 같은 작성하십시오.코드를 복사하십시오