첫 번째 간단한 PHP 웹 사이트를 구축하는 방법

기본 웹사이트를 구축하는 방법을 배우고 싶으십니까? HTML로 시작했을 수도 있지만 요즘 최고의 솔루션은 PHP입니다. 시작하려면 HTML에 대한 약간의 지식이 필요하지만 PHP는 정적 및 동적 웹사이트 구축을 위한 최적의 선택이 되었습니다.

PHP를 배우기 위한 가장 좋은 방법은 간단한 PHP 웹사이트에서 시작하는 것입니다.

웹사이트 개발을 위해 PHP를 선택하는 이유는 무엇입니까?

수년 동안 웹 개발에 다양한 옵션이 제공되었습니다. 일반 HTML로 시작한 다음 CSS가 포함된 HTML 또는 CSS 파일 참조로 시작했습니다. 동적 웹 사이트가 등장했을 때 ASP(나중에 ASP.NET)와 PHP의 두 가지 주요 선택 사항이 있었습니다.

수치에 따르면(예: 이 W3Tech 설문 조사 ) PHP는 웹사이트의 거의 82%가 서버 측 프로그래밍 언어로 PHP를 사용하여 훨씬 더 대중적입니다. 이것을 ASP.NET을 사용하는 16% 미만과 비교하십시오.

ASP.NET이 2022년의 공식 마감일 이후에 적어도 웹 기술이 아닌 어떤 공식 역량으로도 존재할 것 같지 않습니다. PHP(PHP Hypertext Preprocessor의 재귀적 약어)는 주로 Linux와의 더 쉬운 통합 덕분에 더 성공적인 것으로 입증되었습니다.

오픈 소스 운영 체제가 대부분의 웹 서버에서 실행되기 때문에 이는 놀라운 일이 아닙니다.

PHP 웹사이트 구축에 필요한 것

시작하기 전에 일반 텍스트 편집기나 PHP 지원 개발 환경이 설치되어 있는지 확인하십시오. Windows 메모장과 같은 간단한 도구로 PHP 코딩을 시작할 수 있습니다. 이 튜토리얼에서 찾은 예제는 Notepad++로 작성되었습니다.

또한 파일을 업로드할 PHP 웹 서버가 있어야 합니다. 원격 서버이거나 LAMP(Linux, Apache, MySQL, PHP) 또는 WAMP(Windows, Apache, MySQL, PHP) 환경이 설치된 로컬 컴퓨터일 수 있습니다. Windows를 사용하는 경우 다음을 따르십시오. WAMP 설치 가이드 시작합니다.

마지막으로 웹 서버에 파일을 업로드하려면 FTP 프로그램이 필요합니다.

더 읽어보기: Windows용 무료 FTP 클라이언트

PHP를 사용하여 간단한 웹 사이트를 코딩하는 구문 이해

PHP의 기본 구문은 다음과 같이 각 함수가 세미콜론으로 끝나는 일련의 꺾쇠 괄호를 사용합니다.

웹 페이지 측면에서 PHP의 거의 모든 사용은 echo 문에 의존합니다. 이렇게 하면 브라우저가 따옴표 안에 있는 텍스트와 내용을 출력하도록 지시합니다. 예를 들어:

iPhone에서 중복 사진을 삭제하는 방법

HTML도 따옴표 안에 포함되어 있습니다. 이에 대한 출력은 일반적으로 다음과 같이 나타납니다.

PHP로 웹사이트 구축: 구조

어떤 코드로 웹사이트를 작성하든 계속 진행하기 전에 사이트의 구조를 알아야 합니다. 이 자습서에서는 재사용 가능한 PHP 파일에서 단일 페이지를 만드는 방법을 보여줍니다. 추가 페이지를 만드는 데 사용할 수도 있고 다른 접근 방식을 선택할 수도 있습니다.

사이트가 발전할 것으로 예상되는 형태가 무엇이든 시간을 내어 종이에 빠른 계획을 적습니다. 그런 다음 이를 참조하여 의도한 콘텐츠를 확인하거나 링크할 페이지를 볼 수 있습니다.

Wi-Fi에 유효한 IP 구성 수정 사항이 없습니다.

우리의 기본 PHP 웹사이트는 전기 정보와 일부 이미지를 포함하는 홈 페이지를 제공할 것입니다.

이 간단한 PHP 웹 사이트의 경우 세 개의 HTML 페이지의 콘텐츠로 채워진 단일 PHP 페이지를 만들 것입니다. 생성한 index.php 파일은 원본 HTML 파일에서 단어와 이미지를 조정하여 편집할 수 있습니다.

아래에 표시된 코드 예제는 스크린샷입니다. 에서 원본 코드를 찾을 수 있습니다. 내 GitHub 저장소 , 누구나 무료로 다운로드할 수 있습니다.

PHP 웹사이트 만들기: 헤더

