브라우저 제목

php는 서버에서 사용해야 하면 자신의 컴퓨터에서 사용하기 위해서는 가상의 서버로 만들어서 사용해야 합니다.

 

1. 레이아웃을 만든다(index를 먼저 구성해도 됨)

2. 레이아웃에서 공동으로 사용할 부분을 잘라 php파일로 저장한다.

파일저장은 새파일을 만들고 '파일이름.php'로 확장자가 php로 되어 있으면 됨

php로 되어 있는 파일 안에 잘라낸 부분을 붙여넣는다.

3. 레이아웃에 잘라낸 곳에 다음과 같이 작성한다.

<? include("파일이름.php"); ?>

 

예)

<!doctype html>
<html lang="ko">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>풀페이지1</title>
        <link rel="stylesheet" href="css/사용자.css">
        
        <script src="js/jquery-3.4.1.min.js"></script>
        <script src="js/사용자.js"></script>
    </head>
    <body>
        <div class="full-wrap">
            
           <? include("header.php"); ?>
            <div class="container-wrap">
                <div class="section0" id="s0">
                    섹션0 
                </div>
                <div class="section1" id="s1">
                    섹션1
                </div>
                <div class="section2" id="s2">
                    섹션3
                </div>
                <? include("footer.php"); ?>
            </div>
            
        </div>
    </body>


</html>

 

header.php( header에 사용할 태그 작성 일반적으로 태그 작성할 때와 같이 작성하면 됨 - css는 php파일을 포함하고 있는 html의 css에 작성하면 됨 )

 

<h1>로고 </h1>

<nav>네비게이션</nav>

 

 

footer.php( footer에 사용할 태그 작성 일반적으로 태그 작성할 때와 같이 작성하면 됨 - css는 php파일을 포함하고 있는 html의 css에 작성하면 됨 )

 

&copy; 등 footer에 필요한 내용 작성

 

제목 날짜
드레그 앤 드롭 효과 예제 new file 2020.04.03
드레그 앤 드롭 효과 원리 new file 2020.04.03
슬라이드 페이지 네이션 file 2020.04.02
좌/우 슬라이드 슬라이드 개수처리, 너비 처리 file 2020.04.02
모바일 작업 file 2020.04.02
자격증 슬라이드 기본 2020.03.30
스크롤바 없에는 css update 2020.03.30
터지이벤트와 mouseup, mousedown이벤트 2020.03.28
bitnami 설치 2020.03.20
3자리마다 쉼표 찍기 javascript 2020.03.19
3월 13일 헤더 애니메이션 file 2020.03.16
php를 이용한 파일 활용 2020.03.09
스크롤했을 때 헤더 애니메이션 2020.03.07
패밀리 사이트 이동 2020.03.07
검색폼 애니네이션 2020.03.07
탭 만들기 2020.03.07
모달 2020.03.07
페이지에서 화살표를 클릭하면 특정위치로 애니메이션되면서 이동, 네비 해시 애니메이션 scroll spy 2020.03.07
full drop-down, 2020.03.07
자격증 3일차 공지사항, 갤러리 css file 2020.03.03
태그 목록