EASY 3 PAGE PHP LANDING PAGE

안녕하세요 Skyler와 함께 배우기를 환영합니다

이것은 PHP 프레임 워크로 부트 스트랩 4 웹 사이트를 만들고 수정하는 비디오 시리즈입니다 이 동영상에서 내 시리즈의 첫 번째 동영상입니다 headerphp로 구성된 방문 페이지를 만들 예정입니다 index

php와 footerphp 그리고 그들을 함께 연결하기 이제 파일의 일부를 설정하려고합니다 따라서 우리는 나중에 존재하지 않는 페이지와 PHP 코드에 링크를 걸어 놓는 것과 같이 나중에 되돌릴 필요가 없습니다 이 시점에서 이해할 수 없을 수도 있습니다 지금 이해하지 못하는 파일의 부분은 차후 튜토리얼에서 설명 될 것입니다 이제 우리가 오늘 만들 페이지는 머리글이 건설 및 바닥 글 작품 아래에 단순히 표시된다는 것을 보여줄 것입니다 가장 먼저 할 일은 문서 루트를 열고 두 개의 폴더를 추가하고 네 개의 파일에 header

php를 추가하는 것입니다 indexphp footerphp 그리고 나서 CSS 폴더를 추가하고 stylecss를 넣고 싶습니다

그런 다음 이미지 폴더를 이제는 일반적으로 CSS와 이미지 폴더에 추가하려고합니다 문서 루트 외부에 배치하고자 할 것입니다 그러나 자습서 목적으로, 우리는 그들을 문서 루트 안에 배치 할 것입니다 이제 headerphp 파일을 열고 HTML 코드에 대한 프레임 워크를 Adam은 HT를 입력하고 Enter 키를 눌러 수행 할 수 있습니다

그런 다음 뷰포트 메타 태그에 다음을 추가하려고합니다 그리고 이것은 웹 사이트가 모바일 장치에 먼저 응답하도록 알려줍니다 어떤 메타 태그인지 알지 못한다면 나중에이 튜토리얼을 수행 할 것입니다 하지만 아래에 몇 가지 링크를 넣을 것입니다 다음으로 할 일은 자바 스크립트 라이브러리의 부트 스트랩 스타일 시트에 대한 링크를 추가하는 것입니다

또한 두 개의 Google 글꼴 API를 추가 할 예정입니다 이제 3 ~ 5 개 이상의 글꼴을 사용하지 마십시오 두 번에 걸쳐로드 시간이 길어지고 페이지가 흐릿 해집니다 또한 멋진 글꼴을 글꼴에 추가 할 것입니다 우리가 나중에 사용할 나쁜 라이브러리입니다

마지막으로 로컬 스타일 시트를 넣으려고합니다 순서대로로드되기 때문입니다 당신은 우리가 오늘 사용하고있는 모든 링크가 아래에 연결될 수 있도록 그들을 넣었습니까? 하지만 당신은 또한 내 웹 사이트 learnwithskylercom에서 그들을 찾을 수 있습니다 또한 조금 더 자습서 및 자습서가 어떻게 표시되는지에 대한 마크 업이므로 Google 글꼴 API에서 여기를 볼 수 있습니다 3 4 5 개의 글꼴을 사용한 다음 아래 링크를 header

php 파일에 복사 한 다음 CSS 코드 CSS 파일에 넣은 다음 주석 처리하십시오 그래서, 나중에 무엇을 사용해야하는지 알고 있습니다 이제 우리 페이지의 제목을 추가하고 싶습니다 그것은 페이지에서 일반적인 것입니다 그리고 나중에 우리는 자바 스크립트를 사용하여 그것을 업데이 트하는 방법을 배울거야 <body> 태그 안에서이 작업을 수행 한 후에는 <header> 태그를 열고 닫는 태그를 만들고 싶습니다 </ header> 태그 내부에 header라는 단어가 들어있는 <p> 태그를 만듭니다

마지막으로 헤더 파일에서 </ header> </ body> 태그와 </ html> 태그의 끝 부분에서 나머지 태그를 자르고 싶습니다 이제 headerphp 파일을 저장하고 그런 다음 웹 사이트에서 한 번 살펴보고 indexphp를 엽니 다 require header

php가 포함 된 두 개의 <? php require 'headerphp'?> 태그를 만들고 파일을 만들고 만드십시오 항상 문서 상단에 있으며 footerphp가 필요합니다 항상 문서 맨 아래에 있습니다

이제이 태그는 브라우저에 머리글이나 색인 및 바닥 글의 내용을로드하도록 지시합니다 이 방법은 무승부와 장점이 있습니다 주요 이점은 모든 페이지와 머리글에 머리글과 바닥 글을 다시 만들 필요가 없다는 것입니다 단점은 자바 스크립트를 사용하여 헤더의 내용을 변경해야한다는 것입니다 나중에 자습서에서이 항목을 변경하려고합니다 require header 태그 뒤에 이전에 잘라낸 태그를 붙여 넣습니다

과 끝 머리글 태그 만 남기는 마지막 두 개를 복사하고 자릅니다 그리고 나서 그 끝 머리글 태그 아래에 개폐 주요 태그를 놓고 그 안에 h1 태그 아래에 단어가 포함 된 건설은 indexphp 파일을 저장하고 웹 사이트에있는 것과 같아야합니다 이제 마지막으로 할 일은 footerphp 파일을 열고 P 태그에 footer works라는 단어가 포함 된 나머지 태그를 붙여 넣으십시오

본문 및 HTML 태그 그런 다음 브라우저를 열고 내 경우에 사이트가 저장된 위치로 이동하려고합니다 그것은 localhost / tutorial이고 다음과 같은 내용을보아야합니다 전에 footer index와 headerphp 파일을 저장하는 것을 잊지 마십시오 브라우저를 열고 첫 번째 부트 스트랩 4 자습서를 시청 해 주셔서 감사합니다

더 많은 것을 다시 볼 수 있기를 바랍니다