PHP를 사용하여 웹 사이트를 만들려면 세 개의 웹 페이지를 구성해야 합니다. 머리글, 본문, 바닥글의 기본 구조를 기반으로 합니다.

짐작할 수 있듯이 헤더에는 제목 정보가 포함됩니다. 그러나 CSS 참조와 함께 사용 중인 HTML 표준과 같은 브라우저에 대한 정보도 포함됩니다.

header.html이라는 파일을 생성하여 시작한 다음 필요한 헤더 정보를 추가합니다.

이 예에서는 자체 /css/ 디렉토리에서 참조되는 기본 CSS 파일을 제공했습니다. 이 파일은 페이지가 브라우저에 로드되고 필요한 글꼴과 레이아웃을 적용할 때 호출됩니다.

PHP 웹 페이지 본문에 콘텐츠 넣기

모든 웹 페이지는 '본문'으로 알려진 콘텐츠 섹션으로 구성됩니다. 이것은 당신이 읽고 있는 페이지의 일부입니다. 지금 읽고 있는 것은 이 페이지의 본문입니다.

body.html이라는 파일을 만들고 페이지에 포함할 정보를 추가합니다. 내 MakeUseOf 작성자 페이지의 전기 세부 정보를 포함했지만 원하는 대로 추가할 수 있습니다.

다음은 웹 페이지의 바닥글 섹션입니다. 이것을 footer.html로 만들고 일부 콘텐츠를 추가합니다. 이것은 저작권 정보이거나 귀하의 페이지를 방문하는 모든 사람에게 유용한 링크일 수 있습니다.

다음과 같을 수 있습니다.

코드를 추가한 상태에서 파일을 저장합니다.

간단한 PHP 웹사이트 통합하기

/html/에 세 개의 개별 HTML 파일이 있으면 PHP 에코를 사용하여 단일 페이지로 컴파일할 수 있습니다.

라는 새 PHP 파일을 만듭니다. index.php 그 안에 다음 세 줄:

저장하고 서버에 업로드한 다음 index.php로 이동합니다. 브라우저에 완성된 웹 페이지가 표시되어야 합니다. 브라우저에서 연 실제 PHP 파일은 단 세 줄로 구성되어 있음을 기억하십시오.

이것은 바닥글 다음에 오는 index.php 파일에 나타납니다. echo date('Y') 문이 현재 연도를 4자리로 표시하는 방법에 주목하십시오. 이 W3Schools 옵션 목록을 참조하여 이것이 표시되는 방식을 변경할 수 있습니다. 예를 들어 소문자 'y'는 연도를 4자리가 아닌 두 자리 형식으로 표시합니다.

다른 요소와 마찬가지로 CSS를 사용하여 위치를 지정하고 스타일을 지정합니다. 다른 간단한 PHP 웹 사이트 코드와 함께 GitHub 리포지토리에서 이 프로젝트의 CSS를 찾으십시오.

플레이 스테이션 이름을 변경하는 방법

잘했습니다 ---처음부터 첫 번째 PHP 웹 사이트를 만들었습니다.

PHP는 웹사이트 코딩을 위한 최선의 선택입니까?

이미 알고 계시겠지만 PHP가 웹사이트를 개발하는 유일한 방법은 아닙니다. 동적 데이터베이스 기반 웹 경험을 위한 많은 프레임워크가 이미 존재하며 JavaScript 및 관련 기술, Adobe Dreamweaver와 같은 소프트웨어가 있습니다.

그러나 웹 개발을 시작하려는 경우 기본 사항을 이해하는 것이 좋습니다. HTML, CSS 및 PHP의 웹사이트 구성 요소를 이해하고 있다면 성공을 향한 길을 잘 가고 있는 것입니다.

공유하다 공유하다 트위터 이메일 이 단계별 자습서로 HTML 및 CSS 배우기

HTML, CSS 및 JavaScript에 대해 궁금하십니까? 웹사이트를 처음부터 만드는 방법을 배울 수 있는 재주가 있다고 생각한다면 시도해 볼 만한 몇 가지 훌륭한 단계별 자습서가 있습니다.

다음 읽기 관련 항목

프로그램 작성
웹 개발
프로그램 작성
PHP 프로그래밍

저자 소개 크리스찬 카울리(1510개 기사 출판)

보안, Linux, DIY, 프로그래밍 및 기술 설명을 위한 편집자이자 데스크탑 및 소프트웨어 지원에 대한 광범위한 경험을 가진 정말 유용한 팟캐스트 프로듀서입니다. Linux Format 매거진의 기고자인 Christian은 Raspberry Pi 땜장이이자 레고 애호가이자 복고풍 게임 팬입니다.

크리스찬 카울리가 참여한 작품 더보기

뉴스레터 구독

뉴스레터에 가입하여 기술 팁, 리뷰, 무료 전자책 및 독점 거래를 확인하십시오!

구독하려면 여기를 클릭하세요.