웹디자인 강의
기타 미니 홈페이지를 만들자 #4 [完]
2004.05.29 16:24
요즘 싸이월드 네이버 블로그등 미니 홈페이지를 만들어주는 싸이트들이 우후죽순 늘어나고 있습니다.
하지만 그런 홈페이지는 방문객들을 여간 불편한 점이 많습니다.
글을 쓸려면 "로그인의 압박"
오랜만에 접속하면 "지금은 싸이트 점검중"
밤 10시만 되면 싸이트가 "거북이처럼 느려지는등"불편한 점이 매우 많습니다 .
그런 미니 홈페이지들은 자기만의 개성있는 홈페이지를 꾸미기가 힘듭니다!
이제는 돈 한푼도 안 드는 자신만의 개성있는 미니 홈페이지를 만들어 봅시다.
이번 강좌는 제 리뉴얼전 싸이트인 DiGiTalKing.Net Ver1을 토대로 만들었습니다.
이걸 그대로 만들면 방문객들이 너무 작아 불편할 수 있으니 크기나 스타일을 조금 수정해보시기 바랍니다
4. 장식하기
마지막으로 홈페이지를 이쁘게 꽃단장 해봅시다
1. 선의 마지막 부분에 점을 찍어줍니다
2. 이제 메인 테마에 맞게 이름을 적습니다 저는 올림푸스 선전에 나오는 "My DiGiTal Story를 적어보았습니다
3. 이제는 하단에 글자를 적고 글자를 회전시켜 선과 잘 대칭시켜줍니다
4. 일단 메인화면은 완성되었습니다 저는 조금 더 효과를 주어 크롬리스창 효과를 내어 볼려고 합니다 (크롬리스는 미 사용)
5. 웹 에디터를 사용하여 다음과 같이 작은 표를 만들고 그 옆에 아이콘들을 잘 포게 놓습니다
6. 이제 메인창이 뜰 페이지를 만듭니다 가운데 표를 하나 만들어 놓고 그 속에 아이프라임으로 불러올 준비를 합니다
▒ 팁을 하나 소개해준다면 아이콘중에 X 닫기버튼은 메인창이 눌러지기 첫 페이지로 링크를 시켜놓은다면 창이 닫힌 효과를 만들어 낼수 있습니다 ▒
7. 아까 만들었던 표를 메인그림이 뜨는 위에 잘 포게 놓습니다 그럼 이제 메인페이지는 완성되었습니다
8. 이제 마지막으로 페이지를 불러와 테스트를하면 완성~!
홈페이지 소스를 조금만 더 수정하시면 더욱 더 멋진 미니 홈페이지를 완성 하실 수 있을 겁니다
이것으로 미니 홈페이지 만들기 강좌를 마칩니다~ 다음번에도 좀 더 도움될 수 있는 강좌를 올려드리겠습니다
강좌를 퍼가실때는 꼭 출처를 적어주시기 바랍니다 (http://digitalking.net)
PS. 강좌에 나와있는 메인소스는 NZEO에 등록이 안되서 제 홈페이지에 올려놨으니 필요하신분은 제 홈페이지 강좌란에 올려놨으니 받아쓰시기 바랍니다
하지만 그런 홈페이지는 방문객들을 여간 불편한 점이 많습니다.
글을 쓸려면 "로그인의 압박"
오랜만에 접속하면 "지금은 싸이트 점검중"
밤 10시만 되면 싸이트가 "거북이처럼 느려지는등"불편한 점이 매우 많습니다 .
그런 미니 홈페이지들은 자기만의 개성있는 홈페이지를 꾸미기가 힘듭니다!
이제는 돈 한푼도 안 드는 자신만의 개성있는 미니 홈페이지를 만들어 봅시다.
이번 강좌는 제 리뉴얼전 싸이트인 DiGiTalKing.Net Ver1을 토대로 만들었습니다.
이걸 그대로 만들면 방문객들이 너무 작아 불편할 수 있으니 크기나 스타일을 조금 수정해보시기 바랍니다
4. 장식하기
마지막으로 홈페이지를 이쁘게 꽃단장 해봅시다
(일단 십자가 양쪽에 선을 그어줍니다)
1. 선의 마지막 부분에 점을 찍어줍니다
2. 이제 메인 테마에 맞게 이름을 적습니다 저는 올림푸스 선전에 나오는 "My DiGiTal Story를 적어보았습니다
3. 이제는 하단에 글자를 적고 글자를 회전시켜 선과 잘 대칭시켜줍니다
4. 일단 메인화면은 완성되었습니다 저는 조금 더 효과를 주어 크롬리스창 효과를 내어 볼려고 합니다 (크롬리스는 미 사용)
5. 웹 에디터를 사용하여 다음과 같이 작은 표를 만들고 그 옆에 아이콘들을 잘 포게 놓습니다
6. 이제 메인창이 뜰 페이지를 만듭니다 가운데 표를 하나 만들어 놓고 그 속에 아이프라임으로 불러올 준비를 합니다
▒ 팁을 하나 소개해준다면 아이콘중에 X 닫기버튼은 메인창이 눌러지기 첫 페이지로 링크를 시켜놓은다면 창이 닫힌 효과를 만들어 낼수 있습니다 ▒
7. 아까 만들었던 표를 메인그림이 뜨는 위에 잘 포게 놓습니다 그럼 이제 메인페이지는 완성되었습니다
8. 이제 마지막으로 페이지를 불러와 테스트를하면 완성~!
홈페이지 소스를 조금만 더 수정하시면 더욱 더 멋진 미니 홈페이지를 완성 하실 수 있을 겁니다
이것으로 미니 홈페이지 만들기 강좌를 마칩니다~ 다음번에도 좀 더 도움될 수 있는 강좌를 올려드리겠습니다
강좌를 퍼가실때는 꼭 출처를 적어주시기 바랍니다 (http://digitalking.net)
PS. 강좌에 나와있는 메인소스는 NZEO에 등록이 안되서 제 홈페이지에 올려놨으니 필요하신분은 제 홈페이지 강좌란에 올려놨으니 받아쓰시기 바랍니다
댓글 8
-
midor.
2004.05.29 20:48
-
Eva010
2004.05.29 21:24
여긴 웹 디자인 팁란이라 생각되어 디자인 하는 방법만 올립니다 아이프라임이나 크롬리스 원도우 그런건 위에 자바스크립트나 HTML가시면 쭈욱 나와있답니다
크롬리스 원도우나 아이프라임 보조설명은 제가 예전에 기타/강좌란에 팁으로 올린게 있으니 참고하시면 될꺼라 생각됩니다 -
ub.style
2004.05.29 21:31
-
ub.style
2004.05.29 21:32
-
hozz호찌
2004.05.30 17:16
ub.style님이 링크해주신 아이프레임 관련 내용은 약간 다가서기 어렵네요. 기초적인 내용이 필요할 듯.;;
http://mocha1.cafe24.com/html/h30.htm
강좌 보는 분들께 도움이 되셨으면..;; -
hozz호찌
2004.05.30 17:21
이 강좌를 죽 봐오고 있었는데 갑자기 완결이라니 약간 빠른 듯 싶네요.;;
아이프레임이나 크롬리스가 아니더라도 메뉴를 어떻게 추가해야하는지 등에 대한 설명이 너무 부족하네요.
"테이블 배경으로 포토샵으로 만들어진 그림을 깔아주시고 적절한 위치에 셀을 추가해서 메뉴를 적어 넣으세요."
이런 식의 설명이 있었다면 강좌 보시는 분들이 완성작으로 다가서기 좀 더 쉽지 않았을까..;;
하여튼 강좌 올리느라 애쓰셨어요~ -
Eva010
2004.05.30 18:53
메뉴는 자기 마음대로 넣고 싶은데 넣으면 되기에 설명을 안해드렸습니다
예를 들어 저기 있는 십자가를 메뉴로 사용한다든지 여러가지 변형이 가능하기때문에 말씀 안드렸고 사용자가 저 처럼 로그인을 넣을건지 어떤 창을 불러올건지 모르기 때문에 설명하진 않았습니다
자세히 설명하자면 저기에 최근 게시물 로그아웃이나 기타 등등을 다 설명해드려야겠죠 하지만 그런건 웹TIP가서 검색하셔도 쭈욱 나오고 여기는 웹디자인 강좌란이니 웹 디자인하는 방법만 올렸습니다
다른 분이 보시기에는 차라리 시안을 하나 딱 올리는게 훨신 간단하고 편하겠지만 그래도 홈페이지 다자인 꾸미면서 자기 식대로 수정도 해보고 이건 어떻게 해서 이렇게 되는가를 알려드리기 위해 이 강좌를 한거랍니다 부가적인 설명까지 한다면 아마 끝 없이 설명해야될 듯 '_'; -
Smileru
2004.05.31 01:10
아닙니다. 적당한선에서 잘 끝난것 같습니다. 만약 더 갔다면 eva010님 말처럼 정말 끝도 없죠. 크롬리스하나만 해도 강좌하나 될테고, 아이프레임도 정말 무궁무진하니까요... ^^;
그러니까 애초에 주제를 미니홈페이지로 잡았으면
레이아웃만 짜는데서 끝내지 마시구
크롬리스나 아이프레임이 뭔지, 아이프레임으로 어떻게 제로보드를 불러오는지 등에 대한 간단한 설명이나 링크라도 있었으면 좋겠습니다.