웹마스터 팁

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

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

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




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


(# 여기서 잠깐, 하지만, 프레임을 나누는것이 좋습니다. 이건 무슨 말이냐
하믄, 프레임을 나누지 않고, 하나의 페이지만 보여준다면, 새로고침
했을때, 처음 시작하는 홈페이지로 가질 않기 때문입니다.
그리고 주소창에 해당페이지로 페이지 이동할때 마다 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
에 가심 볼수 있습니다..^^


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

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

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

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

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

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

아름지기

















제목 글쓴이 날짜
아름지기식 홈페이지만들기5 [5] 아름지기 2002.03.16
타자를 치면 바로바로 화면에 글이 쑤욱 [7] 이슈™ 2002.03.13
아름지기식 홈페이지 만들기4 [14] 아름지기 2002.03.12
▩마우스 따라다니는 정렬된 예쁜 글자들 [1] ▩윤미 2002.03.11
홈페이지 만들기 ① ▶계정 만들기◀ (아름지기님과 다름) [6] 냠냠 2002.03.09
아름지기식 홈페이지 만들기3 [6] 아름지기 2002.03.09
아름지기식 홈페이지만들기2 [1] 아름지기 2002.03.09
아름지기식 홈페이지만들기1 [4] 아름지기 2002.03.09
특수문자 몇백개!! [2] 포터시네마 2002.03.08
▩서서히 진해지는 그림 <예제포함> ▩윤미 2002.03.08
▩마퀴태그 이용한 플래쉬효과 내기 [3] ▩윤미 2002.03.08
▩마우스만 갖다대면 알아서 예쁜 새창이뜨고 때면 사라진다!! [10] ▩윤미 2002.03.04
마퀴(Marquee)태그를 애플릿처럼 부드럽게 움직이기!! [4] 지진;) 2002.03.04
▩배너링크할때 쓰면 정말 편한 것. [2] ▩윤미 2002.03.03
▩이미지가 너무많아 로딩할때 나오는 표시 [7] ▩윤미 2002.03.03
[HTML]글자로 된 하이퍼링크의 밑줄 없애기 [9] Shyos 2002.02.26
[HTML]링크 클릭시 표시되는 테두리 점선 없애기 [3] Shyos 2002.02.26
[HTML] 글자태그 [4] 태엽감는새 2002.02.26
[HTML] 기초적인 태그모음 #3 태엽감는새 2002.02.26
[HTML] 기초적인 태그모음 #2 [1] 태엽감는새 2002.02.26