안녕하세요...
그냥 혼자서 이런저런 웹사이트를 제작하고 관리하고 있습니다. 근 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 에 웹표준에 대한 좋은 글들이 많이 있습니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 7405 | |
| 7401 | |
| 7398 | |
| 7392 | |
| 7385 | |
| 7373 | |
| 7370 | |
| 7365 | |
| 7359 | |
| 6754 | |
| 6750 | |
| 6740 | |
| 9068 | |
| 9055 | |
| 6729 | |
| 6709 | |
| 6701 | |
| 6698 | |
| 6696 | |
| 6685 | |
| 6681 | |
| 6679 | |
| 6671 | |
| 7338 | |
| 6666 | |
| 6658 | |
| 6644 | |
| 6631 | |
| 6619 | |
| 6602 | |
| 6597 | |
| 6590 | |
| 6579 | |
| 6573 | |
| 6568 | |
| 6565 | |
| 6564 | |
| 6559 | |
| 6554 | |
| 6553 | |
| 6550 | |
| 6543 | |
| 6540 | |
| 6538 | |
| 6536 | |
| 6531 | |
| 6529 | |
| 6515 | |
| 6511 | |
| 6507 | |
| 6504 | |
| 6499 | |
| 6493 | |
| 6492 | |
| 6481 | |
| 6470 | |
| 7316 |
기타
메인시안
21
|
| 6468 | |
| 6465 | |
| 6462 | |
| 6458 | |
| 6456 | |
| 6442 | |
| 6437 | |
| 6432 | |
| 7281 | |
| 6427 | |
| 6424 | |
| 6419 | |
| 6411 | |
| 6404 | |
| 6394 | |
| 6392 | |
| 6380 | |
| 6375 | |
| 6372 | |
| 6369 | |
| 6365 | |
| 6360 | |
| 6357 | |
| 6352 | |
| 6349 | |
| 6345 | |
| 7261 | |
| 6331 | |
| 6328 | |
| 6327 | |
| 6323 | |
| 6318 | |
| 6314 | |
| 6311 | |
| 6306 | |
| 6300 | |
| 6292 | |
| 6291 | |
| 6288 | |
| 6272 | |
| 6270 | |
| 6260 | |
| 6258 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기