뽀라닷컴
Loading...




웹디자인,포토샵,그누보드,제로보드,동영상제작 관련 메모 >>


전체(437)인터넷,컴퓨터 (94) | 웹디자인tip (182) | CG,그래픽tip (70) | BBS_Tip (74) | 영상tip (17) |
웹페이지 경로의 이해. 2008-06-03 01:40:30
홈페이지홈페이지

경로에는 2가지가 있습니다. 절대 경로와 상대 경로가 있지요.
절대 경로는 절대적인 경로. 그러니깐 예를 들어 야후 사이트, 네이버, 아님 eyes of siche 와 같은 사이트를 링크를 건다고 하면 당연히 절대 경로인 바로 사이트의 주소를 써야겠지요. 하지만 자신의 홈페이지를 만든다고 했을 때의 절대 경로란 예를 들어 c:homeindex.html 이런 식이겠지요. 이런 식으로 자신의 홈페이지를 계정에 올린다면 자신은 그홈페이지를 볼 수 있습니다. 자신의 하드 드라이브 즉, c드라이브 안에 home 이라는 폴더 안에 index.html 라는 파일이 있습니다. 하지만 당신의 홈페이지에 들어 가는 네티즌들의 c드라이브 안에 home 폴더 안에 똑같은 index.html 파일이 들어 있다는 것은 기적입니다. 로또의 확률 보다 엄청나게 다이나믹 하게 적지요....-0-;; 자신의 홈페이지를 계정에 올리는 순간 그 역시 절대 경로가 되지만 그것을 일일이 맞추어 가면서 만들기란 정말 어의가 없는 행동이 아니라고 볼 수 없습니다.
말이 길어 졌는데 이래저래 하여 홈페이지를 만들 때 중요한 상대경로를 자세히 알아 보겠습니다.

만약 위와 같은 경로가 있다고 예를 들겠습니다. index.html 에서 image 폴더 안에 있는 siche.gif 그림 파일을 불러 온다고 합니다. 그럼 <img src="image/siche.gif"> 라고 해야 합니다.
여기서 '/' 이놈은 경로를 나타낼 때 폴더안 이라고 생각 하시면 됩니다. 그럼 my_banner.gif 의 그림 파일을 불러 온다고 하면 <img src="image/banner/my_banner.gif">이지요. 이것은 하위 폴더로 이동할 때였습니다.
그럼 상위 폴더로 이동 하는 것은 어떻게 할까요? banner.html 문서에서 image 폴더안에 있는 siche.gif 그림 파일을 불러 온다고 합시다. 그럼 <img src="../image/siche.gif"> 이렇게 나타낼 수 있습니다. '../' 이놈은 경로를 나타낼 때 바로 한 폴더 위쪽으로 가자 라는 뜻이 지요.
그렇다면 banner.html 에서 tip 폴더 안에 있는 tip.gif 그림 파일을 불러 온다고 한다면 <img src="../tip/tip.gif"> 이렇게 나타낼 수 있습니다.
여기서 가장 중요한 것은 '/' 이놈과 '../' 이놈 입니다. 폴더 안에 안에 안에 계속 해서 들어 가면 '/' 이놈을 계속해서 붙여 주고 폴더 위에 위에 위에 계속해서 올라 가면 '../' 이놈을 붙여 주는 것이지요.

출처: http://www.eos.pe.kr/?id=tip1&no=24&mode=view&page=1





    



목록보기 삭제하기

번호 제목 일자
237  [인터넷,컴퓨터] 윈도우 업데이트 Microsoft .net framework 설치 오...  2008-04-30
236  [인터넷,컴퓨터] 윈도우 시작프로그램 목록 지우기  2018-04-18
235  [인터넷,컴퓨터] 윈도우 시작 > 모든프로그램 목록 편집 폴더 만들기~!  2011-05-13
234  [인터넷,컴퓨터] 윈도우 빈폴더 삭제  2012-11-13
233  [인터넷,컴퓨터] 윈도우 명령어  2013-09-21
232  [인터넷,컴퓨터] 윈도우 메시지 박스 복사  2009-03-16
231  [인터넷,컴퓨터] 윈도우 마우스 오른쪽 이미지 썸네일 뷰 XnShell3.50  2013-10-15
230  [웹디자인tip] 위아래로 이동되는 스크롤바 따라다니는 레이어  2017-09-21
229  [웹디자인tip] 웹페이지별 단축기 페이지 이동 소스  2008-04-28
228  [웹디자인tip] 웹페이지 이동시 로딩화면 만들기  2009-02-14
227  [웹디자인tip] 웹페이지 숨기기  2008-04-27
226  [웹디자인tip] 웹페이지 모든 글자를 같은 크기로  2008-04-27
225  [웹디자인tip] 웹페이지 나눔고딕,한나 폰트 css 적용하기  2017-08-27
 [웹디자인tip] 웹페이지 경로의 이해.  2008-06-03
223  [인터넷,컴퓨터] 웹에서 글쓰다 날라갔을 때.  2008-04-27
222  [BBS_Tip] 웹에디터 기능의 제로보드 게시판 스킨  2008-04-27
221  [인터넷,컴퓨터] 웹FTP 접속 프로그램  2009-03-04
220  [CG,그래픽tip] 와우이미지에디터  2008-04-27
219  [웹디자인tip] 옵션태그 링크 만들기  2008-04-27
218  [인터넷,컴퓨터] 오토캐드 뷰어 brava free dwg viewer  2014-09-19
217  [영상tip] 오디오시디 cda -> mp3 변환  2008-05-15
216  [웹디자인tip] 오늘의 날짜 소스.  2008-04-27
215  [웹디자인tip] 오늘 창 닫기 소스.  2008-04-27
214  [웹디자인tip] 예쁜 계산기  2008-04-27
213  [BBS_Tip] 여러개의 게시판 header 와 footer 하나로 관리  2009-03-21
목록보기
12345678910