웹디자인 강의
기타 미니 홈페이지를 만들자 #4 [完]
2004.05.29 16:24
요즘 싸이월드 네이버 블로그등 미니 홈페이지를 만들어주는 싸이트들이 우후죽순 늘어나고 있습니다.
하지만 그런 홈페이지는 방문객들을 여간 불편한 점이 많습니다.
글을 쓸려면 "로그인의 압박"
오랜만에 접속하면 "지금은 싸이트 점검중"
밤 10시만 되면 싸이트가 "거북이처럼 느려지는등"불편한 점이 매우 많습니다 .
그런 미니 홈페이지들은 자기만의 개성있는 홈페이지를 꾸미기가 힘듭니다!
이제는 돈 한푼도 안 드는 자신만의 개성있는 미니 홈페이지를 만들어 봅시다.
이번 강좌는 제 리뉴얼전 싸이트인 DiGiTalKing.Net Ver1을 토대로 만들었습니다.
이걸 그대로 만들면 방문객들이 너무 작아 불편할 수 있으니 크기나 스타일을 조금 수정해보시기 바랍니다
4. 장식하기
마지막으로 홈페이지를 이쁘게 꽃단장 해봅시다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000314.jpg)
1. 선의 마지막 부분에 점을 찍어줍니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000315.jpg)
2. 이제 메인 테마에 맞게 이름을 적습니다 저는 올림푸스 선전에 나오는 "My DiGiTal Story를 적어보았습니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000317.jpg)
3. 이제는 하단에 글자를 적고 글자를 회전시켜 선과 잘 대칭시켜줍니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000322.jpg)
4. 일단 메인화면은 완성되었습니다 저는 조금 더 효과를 주어 크롬리스창 효과를 내어 볼려고 합니다 (크롬리스는 미 사용)
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000320.jpg)
5. 웹 에디터를 사용하여 다음과 같이 작은 표를 만들고 그 옆에 아이콘들을 잘 포게 놓습니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000321.jpg)
6. 이제 메인창이 뜰 페이지를 만듭니다 가운데 표를 하나 만들어 놓고 그 속에 아이프라임으로 불러올 준비를 합니다
▒ 팁을 하나 소개해준다면 아이콘중에 X 닫기버튼은 메인창이 눌러지기 첫 페이지로 링크를 시켜놓은다면 창이 닫힌 효과를 만들어 낼수 있습니다 ▒
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000318.jpg)
7. 아까 만들었던 표를 메인그림이 뜨는 위에 잘 포게 놓습니다 그럼 이제 메인페이지는 완성되었습니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000319.jpg)
8. 이제 마지막으로 페이지를 불러와 테스트를하면 완성~!
홈페이지 소스를 조금만 더 수정하시면 더욱 더 멋진 미니 홈페이지를 완성 하실 수 있을 겁니다
이것으로 미니 홈페이지 만들기 강좌를 마칩니다~ 다음번에도 좀 더 도움될 수 있는 강좌를 올려드리겠습니다
강좌를 퍼가실때는 꼭 출처를 적어주시기 바랍니다 (http://digitalking.net)
PS. 강좌에 나와있는 메인소스는 NZEO에 등록이 안되서 제 홈페이지에 올려놨으니 필요하신분은 제 홈페이지 강좌란에 올려놨으니 받아쓰시기 바랍니다
하지만 그런 홈페이지는 방문객들을 여간 불편한 점이 많습니다.
글을 쓸려면 "로그인의 압박"
오랜만에 접속하면 "지금은 싸이트 점검중"
밤 10시만 되면 싸이트가 "거북이처럼 느려지는등"불편한 점이 매우 많습니다 .
그런 미니 홈페이지들은 자기만의 개성있는 홈페이지를 꾸미기가 힘듭니다!
이제는 돈 한푼도 안 드는 자신만의 개성있는 미니 홈페이지를 만들어 봅시다.
이번 강좌는 제 리뉴얼전 싸이트인 DiGiTalKing.Net Ver1을 토대로 만들었습니다.
이걸 그대로 만들면 방문객들이 너무 작아 불편할 수 있으니 크기나 스타일을 조금 수정해보시기 바랍니다
4. 장식하기
마지막으로 홈페이지를 이쁘게 꽃단장 해봅시다
(일단 십자가 양쪽에 선을 그어줍니다)
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000314.jpg)
1. 선의 마지막 부분에 점을 찍어줍니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000315.jpg)
2. 이제 메인 테마에 맞게 이름을 적습니다 저는 올림푸스 선전에 나오는 "My DiGiTal Story를 적어보았습니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000317.jpg)
3. 이제는 하단에 글자를 적고 글자를 회전시켜 선과 잘 대칭시켜줍니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000322.jpg)
4. 일단 메인화면은 완성되었습니다 저는 조금 더 효과를 주어 크롬리스창 효과를 내어 볼려고 합니다 (크롬리스는 미 사용)
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000320.jpg)
5. 웹 에디터를 사용하여 다음과 같이 작은 표를 만들고 그 옆에 아이콘들을 잘 포게 놓습니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000321.jpg)
6. 이제 메인창이 뜰 페이지를 만듭니다 가운데 표를 하나 만들어 놓고 그 속에 아이프라임으로 불러올 준비를 합니다
▒ 팁을 하나 소개해준다면 아이콘중에 X 닫기버튼은 메인창이 눌러지기 첫 페이지로 링크를 시켜놓은다면 창이 닫힌 효과를 만들어 낼수 있습니다 ▒
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000318.jpg)
7. 아까 만들었던 표를 메인그림이 뜨는 위에 잘 포게 놓습니다 그럼 이제 메인페이지는 완성되었습니다
![](http://www.nzeo.com/bbs/icon/member_image_box/68954/cap26133000319.jpg)
8. 이제 마지막으로 페이지를 불러와 테스트를하면 완성~!
홈페이지 소스를 조금만 더 수정하시면 더욱 더 멋진 미니 홈페이지를 완성 하실 수 있을 겁니다
이것으로 미니 홈페이지 만들기 강좌를 마칩니다~ 다음번에도 좀 더 도움될 수 있는 강좌를 올려드리겠습니다
강좌를 퍼가실때는 꼭 출처를 적어주시기 바랍니다 (http://digitalking.net)
PS. 강좌에 나와있는 메인소스는 NZEO에 등록이 안되서 제 홈페이지에 올려놨으니 필요하신분은 제 홈페이지 강좌란에 올려놨으니 받아쓰시기 바랍니다