메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

요즘  싸이월드 네이버 블로그등 미니 홈페이지를 만들어주는 싸이트들이 우후죽순 늘어나고 있습니다.

하지만 그런 홈페이지는 방문객들을 여간 불편한 점이 많습니다.

글을 쓸려면 "로그인의 압박"

오랜만에 접속하면 "지금은 싸이트 점검중"  

밤 10시만 되면 싸이트가 "거북이처럼 느려지는등"불편한 점이 매우 많습니다 .

그런 미니 홈페이지들은 자기만의 개성있는 홈페이지를 꾸미기가 힘듭니다!

이제는 돈 한푼도 안 드는 자신만의 개성있는 미니 홈페이지를 만들어 봅시다.

이번 강좌는 제 리뉴얼전 싸이트인 DiGiTalKing.Net Ver1을 토대로 만들었습니다.

이걸 그대로 만들면 방문객들이 너무 작아 불편할 수 있으니 크기나 스타일을 조금 수정해보시기 바랍니다

4. 장식하기

마지막으로 홈페이지를 이쁘게 꽃단장 해봅시다



(일단 십자가 양쪽에 선을 그어줍니다)





1. 선의 마지막 부분에 점을 찍어줍니다



2. 이제 메인 테마에 맞게 이름을 적습니다 저는 올림푸스 선전에 나오는 "My DiGiTal Story를 적어보았습니다



3. 이제는 하단에 글자를 적고 글자를 회전시켜 선과 잘 대칭시켜줍니다



4. 일단 메인화면은 완성되었습니다 저는 조금 더 효과를 주어 크롬리스창 효과를 내어 볼려고 합니다 (크롬리스는 미 사용)



5. 웹 에디터를 사용하여 다음과 같이 작은 표를 만들고 그 옆에 아이콘들을 잘 포게 놓습니다



6. 이제 메인창이 뜰 페이지를 만듭니다 가운데 표를 하나 만들어 놓고 그 속에 아이프라임으로 불러올 준비를 합니다

▒ 팁을 하나 소개해준다면 아이콘중에 X 닫기버튼은 메인창이 눌러지기 첫 페이지로 링크를 시켜놓은다면 창이 닫힌 효과를 만들어 낼수 있습니다 ▒



7. 아까 만들었던 표를 메인그림이 뜨는 위에 잘 포게 놓습니다 그럼 이제 메인페이지는 완성되었습니다



8. 이제 마지막으로 페이지를 불러와 테스트를하면 완성~!

홈페이지 소스를 조금만 더 수정하시면 더욱 더 멋진 미니 홈페이지를 완성 하실 수 있을 겁니다

이것으로 미니 홈페이지 만들기 강좌를 마칩니다~ 다음번에도 좀 더 도움될 수 있는 강좌를 올려드리겠습니다

강좌를 퍼가실때는 꼭 출처를 적어주시기 바랍니다 (http://digitalking.net)

PS. 강좌에 나와있는 메인소스는 NZEO에 등록이 안되서 제 홈페이지에 올려놨으니 필요하신분은 제 홈페이지 강좌란에 올려놨으니 받아쓰시기 바랍니다
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
2275 포토샵 7.0 - 20. 채널과 라이팅 이팩트 필터 [3] 서기 2005.11.11 3343
2274 [제 1강 : POV-RAY 에 대해서 알아보자... ] [30] 시진 2003.01.07 3346
2273 SWISH - Sprite설명 file 아메 2003.03.21 3359
2272 [psp6]블록 문자를 맹글어 봅시다! [4] file 국왕-_-)/ 2002.02.23 3370
2271 [정보] Only Web Colors에 대해 알아봅시다! [7] file Freeze 2002.06.15 3370
2270 포토샵 7에서 흰색이 안나올때... [3] 서주원 2002.06.27 3371
2269 [ All User? ] #05. 형식 벗어나기 - 1부 - [14] Nersion 2003.01.16 3375
2268 SWISH Effect 설명 file 아메 2003.03.03 3391
2267 제1강 3ds 시작하기 - 드로잉 명령 익히기-03 file 최승철 2005.03.13 3411
2266 [퍼니페인트]글자 그림자 만들기 funnyPSP 2002.02.25 3422
2265 [photoshop_6.0 기초강좌-02]_파일 만들기, 닫기, 저장하기, 불러오기 file rosun 2005.08.06 3424
2264 뷰렛빌더1강-[컴퓨터 강의제작방법] 에듀멘 2006.04.14 3429
2263 [허접시리즈] 볼품 없는 이상한 이미지 강좌 ..-_-;;; [2] Xrezae 2002.11.06 3433
2262 뷰렛에이스 [플래시 평가문항,설문지 제작강좌] - 1강 file 에듀멘 2006.07.29 3442
2261 [허접강좌] 반전을 표현해보자!! [3] file We'zle 2002.11.04 3450
2260 [퍼니페인트]쉽게 효과주자 레이어 혼합 [1] funnyPSP 2002.05.30 3456
2259 다각형 셰이프의 변수 바꾸기!!! ((영문판)) [2] file JELLY♥ 2005.04.05 3469
2258 [photoshop_6.0 기초강좌-05]_사각형 영역 지정하기 및 해제하기 file rosun 2005.08.06 3481
2257 그라디언트를 이용한 축전 만들기 13강 문학의향기 2006.07.28 3486
2256 [photoshop_6.0 기초강좌-09]_선택 영역 추가하고 빼기 file rosun 2005.08.06 3487