스킨 제작 프로젝트 - Step2. 퍼블리싱
혹시나 드림위버 사용하시는 분들은 보시지 않으셔도 됩니다.
디자이너가 디자인을 보지 못하고 자판을 두들기며 디자인하는 것보다 큰 곤욕은 없습니다.
① 웹표준은 기존의 방법과 전혀 다른 형식이며,
② 너무 어렵고,
③ 딱딱합니다.
④ 웹표준은 디자이너를 전혀 배려하지 못하고 하드코딩을 강요하고 있습니다.
⑤ 그간 알았던 테이블을 이용한 제작 기술을 완전 쓰레기 정보로 취급해야 할 만큼 생소합니다.
⑥ 한국의 인터넷문화 특성상 윈도우즈체계가 98% 이상일텐데 나머지 2%를 위한 배려라기엔 너무 큰 부담일 뿐입니다.
그 중 가장 큰 문제가 웹표준은 하드코딩을 강요한다는 것입니다.
초당기 웹디자인을 배울 때 어떠한 사람은 일일히 하드코딩으로 html을 모두 디자인했던 경우도 있습니다.
대단하다는 생각 전혀 안들었습니다.
그분들에게 미안한 얘기지만 편리한 툴을 바보같이 버리고
스스로 고생을 사서 하는 것이라 생각했습니다.
(웹개발자라면 전혀 다른 문제지만... 웹디자인을 할 때 하드코딩을 한다면... 실로 엄청난 압박이... ㅜㅜ)
하지만 제로보드가 지향하는 웹표준이
제가 예전에 그토록 어리석다고 말하는 하드코딩을 강요하고 있다는 점에 대해 좌절을 맛봤습니다.
그런데요.
기존의 에디터툴이 변모해 가며 웹표준을 지향하도록 개선되고 있더군요.
저는 나모웹에디터만 사용했습니다.
그 중에서도 5.x 버전을 주로 이용해 왔습니다.
그러다가 나모 2006을 사용해 봤고, 여전히 웹표준을 배려하지 못한다는 생각에 절망했죠.
드림위버 cs3를 이용해 봤습니다.
너무 덩치만 크고, 버거우며 익숙치 못해서 사용을 안했습니다.
그러다가 웹표준이라는 것을 알게 되었고 그게 준수하고자 했을 때...
결국 답은 드림위버cs3 구나... 하는 결론을 내렸습니다.
웹표준... 제대로 사용하시려면 국내 웹에디터 프로그램으로는 한계를 많이 느낍니다.
적어도 현재까지는 말예요.
혹시나 아직도 하드코딩으로 웹표준을 하시려는 분들 계시다면 드림위버 cs3를 사용해 보시기 바랍니다.
오른편에 css 테그(?)가 모두 나와 있고 단지 사용하고자 하는 것들을 지정만 하시면 됩니다.
디자인을 보시면서 작업하실 수 있습니다.
웹표준을 지향해서 홈페이지를 만들 때 큰 도움이 될 것입니다.
웹표준을 지향한다 해서 모든 css 용어를 알아야 하는 것은 아닙니다.
혹시나 아직까지도 하드코딩을 하며 너무 힘들다 하는 분들이 계시다면
이 참에 웹에디터를 한번 활용해 보시기 바랍니다^^
웹개발과 디자인, 카메라에 관심 많습니다^^
좋은 글 감사하구요, 좋은 지식들 공유 부탁드립니다. :)
좋은 정보입니다.^^ 저는 서기님 강좌에서 쓰는 것 보고 그래 이거야! 하면서 쓰고 있답니다. ㅎㅎ 나모만 6년 쓰다가 급 전환했답니다.ㅋㅋ
저는 주로 하드코딩을 하기에(*실력도 없으면서 말이지요.) Aptana를 씁니다.. 물론 디자인할때는 MS Visual Web Developer Express를 사용하지만요... 개인적으로 압타나도 위지윅기능을 강화했으면 한다는...ㄷㄷ
드림위버가 TS를 이해 못하니까요.
저는 그냥 드림위버를 텍스트에디터 + 약간의 위지윅(코드위치 쉽게 찾기) + FTP툴 로 사용하고있다는...
그리고 DIV 레이아웃과 CSS 생각보다 그리 어렵지 않은거 같은데 많은 분들이 적응하기 쉽지 않아하시는거 같습니다.^^;;;;;
드림위버를 사용한다 해도 결국은 하드코딩이 됩니다..
제로보드 위젯코드가 img 태그를 사용함으로 일부 위치에서 이미지로 나타내면서 구조가 깨지는 경우가 많죠.
또 하나, elseif가 있는 부분들....두개의 이미지로 보여지면서 구조가 더욱 깨지게 되는.....불상사가....
결국은 하드코딩으로 가게 되더라구요...
드림위버 CS3 이라는것이 있었군요.
TextEditer 로 여태껏 게시판 스킨 만든다고 삽질한 시간이 그동안 얼만데...ㅠㅠ
드림위버CS3 는 또 어디서 구할꼬?
저같이 돈없는 사용자는 아예 몸으로 때우는 하드코딩 전문디자이너로 가야겠어요...ㅠㅠ
어둠을 지배하시는 분 계시면 살짝 쪽지를... ![]()
포토샵도 5.0 기능이면 충분한데 웬 CS3 까지 나오는지 원...
저는 웹에이젼시에서 일하고 있는 웹퍼블리셔입니다. :)
에디터를 어떤걸 사용하는지보다는 웹표준에 대한 중요성을 깨닫고 좋은 결과물을 만들어내는 것이 중요하다고 생각합니다.
다만, 에디터 자체가 웹표준을 지키지 않는 쪽으로 자꾸 코드를 수정해 버린다면, 그건 문제가 되겠지만요.
개인적으로는 하드코딩이 더 재밌습니다만. ㅎㅎ
근데, 아직도 디자인팀에서 코딩까지 하는 경우가 많은가봐요. '-';;
가끔 지인들의 홈페이지나 후다닥 만들어 주고 술한잔 얻어먹고 그러죠^^
홈페이지 제작하는데 들이는 돈이 아까와서 직접 내 홈페이지나 만들어 쓰자고 하다보니 여기까지 왔습니다.
홈페이지나 웹디자인팀에서 보수와 월급받고 디자인하고 코딩하는 분들 보면 부러워요.
회원가입하고 버튼만 누르면 뚝딱 블로그와 홈페이지가 만들어지는 세상에서
홈페이지 제작해주면서 보수와 월급받고...먹고 살만 한가요?
... 벌려놓은 사업도 지지부진한데 제로보드XE로 홈페이지 만들어주는 직업으로 이 기회에 직업 바꿔볼까요?...^_^;:
(아직도 디자인팀에서 코딩하는 경우가 많다는 멘트가 저를 지칭하시는것 같아서...^^)
음...웹표준에 관한 문제는 하드코딩이냐 위지윅이냐가 아니라, 일관성 있으면서 유지/보수가 쉬운 웹 제작에 있다고 봅니다.
table의 사용을 예로 들면 웹표준에서 'table 사용을 하지 말자'가 아니라 table을 원래 목적대로 사용하자는 거죠.(웹 디자인의 수단이 아니라 자료의 구조화, 시각화 등을 구현하는데 사용)
꼭 하드코딩이 아니더라도 웹표준을 지킬 수는 있다고 생각합니다. 물론 100% 하드코딩이나 100% 위지윅은 불가능 하지만요.
그렇지만 향후 사이트를 일목요연하게 구조화하고 쉽게 유지/보수/관리 할 수 있다면 어느 정도의 하드코딩에 대한 수고는 당연하지 않을까 생각됩니다.
그나저나 드림위버CS3...! 은근히 땡기는데요....
드림위버 CS3버그 있던거 같던데 고쳐졌나모르겠군요.
그림이나, 링크등등을 클릭해도 속성이 안바뀌다가
오른쪽 버튼을 누르면 바뀌더군요.
저는 취업포털쪽에서 UI팀 웹퍼블리셔로 일하고 있지만, 프로그램이 되어있는 상태에서 소스수정하는 경우가 많아서 에디터플러스를 사용하는 경우가 많습니다. 드림위버로 할경우 너무 느려서 프로그램이 종료가 되더군요..
드림위버CS를 사용한지 1년이 조금 안된거 같은데 웹표준 코딩하기에는 상당히 좋은 프로그램이라는게 제 개인적인 생각입니다.
정찬명님도 아마 드림위버를 사용하는걸로 알고 있습니다.
저도 드림위버를 에디터로 사용하고 있는데 사실 코딩시 PHP 인클루딩이라든가 여러가지 이유로 하여 위지윅은 좀체 힘들더군요.
저도 타골라스님처럼 직업이 웹디자인은 아니지만.. 전공이 유사전공인데다(제품디자인) 이쪽에 관심도 있어서 알바 삼아
지인들통해 몇군데 크고 작은 회사 홈페이지들 만들어주고 쌈지돈이나 좀 얻어쓰며 부족한 본 직장 수입을 메꾸는 형편입니다.
사실 저희 회사 개발자(전 개발팀은 아니지만 그쪽 직원들과 친하다보니)들은 울트라 에딧이나 에딧플러스 많이 쓰더군요.
저는 자동 완성 기능때문에 일단 하드코딩 용으로도 드림위버에 한표 던집니다.
사실 분업화가 잘된 회사에서는 디자이너가 디자인만 하게되는 경우가 많습니다. 코더가 따로 있고 프로그래머가 따로 있고..
문제는 유지보수인데 유지보수 할때 프로그램을 약간이나마 이해(프로그램 에러안나게 안건드리고 디자인을 수정할 수 있는)하는 디자이너가 있어야 한다는 것인데 문제는 그러한 디자이너가 말단이어서는 안된다는게 제 경험상 나오더군요. 즉 디자이너들을 아우르면서 개발팀과 기획팀의 사이에서 협의가 가능해야한다는 것이지요. 그렇지 않으면 디자이너들은 맨날 삽질하다 판 깨집니다.
물론 요즘은 실력들이 출중한 분들이 많아서 예전말로 웹마스터급들이 많은것 같은데요.... 저도 알만한 회사에서 10년째 디자인을 하고 있지만 요즘들어 웹표준 공부를 해야하니 머리가 깨집니다.
서두가 길었습니다.
사실 드림위버나 기타의 에디터들 좋은게 많지만 100% 만족할 수 없기에 이놈도 쓰고 저놈도 병행해가며 써야합니다. 즉 드림위버에서 소스를 자기맘대로 바꿔버리는 경우가 있는데 그게 어디를 어떻게 바꿔버리는지 에러가 나기 전까지는 알 수가 없다는것이지요.
이러한 이유로 처음 디자인할때는 드림위버를 쓰고 유지보수를 할때는 텍스트 에디터를 쓰는 경우가 많은데 디자인을 전면 수정할때는 이거 난감하다는 것입니다.
저는 솔직히 고라이브라는 프로그램을 썼습니다. 인터넷의 아주 초창기 사람답게 드림위버가 나오기전에 나온 고라이브라는 프로그램을 쓰는데요. 어도비가 드림위버 CS3를 내놓으면서 CS2까지밖에 안나온게 고라이브입니다. 사실 한국에서는 드림위버가 대세지만 고라이브라는 프로그램을 쓰는 외국 디자이너들이 상당히 많은데 저도 그중 한사람입니다. 고라이브의 장점은 드림위버에비해 디자이너를 위한 웹툴이었다는 것입니다. 정말 포토샵 하듯이 웹페이지를 만들 수 있고 또한 소스를 자기 마음대로 바꿔버리지 않는 프로그램이었습니다만.... 이제는 힘들게 되었네요.
횡설 수설 했지만 불평을 해도 이제는 웹표준을 공부해야 한다는 것입니다. 그렇지 않고서는 정말 디자이너가 디자인밖에 못하고 웹페이지를 이해못하는 사태가 벌어지게 되는 것입니다. 디자이너가 분업이 잘 되어 있는 회사에서 디자인만 하더라도 웹페이지를 만들 줄 알아야 똥인지 된장인지 구분을 할 수 있다는 것이지요.
원글을 쓰신분 말씀이 와닫는데요. 디자이너가 페이지를 정확하게 보지 못하고 코드로 만들면서 프리뷰를 봐야한다는 것은 밤에 썬그라스끼고 길을 걷는 것과 같은것 아닐까요? 즉 못하지는 않겠지만 시간이 걸리고 자유롭지 못하다는것... 쩝..
자 이제부터 웹표준 공부해볼까요? ^^








좋은 글 감사합니다. 저도 나모에디터를 기본으로 시작해서 html를 배웠던 사람인데
웹표준이 들어서면서 비쥬얼에디터가 없다는 점에 절망하고 있었답니다. (물론 비쥬얼 에디터에 완전 올인해서 작업하는 건 아니지만 하드코딩에만 의존해야 한다고 생각하니 그 노동에 깜깜;)
덕분에 드림위버에 다시 손대봐야겠네요^^