웹디자인 강의
기타 미니 홈페이지를 만들자 #1
2004.05.25 01:40
요즘 싸이월드 네이버 블로그등 미니 홈페이지를 만들어주는 싸이트들이 우후죽순 늘어나고 있습니다.
하지만 그런 홈페이지는 방문객들을 여간 불편한 점이 많습니다.
글을 쓸려면 "로그인의 압박"
오랜만에 접속하면 "지금은 싸이트 점검중"
밤 10시만 되면 싸이트가 "거북이처럼 느려지는등"불편한 점이 매우 많습니다 .
그런 미니 홈페이지들은 자기만의 개성있는 홈페이지를 꾸미기가 힘듭니다!
이제는 돈 한푼도 안 드는 자신만의 개성있는 미니 홈페이지를 만들어 봅시다.
이번 강좌는 제 리뉴얼전 싸이트인 DiGiTalKing.Net Ver1을 토대로 만들었습니다.
이걸 그대로 만들면 방문객들이 너무 작아 불편할 수 있으니 크기나 스타일을 조금 수정해보시기 바랍니다
1. 홈페이지 디자인 구상
홈페이지의 50프로 이상을 차지하고 있는 것은 바로 홈페이지 디자인이라고 할수 있습니다
디자인은 구상이 가장 중요합니다.
저같은 경우는 버버리스타일의 지갑을 토대로 이 홈페이지를 제작하게 되었는데요
여러분도 주변에서 만들고 싶어하는 스타일로 수정하여 만들어 보세요
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/285370_6220821_2.jpg)
1. 먼저 포토샵에서 새 캔버터를 만듭니다.(사이즈는 자기취향에 맞게 설정하시기 바랍니다)
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000254.jpg)
2. 아래 빨간색으로 표시된 버튼을 클릭하여 레이어를 하나 만들어 줍니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/285370_6220826_2.jpg)
3. 팔레트를 선택하고 새 레이어에 색상을 집어 넣어줍니다 (단축키 Alt+Delete)
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/285370_6220828_2.jpg)
4. 사각툴을 클릭합니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/285370_6220830_2.jpg)
5. 사각툴로 페이지가 표시될 영역을 잡습니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/285370_6220832_2.jpg)
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/285370_6220833_2.jpg)
6. 이제 Select->Modify->Smooth로 들어가 값을 적어줍니다 저는 4px정도로 주었습니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/285370_6220836_2.jpg)
7. 이제 팔레트의 색상을 흰색으로 잡습니다 그리고 선택된 부위를 흰색으로 체워줍니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/285370_6220838_2.jpg)
8. 메인 완성
아직은 조금 썰렁하죠? 오늘은 기초부분이었고요 다음부터 본격적으로 들어갑니다
강좌를 퍼가실때는 꼭 출처를 적어주시기 바랍니다 (http://digitalking.net)
PS. 강좌에 나와있는 메인소스는 NZEO에 등록이 안되서 제 홈페이지에 올려놨으니 필요하신분은 제 홈페이지 강좌란에 올려놨으니 받아쓰시기 바랍니다
하지만 그런 홈페이지는 방문객들을 여간 불편한 점이 많습니다.
글을 쓸려면 "로그인의 압박"
오랜만에 접속하면 "지금은 싸이트 점검중"
밤 10시만 되면 싸이트가 "거북이처럼 느려지는등"불편한 점이 매우 많습니다 .
그런 미니 홈페이지들은 자기만의 개성있는 홈페이지를 꾸미기가 힘듭니다!
이제는 돈 한푼도 안 드는 자신만의 개성있는 미니 홈페이지를 만들어 봅시다.
이번 강좌는 제 리뉴얼전 싸이트인 DiGiTalKing.Net Ver1을 토대로 만들었습니다.
이걸 그대로 만들면 방문객들이 너무 작아 불편할 수 있으니 크기나 스타일을 조금 수정해보시기 바랍니다
1. 홈페이지 디자인 구상
홈페이지의 50프로 이상을 차지하고 있는 것은 바로 홈페이지 디자인이라고 할수 있습니다
디자인은 구상이 가장 중요합니다.
저같은 경우는 버버리스타일의 지갑을 토대로 이 홈페이지를 제작하게 되었는데요
여러분도 주변에서 만들고 싶어하는 스타일로 수정하여 만들어 보세요
(버버리지갑과 비슷한 디자인으로 제작하겠습니다)
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/285370_6220821_2.jpg)
1. 먼저 포토샵에서 새 캔버터를 만듭니다.(사이즈는 자기취향에 맞게 설정하시기 바랍니다)
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000254.jpg)
2. 아래 빨간색으로 표시된 버튼을 클릭하여 레이어를 하나 만들어 줍니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/285370_6220826_2.jpg)
3. 팔레트를 선택하고 새 레이어에 색상을 집어 넣어줍니다 (단축키 Alt+Delete)
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/285370_6220828_2.jpg)
4. 사각툴을 클릭합니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/285370_6220830_2.jpg)
5. 사각툴로 페이지가 표시될 영역을 잡습니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/285370_6220832_2.jpg)
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/285370_6220833_2.jpg)
6. 이제 Select->Modify->Smooth로 들어가 값을 적어줍니다 저는 4px정도로 주었습니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/285370_6220836_2.jpg)
7. 이제 팔레트의 색상을 흰색으로 잡습니다 그리고 선택된 부위를 흰색으로 체워줍니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/285370_6220838_2.jpg)
8. 메인 완성
아직은 조금 썰렁하죠? 오늘은 기초부분이었고요 다음부터 본격적으로 들어갑니다
강좌를 퍼가실때는 꼭 출처를 적어주시기 바랍니다 (http://digitalking.net)
PS. 강좌에 나와있는 메인소스는 NZEO에 등록이 안되서 제 홈페이지에 올려놨으니 필요하신분은 제 홈페이지 강좌란에 올려놨으니 받아쓰시기 바랍니다
댓글 6
-
이효식
2004.05.26 23:39
밥먹고 그렇게 할일 없어! -
예뜨락
2004.05.27 21:02
윗분 악담이 심하시네요
저도 미니홈에 관심이 많은데 강좌 잘보겠습니다 -
조재훈
2004.05.30 00:33
왜 한글판 포토샵쓰시지 왜 영어퐌 포토샵써서 못따라 하도록 하고있어!!( 한그판쓰는 내가 이상한걸까? ( 퍼억!!)) -
yeon
2004.05.30 02:58
보통 많은 분들이 영문판 쓰세요^^;; -
짜장만두™
2004.07.10 01:03
흐음...강좌 잘 보겠습니다~ -
노상헌
2004.08.05 03:28
영문판이 편하던데 ^^;;