디지털콘텐츠 No.1 (주)아사달 디자인센터
내정보 SI 도메인 호스팅 디자인몰 솔루션몰 홈페이지몰 모바일 디자인센터 게임 고객지원
로그인 회원가입 장바구니 주문내역
트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
  - HTML 소개
  - 텍스트
  - 링크
  - 이미지
  - 테이블
  - 인클루드
  - 프레임
  - 폼(FORM)
  - 이미지 자르기
  - 색상코드표
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
일러스트 배경 만들기
일러스트 아이콘 만들기
일러스트 그래픽 만들기
편집사진 만들기
배경 편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
인클루드
Home > 디자인 센터 > 웹강좌 > HTML 사용법 > 인클루드
인클루드(include) 인클루드 활용
HTML 문서를 만들다 보면 반복적으로 사용해야 하는 경우가 있습니다.
이럴 경우 페이지마다 똑같이 반복되는 부분을 계속하여 넣는다면 나중에 한 부분만을 바꾸려 할 때 전체 페이지를 열어 반복적으로
사용되는 부분을 찾아 하나하나 바꿔줘야 하는 불편함이 있습니다. 이를 해결하기 위해서는 인클루드(include)를 이용하면 단 하나의 파일을 변경하여 전체 페이지에 적용할 수 있습니다.



예를 들어 각 서브페이지에 반복 사용되는 TOP 메뉴의 경우 링크 한 개만 변경이 되어도 TOP 메뉴를 포함한 모든 페이지의 메뉴
링크를 변경해야 합니다. 하지만, 인클루드(include)를 사용하면 하나의 파일만 변경하면 모든 페이지의 메뉴 부분이 바뀌게
됩니다.

아래의 내용은 인클루드(include)를 이용하여 홈페이지를 만드는 방법입니다. 아래의 방법은 PHP가 지원되는 리눅스서버에 적용
하는 방법이며, ASP의 경우는 인클루드(include) 방법이 조금 다릅니다.
인클루드(include)를 테스트하기 위해서는 PHP가 설치된 웹서버에 파일을 올려두고 테스트해야 확인이 가능합니다.




예제1) 인클루드를 이용하지 않고 사용했을 경우
전체 페이지를 한꺼번에 넣었을 경우에는 아래와 같이 HTML이 구성이 됩니다.
아래의 경우에는 페이지마다 메뉴 부분과 저작권 부분이 들어가게 됩니다.



예제2) 인클루드를 사용하여 HTML 문서를 만들 경우 반복해서 사용할 문서는 따로 만들어 둡니다.
①메뉴 부분과 ③저작권 부분은 계속해서 사용해야 하므로 따로 HTML 문서를 만들어 두고 내용이 바뀌는 문서에서 불러서 사용합니다.
우선 ①, ③을 불러들일 ②문서를 만듭니다.



메뉴로 사용할 ①문서 top_menu.htm을 만듭니다.
아래의 내용은 계속해서 불러올 메뉴 부분 내용입니다.

<table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td>메뉴가 나오는 부분입니다.</td></tr> </table>

저작권 부분을 사용할 ③문서 copyright.htm을 만듭니다.
아래의 내용은 계속해서 사용할 저작권 부분 내용입니다.

<table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td>저작권부분이 나오는곳입니다.</td></tr> </table>
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 모바일 한국어 라인 이미지 日本語 라인 이미지 中文 라인 이미지 ENGLISH 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 1544-8442 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 08507) 서울시 금천구 가산디지털1로 168 우림라이온스밸리 A동 8층 (주)아사달
(우편번호 : 153-786) 서울시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
인터넷 익스플로어 구글 크롬 모질라 파이어폭스
애플 사파리 오페라 넷스케이프
맨위로
디지털콘텐츠 No.1 (주)아사달