소스 수정에 앞서 오늘은 Dreamweaver 라는 프로그램을 소개하고자합니다.
Adobe 프로그램의 어느 버전프터 통합이 되었는지는 잘 모르겠는데. 마스터콜렉션으로 설치하면 드림위버를 설치 할수 있습니다^^
기존의 HTML을 수정하기 위해서는
요창에서 수정을 많이 하셨죠?
이번에는 드림위버를 통하여 소스보는 방법을 적어볼까합니다.
물론 저같은 초보의 경우 처음부터 모든걸 만드려는것보다는 역시 기존에 있는 스킨을 이용하여 편집하는게 좀더 효율적이라는 생각을 해봅니다.
그럼 스킨을 받아봐야겠죠.?
관리자모드에서 스킨을 눌러보시면 빨간 테두리박스처럼 스킨을 다운로드할 수 있도록 되어있습니다.
압축 파일로 되어있는데 압축을 풀면 스킨에 대한 파일들을 확인 할 수 있습니다.
여기서 필요한건 우리가 수정하기로 되어있는 Skin.html, Style.css 파일입니다.
그런데 드림위버에서는 Skin.html 만 열면 연동된 파일로 style.css는 자동으로 불러와집니다.
네모박스에 처럼 말이죠. 지금 split로 지정되어있어서 소스와 디자인을 한눈에 볼수 있도록 되어있네요^^
코드로만 지정을 하면 한층 더 깔끔하게 정리된 코드들만 보실 수있습니다
참 보기 좋죠^^ 화면도 크고 줄 정리도 잘 되어있으니 말이죠^^
프로그램이 있으시면 한번 사용해보세요^^
