안녕하세요...
그냥 혼자서 이런저런 웹사이트를 제작하고 관리하고 있습니다. 근 3년을 인터넷 환경이 좋지 않은 캄보디아에서 생활하다 현재는 방콕으로 나와 있습니다...
전 주로 웹작업을 나모웹에디터와 편집장으로 작업을 합니다. 플래시와 포토샵도 사용을 하고요...
궁금한 점은...
요즘 대형사이트들(포털사이트포함)들의 소스를 웹에디터로 분석을 해볼려고 하니...예전과 달리
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">
위에 것처럼 처리가 되어서 웹에디터로는 정리가 되지가 않습니다...
즉 소스보기를 하면 일반 html 태그처럼 각 태그가 표에 일괄 정리가 되지 않고 주욱 그냥 흩어져보입니다.
이런 사이트들의 웹디자이너들의 작업환경이 무엇인지 궁금합니다....
그냥 편집장으로만 작업을 한 것 같지 않은데...도통 혼자서 고심하다 정리도 제대로 되지 않는 질문을 드립니다...
친절한 답변부탁드립니다...그리고 글 읽는 모든 분들께 행운이 있기를 바랍니다..
그냥 혼자서 이런저런 웹사이트를 제작하고 관리하고 있습니다. 근 3년을 인터넷 환경이 좋지 않은 캄보디아에서 생활하다 현재는 방콕으로 나와 있습니다...
전 주로 웹작업을 나모웹에디터와 편집장으로 작업을 합니다. 플래시와 포토샵도 사용을 하고요...
궁금한 점은...
요즘 대형사이트들(포털사이트포함)들의 소스를 웹에디터로 분석을 해볼려고 하니...예전과 달리
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">
위에 것처럼 처리가 되어서 웹에디터로는 정리가 되지가 않습니다...
즉 소스보기를 하면 일반 html 태그처럼 각 태그가 표에 일괄 정리가 되지 않고 주욱 그냥 흩어져보입니다.
이런 사이트들의 웹디자이너들의 작업환경이 무엇인지 궁금합니다....
그냥 편집장으로만 작업을 한 것 같지 않은데...도통 혼자서 고심하다 정리도 제대로 되지 않는 질문을 드립니다...
친절한 답변부탁드립니다...그리고 글 읽는 모든 분들께 행운이 있기를 바랍니다..
댓글 12개
웹 표준이란거에 관심을 가질시기가 되신듯합니다.
DTD라는것으로 문서 타잎을 선언한것입니다.
문서에따라 몇가지 방법이 약간씩다르고 코딩스타일도 약간 차이가 납니다.
기존 테이블 코딩에서 DIV나 ul ol 등으로 스타일이 많이다릅니다만.
이점도많고, 크로스브라우징에서 유리하기때문에 요즘은 100%는 아니더라도
어느정도 웹표준을 지켜나가는게 추세이기때문에 그렇습니다.
사용하는 툴은 드림위버나 에디트플러스 가 압승일겁니다.
드림위버는 무거운대신 기능이좋고 에디트플러스는 가볍고빠르죠.
물론 개인마다 자신의 툴을쓰는사람도 많구요.
말씀해주신 주욱 흩어져 보인다는건 CSS가 적용되지 않아서 그렇습니다.
무슨말인지 이해가 가지 않으신다면 CSS와 웹표준에대해서 좀더 공부하셔야 합니다.
아마 알고계시겠지만 style 관련한 파일이 css입니다. 어려운건 아니니 알아보시면
금방 아시리라 믿습니다.
파이어 폭스라는 브라우저를 아시는지 모르겠습니다.
윈도우 익스플로러보다 빠르고, 다양한 기능을 사용할수있는 강력한 브라우저입니다..
요놈을 한번 사용해 보십시오. 웹표준이 왜 필요한지 당장 알게됩니다.
익스플로러와 파이어폭스에서 보여지는게 다르거든요...
아마 대부분 익스플로러에서만 작업해서 그렇습니다.
최근엔 파이어폭스 유저도 30%를 넘는다고 합니다...
그러니 웹표준을 지킬수밖에요 ㅎㅎ
DTD라는것으로 문서 타잎을 선언한것입니다.
문서에따라 몇가지 방법이 약간씩다르고 코딩스타일도 약간 차이가 납니다.
기존 테이블 코딩에서 DIV나 ul ol 등으로 스타일이 많이다릅니다만.
이점도많고, 크로스브라우징에서 유리하기때문에 요즘은 100%는 아니더라도
어느정도 웹표준을 지켜나가는게 추세이기때문에 그렇습니다.
사용하는 툴은 드림위버나 에디트플러스 가 압승일겁니다.
드림위버는 무거운대신 기능이좋고 에디트플러스는 가볍고빠르죠.
물론 개인마다 자신의 툴을쓰는사람도 많구요.
말씀해주신 주욱 흩어져 보인다는건 CSS가 적용되지 않아서 그렇습니다.
무슨말인지 이해가 가지 않으신다면 CSS와 웹표준에대해서 좀더 공부하셔야 합니다.
아마 알고계시겠지만 style 관련한 파일이 css입니다. 어려운건 아니니 알아보시면
금방 아시리라 믿습니다.
파이어 폭스라는 브라우저를 아시는지 모르겠습니다.
윈도우 익스플로러보다 빠르고, 다양한 기능을 사용할수있는 강력한 브라우저입니다..
요놈을 한번 사용해 보십시오. 웹표준이 왜 필요한지 당장 알게됩니다.
익스플로러와 파이어폭스에서 보여지는게 다르거든요...
아마 대부분 익스플로러에서만 작업해서 그렇습니다.
최근엔 파이어폭스 유저도 30%를 넘는다고 합니다...
그러니 웹표준을 지킬수밖에요 ㅎㅎ
질문자의 의도를 잘못 이해하신듯 합니다.
소스보기를 하면
<html>
<head>
</head>
<body> ...
</body>
</html>
이렇게 나와야 하는데
<html><head></head><body> ...</body></html>
이렇게 보인다는 말입니다.
웹표준, 크로스브라우징, CSS 이런게 문제가 아닙니다.
원인은 잘 모르지만 해결책은 DOS형태로 변환하면 되지요.
울트라 에디트에서 파일을 열면 DOS 형태로 변환할지 물어보는데 그렇게 해서 소스보기 하면 아래로 주욱 나열이 됩니다.
웹표준 준수하면 크로스브라우징에 오히려 가깝지요. 크로스 브라우징이란 IE, 파이어 폭스, 사파리 등 여러 다른 브라우저에서 의도했던 레이아웃이 똑같이 나오느냐 하는 것이고, 안되더라도 어느정도 포기하면서 최적화 해 나가는 것이죠.
이전에는 table 하나로 모든 레이아웃을 평정했는데 지금은 div, span, ul ... 하나하나에 id와 class를 지정하여 세밀하게 표현할 수 있기때문에, 브라우저마다 표기하는 스타일이 조금만 틀려도 의도와 달라질 확률이 높아진 것이지요.
ilmol.com 에 웹표준에 대한 좋은 글들이 많이 있습니다.
소스보기를 하면
<html>
<head>
</head>
<body> ...
</body>
</html>
이렇게 나와야 하는데
<html><head></head><body> ...</body></html>
이렇게 보인다는 말입니다.
웹표준, 크로스브라우징, CSS 이런게 문제가 아닙니다.
원인은 잘 모르지만 해결책은 DOS형태로 변환하면 되지요.
울트라 에디트에서 파일을 열면 DOS 형태로 변환할지 물어보는데 그렇게 해서 소스보기 하면 아래로 주욱 나열이 됩니다.
웹표준 준수하면 크로스브라우징에 오히려 가깝지요. 크로스 브라우징이란 IE, 파이어 폭스, 사파리 등 여러 다른 브라우저에서 의도했던 레이아웃이 똑같이 나오느냐 하는 것이고, 안되더라도 어느정도 포기하면서 최적화 해 나가는 것이죠.
이전에는 table 하나로 모든 레이아웃을 평정했는데 지금은 div, span, ul ... 하나하나에 id와 class를 지정하여 세밀하게 표현할 수 있기때문에, 브라우저마다 표기하는 스타일이 조금만 틀려도 의도와 달라질 확률이 높아진 것이지요.
ilmol.com 에 웹표준에 대한 좋은 글들이 많이 있습니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 9869 |
회원가입
왼쪽 메뉴 두번째 공유해요.,
1
|
| 9863 |
회원가입
왼쪽 메뉴 공유해 드립니다.
5
|
| 9862 | |
| 3212 | |
| 3203 | |
| 3194 | |
| 9855 |
회원통합스킨
여행사 메인시안 입니다.
6
|
| 9851 |
회원통합스킨
펜션 서브 시안입니다.
3
|
| 9845 |
회원통합스킨
펜션 메인 시안입니다.
5
|
| 9843 | |
| 9842 | |
| 9836 | |
| 9834 | |
| 3192 | |
| 3191 | |
| 6957 | |
| 9830 |
회원통합스킨
예전에 작업했던 제안시안 입니다
3
|
| 9825 |
우편번호
오시는길 약도
4
|
| 9823 |
게시판
약도페이지입니다.
1
|
| 9821 |
게시판
약도페이지입니다.
1
|
| 9735 | |
| 3186 | |
| 3182 | |
| 9727 | |
| 9720 | |
| 3179 | |
| 9702 |
게시판
메인시안 사용하세요.
17
|
| 6955 | |
| 3174 | |
| 9690 |
게시판
메인시안 공유합니다~
11
|
| 9686 |
게시판
자동차관련 메인시안
3
|
| 9679 |
게시판
메인시안 공유합니다.
6
|
| 3165 | |
| 3162 | |
| 3159 | |
| 9676 | |
| 3146 | |
| 9673 |
게시판
심플 메인
2
|
| 9668 |
게시판
깜둥이메뉴
4
|
| 9663 |
게시판
황금(?)메탈문자?
4
|
| 9662 |
게시판
액자??
|
| 9581 |
게시판
메인시안입니다.
80
|
| 3143 | |
| 3142 | |
| 9561 | |
| 9554 |
외부로그인
로그인 스킨
6
|
| 9542 |
게시판
아이콘들..!!
11
|
| 9531 |
게시판
남성 쇼핑몰 스킨
10
|
| 9527 | |
| 9522 |
게시판
회사소개용 이미지
4
|
| 3131 | |
| 9517 |
회원통합스킨
블랙 메뉴 디자인
4
|
| 9507 | |
| 9500 | |
| 9492 | |
| 9490 |
회원가입
회원가입 블랙버전입니다.
1
|
| 9489 |
패스워드찾기
아이디/패스워드찾기 블랙버전입니다.
|
| 9485 |
설문조사
배너 한가지
3
|
| 9481 |
회원통합스킨
메뉴 디자인
3
|
| 9480 |
외부로그인
탑부분 로그인 바 디자인
|
| 3128 | |
| 3120 | |
| 9478 |
스크랩
스크랩 블랙버전입니다.
1
|
| 3116 | |
| 9477 |
설문조사
설문조사 블랙버전입니다.
|
| 3112 | |
| 9471 |
게시판
버튼psd 올려봅니다.
5
|
| 9470 |
갤러리
갤러리 블랙버전입니다.
|
| 9468 |
게시판
시안입니다.
1
|
| 9463 |
게시판
시안입니다.
4
|
| 9460 |
게시판
다른버젼
2
|
| 9457 |
게시판
시안입니다.
2
|
| 3104 | |
| 9452 | |
| 6953 | |
| 9448 |
게시판
쇼핑몰스킨입니다.
3
|
| 9444 |
게시판
쇼핑몰스킨입니다.
3
|
| 9443 |
외부로그인
로그인스킨입니다.
|
| 5984 | |
| 3094 | |
| 9442 |
접속자
접속자페이지 블랙버전입니다.
|
| 3088 | |
| 3082 | |
| 3079 | |
| 9432 |
패스워드찾기
로그인 페이지 PSD
9
|
| 9416 | |
| 3078 | |
| 9415 |
달력
달력 레드버전입니다.
|
| 9407 |
게시판
회사 홈페이지 시안
7
|
| 9405 |
외부로그인
로그인 블랙버전 두번째 올립니다.
1
|
| 9402 |
외부로그인
로그인 블랙버전입니다.
2
|
| 3075 | |
| 9400 |
게시판
공지창
1
|
| 9399 |
갤러리
배너 백그라운드 1
|
| 3072 | |
| 6949 | |
| 9397 |
스크랩
스크랩 팝업니다.
1
|
| 9395 |
패스워드찾기
패스워드찾기 팝업입니다.
1
|
| 9380 |
게시판
조직도
14
|
| 9376 |
게시판
게시판스킨 뷰
3
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기