테이블 응용
작성자 : 단국강토
등록날짜 : 2009.02.09 10:07
테이블 응용 | ||||||||
테이블을 깔끔하게 하는 방법으로 요즘 많이쓰고 있는 형태중에 하나가 테이블을 점선으로 만드는 것입니다. 요즘들어 dot(점선) 형태로 테이블을 만드는 홈페이지가 무척 많아졌습니다. 스타일시트를 이용하여 dot 형태의 테이블을 만들 수도 있지만, 스타일시트를 이용하여 만들면 explorer 5.0 이하의 버전을 쓰고 있는 사람들에게는 보이지가 않습니다. 즉, explorer 5.5 이상의 버전에서만 보입니다.(스타일시트를 이용하여 점선으로 만드는 것은 제 홈페이지의 css 부분에서 border-style 부분을 참고하세요.) 그래서 대부분의 사람들이 이미지를 이용하여 dot 형태의 테이블을 만들고 있습니다. 이미지를 이용하여 만들면 다양한 형태의 dot 형식의 테이블을 만들 수 있어 보다 이쁘고 아름다운(?)형태의 테이블을 구현할 수 있습니다. 이미지 작업을 하려면 포토샵이나 페인트샵을 이용하여 작업을 해야하는데 방법은 어렵지 않으니 제가 설명하는 형식으로만 따라하셔도 되리라 생각합니다. ^^; | ||||||||
포토샵으로 이미지 작업 | ||||||||
이미지 제작(포토샵) : <- 이런형태의 이미지를 제작합니다. 이 그림은 확대한 것이고 원래그림은 너무작아 눈으로는 안보입니다. 1. file --> new 를 열고 다음과 같이 지정을 합니다. 2. 가로세로 3pixel 로 했으니 이미지가 너무 작습니다. 그래서 navigator 팔레트를 이용하여 이미지를 최대 1600% 까지 확대합니다. 3. 사각형 선택툴을 이용하여 가로 세로 1pixel 의 사각형을 대각선으로 3개를 만듭니다. 4. 옆에있는 foreground(빨간부분)를 클릭하면 color picker 가 나타나는데 거기서 원하는 색상을 선택합니다. 5. edit --> fill 를 선택해서 나오는 대화상자에서 foreground 를 선택하면 와 같은 이미지가 만들어 집니다. 6. file --> save for web 를 선택해서 이미지를 gif 형태로 저장하면 작업끝~~~입니다. | ||||||||
dot(점선) 테이블 | ||||||||
| ||||||||
움직이는 dot(점선) 테이블 | ||||||||
|
"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기, 각종 광고, 영업, 판매, 제안서, 전단지 반응율 3배×10배 이상 높이는 마법의 8단계 공식" |
☞자세히보기 |
|
|