웹마스터 팁

  2. Support
  3. 웹마스터 팁

깔끔한 홈페이지를 만들고 싶다면 꼭 알아야 할 것(1)

2002.08.15 11:08

키르(SP)

nzeo.com 에는 그래도 꾀 웹에대해서 알고계신분들이 찾는 사이트라

이팁이 유용하게 보일사람이 몇 되진 않을거라 생각되지만 그래도 한번 올려봐요 -ㅁ-

가끔가다가 어떤 홈페이지를 들어가면 꾀 열심히 만든듯 한데 상당히 지저분해보이고 깔끔하지

않게 보이는곳이 여럿있죠 !

그 이유는 ① text문서에대한 잘못된 스타일시트 지정 ② 과다한 이미지, 자바스크립트(마우스 따라다니는;

꽃이 날리는 등;) 사용 ③ 촌스러운 색상(?)의 사용 -ㅁ- 정도로 볼 수 있겠죠..

먼저 ① text문서에 대한 잘못된 스타일시트 지정 에 대해서 본다면

http://slowplus.com/test/test_1.html

위 링크를 클릭해보세요

정말 웹의 초보자의 지저분한 홈페이지를 완벽하게 재연해 냈죠? -ㅁ-

먼저 ①번을 해결하고자 하니 스타일시트의 문제점을 찾아보면

이 페이지에서 제작자는(-ㅁ- 난데~;) head안에서 스타일을 지정하지 않고

body에서 font size=2 로 지정을 했습니다.

저또한 오래전 경험했던 일이고, 이같이 나타나는 홈페이지에서 소스보기를 통해

본결과 역시 font size=2 였습니다 -ㅁ-

또한 밑에 링크를 보세요 아주아주 지저분한 링크의 모습이죠..;

여기서 해결방법!!

<head>와 </head> 사이 에 다음을 집어넣으세요..!

<style>
body, td, select, input, div, form,textarea, center, option, pre, blockquote {font-family:굴림; font-size:9pt; line-height:160%;}

A:link     {color:링크색상; text-decoration:none}
A:visited {color:방문했던 링크색상; text-decoration:none}
A:active  {color:진행중인 링크색상; text-decoration:none}
A:hover   {color:마우스를 올리면 바뀔 색깔;  text-decoration:none;}
</style>

물론 font size=2 를 하셨던분은 그태그를 삭제하셔야 겠죠..

http://slowplus.com/test/test_2.html

보세요 -ㅁ- test_1.html 문서보다는 꾀 깔끔하게 정리되었죠?..

글씨크기를 9pt로 맞추고, 따닥따닥 붙어서 지저분해보이는것을 방지하기 위해

line-height 를 넣었죠..

여기서 첫번째를 마치고 (2)를 눌러줘요 -ㅁ-
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
xe1.4.5.10 에서 xe1.5의 xe_solid_enterprise 레이아웃 사용하기 양파농부 2012.01.31
xpresseditor 사용시 첨부파일 본문삽입 중복되는 문제 수정. [13] file misol 2012.01.31
HTML 편집모드에서 파일 첨부 본문 삽입시 자바스크립트 오류가 뜨는 문제 수정 팁 [1] misol 2012.02.01
xe 1.4.5.10 에서 board 1.4.2 (1.5용 게시판) 사용하기 file 양파농부 2012.02.01
여러도메인으로 접속시 무조건 하나의 도메인으로 이동시키기 squarehacker 2012.02.02
확장변수이용시 숫자 일경우 정렬하기 팁 푸하라 2012.02.02
XE 1.5 이상으로 DB 이전시 일부 DB가 빠질 경우 - 내용추가(0203) [7] sejin7940 2012.02.02
묻고 답하기 게시물 옮기는 法 [2] file CMD 2012.02.05
부운영자 [26] file 송동우 2012.02.05
XE 포인트 파일캐쉬대신 memcache 사용하기 [4] 최기훈. 2012.02.06
스마트폰에서 xe 구축 [3] file 최태진814 2012.02.06
v1.5를 위한 팝업 모듈과 팝업 오프너 애드온 [55] file 우진홈 2012.02.06
php 피카사 연동 프로그래밍 [1] 강아지60 2012.02.06
[XE1.4.5.10]게시판 파일첨부 버튼이 먹통일 때.. 카리브 2012.02.08
make install 로 설치한 파일 제거 방법 [2] StyleRoot 2012.02.08
댓글을 역순으로 출력하는 팁 (최근댓글이 가장 위에) [8] sejin7940 2012.02.10
1.5.1 최근 글 위젯에서 특수문자가 나가는 현상 [7] Crom 2012.02.12
업데이트 후 사이트 통함검색이 안되시는 분 보십시오^^ RGM 2012.02.12
v1.5를 위한 제어판 테마 애드온 정식 [4] file 우진홈 2012.02.13
XE에서 메일기능이 작동하지 않을때 애호가 2012.02.16
태그 쓰기