웹마스터 팁

자 그럼 본격적으로 배워 봅시닷!~

우선..임의적으로 허접하나마..제 홈페이지를 세세하게 분석해서..
함께 만들어 보겠습니다..
히!~
사실..아직 완성두 안된거구,,내용두 미흡하구..
디자인두..그렇구..하지만..뭐, 까짓껏 강좌해나가면서..
만들어 나가죠뭐..^^
관심가지구 지켜봐 주세요!~
(돌던지지 마시구요 -_-;)
===================================================
홈페이지를 만드는데..
기획(디자인적인)을 세우는 일은 무척이나 중요합니다.
그것을 독창적으로 하는것, 물론 중요합니다만,
앞에서 말씀드렸던것과 마찬가지로...가장 빠른 지름길은
모방이라고 생각합니다.

모방하여 제작의 레이아웃(홈페이지에 대한 틀을 잡는일이라고
생각하시면 됩니다)을 잡았을때.. 현실상에는 존재하지 않지만
머릿속에 구상되어 있는 디자인 만으로 여러분의 홈페이지 제작은
한결 빨라지고 성숙해 진다고 말씀드릴수 있습니다.




제 홈페이지의 레이아웃은 대강 이렇습니다.
빨리 만들라구..일단 프레임을 나누었습니다.
상단부/하단부
(그것과 관련되어 모르시는 분은..열심히 찾아 보시길..낭중에 따로
설명 드리겠습니다.)
사실, 저는 프레임을 나누는것을 매우 싫어 합니다.
프레임을 나누게 되면, 검색엔진에서 검색했을때(웹문서 검색)
한 프레임만 나올 수 있기 때문입니다..그렇게 되면,
처음 검색엔진상으로 홈페이지를 찾아오는 사람이 있을때,
제대로된 완벽한 모습의 홈페이지를 볼수 없는 경우가 생깁니다.
그래서 대부분의 상업적인 사이트는, 노프레임을 원칙으로 제작합니다.


(# 여기서 잠깐, 하지만, 프레임을 나누는것이 좋습니다. 이건 무슨 말이냐
하믄, 프레임을 나누지 않고, 하나의 페이지만 보여준다면, 새로고침
했을때, 처음 시작하는 홈페이지로 가질 않기 때문입니다.
그리고 주소창에 해당페이지로 페이지 이동할때 마다 url이 달라지며,
음악같은것을 넣을때나, 팝업창을 한번만 띄우고 싶을때,
불편한점이 좀 많습니다.
================================================================
그래서
index.html을 메인페이지와 다른보이지 않는 페이지(프레임을
으로 나눈 페이지)로 나누어 줍니다.

frameset rows="0,*"  border="0" <== 가로를 0으로 나누면 항상 페이지가
새로고침했을때, 시작 페이지로 간다.

frame src="음악이나 기타 팝업창을 띄울때 사용하는 존재하지만 보이지는 않는 이미지" name="musicpage" scrolling="no" border="0"
          
frame src="메인페이지" name="main1" scrolling="auto" border="0"
=================================================================

프레임을 이렇게 나눈다면, 항상 새로고침하여도..자기 홈페이지의 시작
페이지로 가겠죠? , 뭐 이해하기 어렵다면 그냥 그런가 부다 하시길..^^; #)

각설하고, 일단 그럼에도 불구하고, 프레임구조의 장점을 적극수용하여
(고정된 한 부분을 만들어 놓으면 그다음에 그쪽 부분에 한해서 ..손볼일 없다)
프레임 구조로 만들었습니다.



그리고. 상단 프레임엔 topmargin="0" leftmargin="0"을 이용하여
위로 꼭 붙혀 놓았구..
하단 프레임엔 , 백그라운드를 이용하여 홈페이지의 전체적인 윤각을
잡았습니다.



그러면, 전체적인 레이아웃이 설계된 셈입니다.

그럼, 다음번 강좌엔 제가 홈페이지의 시작되는 페이지를 구축하는
동안에 한 일들에 대한 강좌를 해 드리겠습니다
그중 이미지 레디3.0을 이용하여 번쩍이는 상단 이미지버튼을 만드는
법을 공개하겠습니다.

그 예제는,
http://www.armdry.com
에 가심 볼수 있습니다..^^


==================================================================
제 강좌 방향은 이렇습니다.

제 홈페이지를 제작해 나가면서, 여러분들께, 만드는 과정을
설명해 드리겠습니다.
그러므로, 열심히 읽구 따라하신다면
제 홈페이지의 제작 기술을 전부 아실수가 있겠죠?

아직 볼껀 별것 없지만, 앞으로 계속 컨텐츠도 보강해 가고
디자인도 보강해 갈테니깐, 관심가지구 지켜봐 주시길..^^

그리고, 만약 제가 이렇게 해 나가는것이 제 홈페이지 홍보의 수단이라고
생각하신다면, 그냥..서슴없이 강좌를 접겠습니다.
암튼, 그런점은 양해해 주시고,
많은 의견 부탁드립니다.

담 편에 이어지는 강좌는
제 홈페이지에 번쩍이는 롤오버 이미지 버튼 만들기 입니다.
맘에 드신다면 한번 따라해 보시길 바랍니다..
쉬우니깐요..^^;;

그럼 지금까지 잼없는 강좌 끝 까지 읽어 주시느라 수고 많으셨습니다.
좋은하루 되세용..

아름지기

















제목 글쓴이 날짜
유튭 비디오를 XE에 올리는 아주 간단한 방법 [1] 유샤인 2011.07.23
알수없는 여백(공백,마진)이 생기는 문제 해결법 - 초보님용 [1] 주영수 2011.07.23
최근 댓글 위젯에 댓글 작성자 이름 표시하기 Treasurej 2011.07.22
모든게시판에서 글등록할때 Duplicat entry 'XXX' for key 1 오류 해결방법 [2] file 토끼매니아 2011.07.22
글작성후 목록으로 이동하기 팁이 정상동작하지 않을 경우 [2] 도라란 2011.07.14
미디어(이미지,플래시 등) 파일 무단링크 차단 [8] 도라란 2011.07.11
글에 첨부된 이미지 파일이 없을 경우, 지정 이미지를 본문에 보여주기 도라란 2011.07.11
비로그인시 본문대신 지정문구 보이기 [1] 도라란 2011.07.11
포인트복권모듈 포인트 중복수령을 차단하는 간단한 팁 [4] 나뚜르 2011.07.10
글작성후 목록으로 이동하기 [8] ezi 2011.07.08
레이아웃에서 class="header" 사용 안하기... [2] ForHanbi 2011.06.30
조회수 클릭때마다 올라가기(1.4.5.7 버전에서 되네요) [2] file 아네모네 2011.06.20
XML필터 사용시 유효성검사에서 사용자정의 메세지 출력하기 창한이 2011.06.19
템플릿 변수(조건문) 팁 [1] 엘카 2011.06.19
ie6 빈div 높이 조절 [2] ForHanbi 2011.06.19
홈페이지 접속시 XE를 바로 실행하기(XE를 /xe/ 폴더에 설치한 경우) [5] Firstlove 2011.06.12
스킨에서 조건/반복문 여러줄 사용하기 [1] 엘카 2011.06.10
레이아웃 100% 일때 이미지리사이즈 Addon 넓이값 고정하기 고수군 2011.06.08
다음view(다음뷰) 애드온 사용시 댓글창의 뷰아이콘 지우기 [1] 하늘종 2011.05.31
다수의 업로드 mp3 파일 jwplayer로 재생하기 [3] 공수래 2011.05.30