Topstyle의 매력에 푹 빠지다.
2005.04.18 ,
오전 10:54
웹 디자인,추천/리뷰
7 comments »
워드프레스를 사용하면서, CSS + XHTML에 관심을 갖게 되면서 기존에 사용하던 드림위버에서 Topstyle pro로 main 에디터를 바꿨다.
드림위버는 나무랄 데 없는 최고의 웹에디터이지만, 엄청난 파일크기로 인해 프로그램 로딩속도가 느린 문제가 있다. 내 컴퓨터는 팬4 3.0G에 1024mb 램을 장착하고 있지만, 포토샵이나 일러스트레이터가 이미 상주하면서 잡아먹는 메모리가 있기 때문에 좀 더 단순한 웹에디터를 찾게 됐다.
Topstyle을 1주일 정도 사용해보면서 느낀 점은 워드프레스의 테마 수정이나 간단한 CSS + XHTML 예제 파일을 만드는데 최적화 된 프로그램이라는 것이다.
인터넷 익스플러와 파이어 폭스의 2대 브라우저를 한꺼번에 미리보기 할 수 있는 기능은 CSS 코딩을 할때 무척 유용하다. 사실 IE의 CSS를 제대로 랜더링하지 못하는 문제를 실시간으로 확인할 수 있는 이 기능이 main 웹에디터를 옮기게 한 주원인이다.
또한 CSS 코드를 자동 정렬 및 배치해주는 기능 역시 환상적이다. 이 기능에 중독되게 되면 드림위버를 동네 애물단지 취급하게 될지도 모른다.
단, 이 프로그램은 드림위버의 이지윅 기능이 없어서 일정부분 핸드코딩을 해야 한다. 때문에 기초적인 코딩 지식을 요구한다.
하지만, 기초적인 HTML, XHTML, CSS에 대한 공부는 웹개발이나 디자인에 있어서 더욱 필요한 부분이다. 이지윅 웹에디터에 익숙해지는 그 순간 웹페이지 제작을 머리가 아닌 눈으로 시작하게 되기 때문이다. 웹페이지를 구조적으로 접근하는 사고가 바로 올바른 XHTML + CSS 의 시작이기 때문이다.


7개의 의견이 있습니다. | 당신의 의견을 바랍니다.
1.
mylook |
2005.04.18 ,
오전 10:59 ·
permallink
아마 저도 잘 사용하다가 CTRL +F 가 없서서..
editplus 를 다시 계속 사용중입니다
2.
hooney |
2005.04.18 ,
오전 11:24 ·
permallink
제가 사용중인 3.11 버전에서는 ctrl + f 기능이 잘 되던데요. 오히려 CSS 코드 찾기는 Editpus보다 편리하답니다.
하지만, 한글 입/출력이 부자연스런 문제가 있답니다. 레이아웃을 잡기위해 HTML을 만드는 건 편리하지만, 그 외의 HTML 문서를 만들기는 불편합니다. ctrl + c, v 를 이용해야 하더군요. ㅡ.ㅜ
3.
쿠키~* |
2005.04.18 ,
오전 11:38 ·
permallink
저도 탑스타일 유용하게 사용하고 있답니다^^
회사에서 같은 일 하는 직원들에게 뿌려놓고 홍보 및 교육까지 ‘-’);;
한글에 약간 문제가 생기곤 하는 문제만 해결되면 정말 좋을것 같아요~~
4.
hooney |
2005.04.18 ,
오후 03:00 ·
permallink
쿠키님도 탑스타일을 사용하나요? 제 주변에 사용하는 사람이 거의 없던데.. 만나서 반가워요~
탑스타일 홈페이지에서 확인해보니 비영어 언어팩에 대해 지원할 예정이 없다고 하더군요. ㅜ.ㅜ
5.
일모리 |
2005.04.18 ,
오후 11:05 ·
permallink
저는 에디트플러스를 아직도 애용중입니다.
손에 익어버렸네요 웹에디터는 쓰질 않으니
그냥 코딩에 편한 editplus 가 젤 좋더군요
탑스타일이 코딩에 괜찮다면 한번 써봐야겠네요
6.
likejazz |
2005.04.19 ,
오전 11:42 ·
permallink
저도 테이블기반에서 CSS기반으로 디자인을 개편하면서 탑스타일의 많은 도움을 받았습니다. 정말 훌륭한 툴이에요.
http://www.likejazz.com/29438.html
7.
hooney |
2005.04.19 ,
오후 01:13 ·
permallink
LikeJazz님은 역시 범상치 않은 분이셨군요. ㅎㅎㅎ
당신의 의견을 바랍니다..
사용할 수 있는 HTML 태그 :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>