웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
아름지기식 홈페이지 만들기3
2002.03.09 15:41
자 그럼 본격적으로 배워 봅시닷!~
우선..임의적으로 허접하나마..제 홈페이지를 세세하게 분석해서..
함께 만들어 보겠습니다..
히!~
사실..아직 완성두 안된거구,,내용두 미흡하구..
디자인두..그렇구..하지만..뭐, 까짓껏 강좌해나가면서..
만들어 나가죠뭐..^^
관심가지구 지켜봐 주세요!~
(돌던지지 마시구요 -_-;)
===================================================
홈페이지를 만드는데..
기획(디자인적인)을 세우는 일은 무척이나 중요합니다.
그것을 독창적으로 하는것, 물론 중요합니다만,
앞에서 말씀드렸던것과 마찬가지로...가장 빠른 지름길은
모방이라고 생각합니다.
모방하여 제작의 레이아웃(홈페이지에 대한 틀을 잡는일이라고
생각하시면 됩니다)을 잡았을때.. 현실상에는 존재하지 않지만
머릿속에 구상되어 있는 디자인 만으로 여러분의 홈페이지 제작은
한결 빨라지고 성숙해 진다고 말씀드릴수 있습니다.
![](http://www.armdry.com/content/armdry01.gif)
제 홈페이지의 레이아웃은 대강 이렇습니다.
빨리 만들라구..일단 프레임을 나누었습니다.
상단부/하단부
(그것과 관련되어 모르시는 분은..열심히 찾아 보시길..낭중에 따로
설명 드리겠습니다.)
사실, 저는 프레임을 나누는것을 매우 싫어 합니다.
프레임을 나누게 되면, 검색엔진에서 검색했을때(웹문서 검색)
한 프레임만 나올 수 있기 때문입니다..그렇게 되면,
처음 검색엔진상으로 홈페이지를 찾아오는 사람이 있을때,
제대로된 완벽한 모습의 홈페이지를 볼수 없는 경우가 생깁니다.
그래서 대부분의 상업적인 사이트는, 노프레임을 원칙으로 제작합니다.
(# 여기서 잠깐, 하지만, 프레임을 나누는것이 좋습니다. 이건 무슨 말이냐
하믄, 프레임을 나누지 않고, 하나의 페이지만 보여준다면, 새로고침
했을때, 처음 시작하는 홈페이지로 가질 않기 때문입니다.
그리고 주소창에 해당페이지로 페이지 이동할때 마다 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"
=================================================================
프레임을 이렇게 나눈다면, 항상 새로고침하여도..자기 홈페이지의 시작
페이지로 가겠죠? , 뭐 이해하기 어렵다면 그냥 그런가 부다 하시길..^^; #)
각설하고, 일단 그럼에도 불구하고, 프레임구조의 장점을 적극수용하여
(고정된 한 부분을 만들어 놓으면 그다음에 그쪽 부분에 한해서 ..손볼일 없다)
프레임 구조로 만들었습니다.
![](http://www.armdry.com/content/armdry02.gif)
그리고. 상단 프레임엔 topmargin="0" leftmargin="0"을 이용하여
위로 꼭 붙혀 놓았구..
하단 프레임엔 , 백그라운드를 이용하여 홈페이지의 전체적인 윤각을
잡았습니다.
![](http://www.armdry.com/content/back.gif)
그러면, 전체적인 레이아웃이 설계된 셈입니다.
그럼, 다음번 강좌엔 제가 홈페이지의 시작되는 페이지를 구축하는
동안에 한 일들에 대한 강좌를 해 드리겠습니다
그중 이미지 레디3.0을 이용하여 번쩍이는 상단 이미지버튼을 만드는
법을 공개하겠습니다.
그 예제는,
http://www.armdry.com
에 가심 볼수 있습니다..^^
==================================================================
제 강좌 방향은 이렇습니다.
제 홈페이지를 제작해 나가면서, 여러분들께, 만드는 과정을
설명해 드리겠습니다.
그러므로, 열심히 읽구 따라하신다면
제 홈페이지의 제작 기술을 전부 아실수가 있겠죠?
아직 볼껀 별것 없지만, 앞으로 계속 컨텐츠도 보강해 가고
디자인도 보강해 갈테니깐, 관심가지구 지켜봐 주시길..^^
그리고, 만약 제가 이렇게 해 나가는것이 제 홈페이지 홍보의 수단이라고
생각하신다면, 그냥..서슴없이 강좌를 접겠습니다.
암튼, 그런점은 양해해 주시고,
많은 의견 부탁드립니다.
담 편에 이어지는 강좌는
제 홈페이지에 번쩍이는 롤오버 이미지 버튼 만들기 입니다.
맘에 드신다면 한번 따라해 보시길 바랍니다..
쉬우니깐요..^^;;
그럼 지금까지 잼없는 강좌 끝 까지 읽어 주시느라 수고 많으셨습니다.
좋은하루 되세용..
아름지기
우선..임의적으로 허접하나마..제 홈페이지를 세세하게 분석해서..
함께 만들어 보겠습니다..
히!~
사실..아직 완성두 안된거구,,내용두 미흡하구..
디자인두..그렇구..하지만..뭐, 까짓껏 강좌해나가면서..
만들어 나가죠뭐..^^
관심가지구 지켜봐 주세요!~
(돌던지지 마시구요 -_-;)
===================================================
홈페이지를 만드는데..
기획(디자인적인)을 세우는 일은 무척이나 중요합니다.
그것을 독창적으로 하는것, 물론 중요합니다만,
앞에서 말씀드렸던것과 마찬가지로...가장 빠른 지름길은
모방이라고 생각합니다.
모방하여 제작의 레이아웃(홈페이지에 대한 틀을 잡는일이라고
생각하시면 됩니다)을 잡았을때.. 현실상에는 존재하지 않지만
머릿속에 구상되어 있는 디자인 만으로 여러분의 홈페이지 제작은
한결 빨라지고 성숙해 진다고 말씀드릴수 있습니다.
![](http://www.armdry.com/content/armdry01.gif)
제 홈페이지의 레이아웃은 대강 이렇습니다.
빨리 만들라구..일단 프레임을 나누었습니다.
상단부/하단부
(그것과 관련되어 모르시는 분은..열심히 찾아 보시길..낭중에 따로
설명 드리겠습니다.)
사실, 저는 프레임을 나누는것을 매우 싫어 합니다.
프레임을 나누게 되면, 검색엔진에서 검색했을때(웹문서 검색)
한 프레임만 나올 수 있기 때문입니다..그렇게 되면,
처음 검색엔진상으로 홈페이지를 찾아오는 사람이 있을때,
제대로된 완벽한 모습의 홈페이지를 볼수 없는 경우가 생깁니다.
그래서 대부분의 상업적인 사이트는, 노프레임을 원칙으로 제작합니다.
(# 여기서 잠깐, 하지만, 프레임을 나누는것이 좋습니다. 이건 무슨 말이냐
하믄, 프레임을 나누지 않고, 하나의 페이지만 보여준다면, 새로고침
했을때, 처음 시작하는 홈페이지로 가질 않기 때문입니다.
그리고 주소창에 해당페이지로 페이지 이동할때 마다 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"
=================================================================
프레임을 이렇게 나눈다면, 항상 새로고침하여도..자기 홈페이지의 시작
페이지로 가겠죠? , 뭐 이해하기 어렵다면 그냥 그런가 부다 하시길..^^; #)
각설하고, 일단 그럼에도 불구하고, 프레임구조의 장점을 적극수용하여
(고정된 한 부분을 만들어 놓으면 그다음에 그쪽 부분에 한해서 ..손볼일 없다)
프레임 구조로 만들었습니다.
![](http://www.armdry.com/content/armdry02.gif)
그리고. 상단 프레임엔 topmargin="0" leftmargin="0"을 이용하여
위로 꼭 붙혀 놓았구..
하단 프레임엔 , 백그라운드를 이용하여 홈페이지의 전체적인 윤각을
잡았습니다.
![](http://www.armdry.com/content/back.gif)
그러면, 전체적인 레이아웃이 설계된 셈입니다.
그럼, 다음번 강좌엔 제가 홈페이지의 시작되는 페이지를 구축하는
동안에 한 일들에 대한 강좌를 해 드리겠습니다
그중 이미지 레디3.0을 이용하여 번쩍이는 상단 이미지버튼을 만드는
법을 공개하겠습니다.
그 예제는,
http://www.armdry.com
에 가심 볼수 있습니다..^^
==================================================================
제 강좌 방향은 이렇습니다.
제 홈페이지를 제작해 나가면서, 여러분들께, 만드는 과정을
설명해 드리겠습니다.
그러므로, 열심히 읽구 따라하신다면
제 홈페이지의 제작 기술을 전부 아실수가 있겠죠?
아직 볼껀 별것 없지만, 앞으로 계속 컨텐츠도 보강해 가고
디자인도 보강해 갈테니깐, 관심가지구 지켜봐 주시길..^^
그리고, 만약 제가 이렇게 해 나가는것이 제 홈페이지 홍보의 수단이라고
생각하신다면, 그냥..서슴없이 강좌를 접겠습니다.
암튼, 그런점은 양해해 주시고,
많은 의견 부탁드립니다.
담 편에 이어지는 강좌는
제 홈페이지에 번쩍이는 롤오버 이미지 버튼 만들기 입니다.
맘에 드신다면 한번 따라해 보시길 바랍니다..
쉬우니깐요..^^;;
그럼 지금까지 잼없는 강좌 끝 까지 읽어 주시느라 수고 많으셨습니다.
좋은하루 되세용..
아름지기
댓글 6
-
이혜진
2002.03.10 14:47
-
아름지기
2002.03.10 16:11
네..감사합니다..열심히 하겠습니다.^^ -
함박웃음
2002.03.11 08:24
아름지기님 빠른 진행 ^_^ 부탁 드립니당.
바뿌신 분같은디.. -
아름지기
2002.03.11 21:30
네, 최대한 짬을 내서..해보도록 합죠...^^ 함박웃음님 조금이나마 도움 되셨으면 좋겠습니다. -
장우철
2002.03.12 14:10
오..앞으로 기대되네요..저같이 이제 웹디할려구 하는 사람한텐 정말 큰 도움이 될것 같습니다..
강좌 열심히 하세요.. -
박승연
2002.03.20 23:12
많은 도움 주셔서 감사합니다 ^^
제목 | 글쓴이 | 날짜 |
---|---|---|
(table)에서 HTML 태그를 적용시켜 보기 [16] | 정후니 | 2001.08.31 |
[1차패치] 내 msn 현재상태를 보여주자! + 캡처없앰 -ㅂ- [18] | 티르 | 2002.01.04 |
홈페이지에 Fade-in 적용하기~ [5] | remy | 2002.01.08 |
웹사이트 로딩속도 높혀주는 10가지 방법 [32] | 秀 | 2001.07.25 |
CSS에 클래스에 관한거 추가 [4] | DearMai | 2002.02.21 |
CSS 와 HTML 과 연결하기 [5] | Topy | 2002.02.21 |
▩HTML 최적화 기법 [3] | ▩윤미 | 2002.02.21 |
msn 메신저 내 홈에서 채팅창과/대화상대 추가하기를 넣어보장! [8] | 카멜롯™ | 2002.02.21 |
브라우저 입력 창에 나만의 아이콘 띄우기 [2] | Topy | 2002.02.22 |
▩(a href=#) 대신에 쓸수 있는 스타일 태그 [3] | ▩윤미 | 2002.02.22 |
페이지 스크롤 - 네개의 레이어를 이용한겁니다
[4]
![]() | choice | 2002.02.25 |
[스타일시트] 스타일 시트의 개념 [4] | 태엽감는새 | 2002.02.26 |
[HTML] 기초적인 태그모음 #1 | 태엽감는새 | 2002.02.26 |
[HTML] 기초적인 태그모음 #2 [1] | 태엽감는새 | 2002.02.26 |
[HTML] 기초적인 태그모음 #3 | 태엽감는새 | 2002.02.26 |
마퀴(Marquee)태그를 애플릿처럼 부드럽게 움직이기!! [4] | 지진;) | 2002.03.04 |
특수문자 몇백개!! [2] | 포터시네마 | 2002.03.08 |
아름지기식 홈페이지만들기1 [4] | 아름지기 | 2002.03.09 |
아름지기식 홈페이지만들기2 [1] | 아름지기 | 2002.03.09 |
아름지기식 홈페이지 만들기3 [6] | 아름지기 | 2002.03.09 |
프레임 부분에서.. 제 머리가 딸리는 지라 도저히 안되겠군요 -_ㅠ
기초상식이 없다보니 그러는 거 같네요-
^ㅡ^ 어쨌든 강좌 열심히 하세요~