シンプルなPHPウェブサイトの構築方法

基本的なウェブサイトの構築方法を学びたいですか? HTMLから始めることもできますが、最近ではPHPが最適なソリューションです。開始するにはHTMLの知識が必要ですが、PHPは静的と動的な両方のウェブサイトを構築するための最適な選択肢となっています。

PHPを使用してウェブサイトを開発する方法に関する質問に対する回答を探すことは、始めるための非常に良い方法です。PHPの学習においてできる最善のステップは、PHPを使用してウェブサイトを開発することです。

ウェブサイト開発にPHPを選択する理由

長年にわたり、Web開発にはさまざまなオプションがありました。それはプレーンHTMLから始まり、CSSが埋め込まれたHTMLまたはCSSファイル参照になりました。動的なウェブサイトが登場したとき、2つの選択肢がありました。ASP (後のASP.NET)とPHPです。

数値 (W3Techs調査など)によると、PHPのWeb開発ははるかに普及しており、ウェブサイトの約82パーセントがサーバーサイドのプログラミング言語としてPHPを使用しています。これは、ASP.NETを使用している16パーセント未満と比較してください。

ASP.NETが、少なくともWebテクノロジーとしては公式に存在し続けることは考えにくいようです。PHP (PHP Hypertext Preprocessorの再帰的頭字語)は、主にLinuxとの統合が容易であることから、より成功を収めています。

LinuxのオープンソースオペレーティングシステムはほとんどのWebサーバーで実行されているため、これは驚くことではありません。

PHPウェブサイトを構築するために必要なもの

開始する前に、プレーンテキストエディターまたはPHP対応の開発環境がインストールされていることを確認してください。Windowsのメモ帳などのシンプルなツールを使用してPHPのコーディングを開始できます。このチュートリアルにある例は、メモ帳++で記述されています。PHPウェブサイトのコードを記述するために、使い慣れたテキストエディターを使用できます。

ファイルをアップロードするためのPHP Webサーバーも必要です。これはリモートサーバーまたはLAMP (Linux、Apache、MySQL、PHP)またはWAMP (Windows、Apache、MySQL、PHP)環境がインストールされたローカルコンピューターになります。Windowsを使用している場合は、このWAMPインストールガイドに従って開始してください。

最後に、ファイルをWebサーバーにアップロードするためのFTPプログラムが必要です。あるいは、PHP Webサーバーのwwwフォルダーに直接移動して、ファイルをドラッグアンドドロップすることもできます。ただし、サイトをリモートで管理する場合、FTPプログラムを使用すると有利になる場合があります。

PHPコードを使用してシンプルなWebページをコーディングするための構文を理解する

PHPの基本的な構文は山カッコのセットを使用し、各関数はセミコロンで終わります。次のようにします:

<!--?php [CODE…CODE]; ?-->

Webページの観点から、PHPのほぼすべての使用はechoステートメントに依存しています。これは、ブラウザに引用符内のテキストとコンテンツを出力するように指示します。たとえば:

<?php echo "Hello World"; ?>

HTMLも引用符内に含まれていることに注意してください。これの出力は通常次のように表示されます:

PHPを使用してウェブサイトを作成する方法:構造を正しくする

ウェブサイトを記述するコードが何であれ、続行する前にサイトの構造を知っておく必要があります。このチュートリアルでは、再利用可能なPHPファイルから単一ページを作成する方法を示します。これらは追加ページを作成するために使用されるか、異なるアプローチを選択することもできます。

サイトがどのように開発されるかを予想する形が何であれ、時間を取って紙に簡単な計画を書き留めてください。その後、これを参照して、目的のコンテンツを確認したり、どのページにリンクするかを確認したりできます。

基本的なPHPウェブサイトには、略歴と画像を含むホームページが用意されます。

このシンプルなPHPウェブサイトでは、3つのHTMLページのコンテンツによって生成された単一のPHPページを作成します。作成したindex.phpファイルは、元のHTMLファイルの単語と画像を調整することで編集できます。

以下に示すコード例はスクリーンショットです。元のコードはGitHubリポジトリにあります。これは誰でも無料でダウンロードできます。

PHPを使用してウェブサイトを開発する方法をステップバイステップで学ぶために、読み進めてください。

PHPウェブサイトを作成する:ヘッダー

PHPを使用してウェブサイトを作成するには、3つのWebページを構築する必要があります。これらは、ヘッダー、本文、フッターの基本構造に基づいています。

想像できるように、ヘッダーにはヘッダー情報が含まれています。このフィールドで使用したいCSS参照と標準メタタグを追加することもできます。

header.htmlというファイルを作成してから、必要なヘッダー情報を入力することから始めます。

この例では、独自の/css/ディレクトリで参照されている基本的なCSSファイルを用意しています。このファイルはページがブラウザに読み込まれたときに呼び出され、必要なフォントとレイアウトが適用されます。

PHP Webページの本文にコンテンツを配置する

すべてのWebページは、「本文」として知られるコンテンツセクションで構成されています。これはページのあなたが読んでいる部分です。今読んでいるのはこのページの本文です。

body.htmlというファイルを作成し、ページに含めたい情報を追加します。私はMakeUseOfの著者ページから略歴を記載しましたが、好きなものを追加できます。

フッター用のシンプルなPHPウェブサイトコード

次に、Webページのフッターセクションがあります。footer.htmlとして作成し、コンテンツを追加します。

著作権情報を記載して作品を保護するか、さらに良い方法として、ページに訪れるすべての人々の体験を豊かにするために、価値のあるリンクのコレクションを組み込むことを検討してください。

次のようなものになる可能性があります:

コードを追加したら、ファイルを保存します。

シンプルなPHPウェブサイトをまとめる

/html/に3つの別々のHTMLファイルがある場合、PHP echoを使用してそれらを1つのページにコンパイルできます。

index.phpという新しいPHPファイルを作成し、次の3行を記述します:

<?php echo file_get_contents("html/header.html"); ?>
<?php echo file_get_contents("html/body.html"); ?>
<?php echo file_get_contents("html/footer.html"); ?>

保存してサーバーにアップロードし、index.phpを参照します。ブラウザで完成したWebページが表示されます。ブラウザで開いている実際のPHPファイルはわずか3行で構成されていることに注意してください。

最後に、最後の行に少しPHPの工夫を加えることができます。常に更新される年を含む著作権表示を含めます:

<p>Copyright © CM Cawley <?php echo date("Y"); ?></p>

これはフッターに続くindex.phpファイルに表示されます。echo date("Y")ステートメントが4桁で今年を表示する方法に注目してください。公式PHPドキュメントを参照することで、表示方法を変更できます。たとえば、小文字の「y」は、4桁ではなく2桁の形式で年を表示します。

他の要素と同様に、CSSを使用して配置とスタイルを設定します。このプロジェクトのCSSは、他のシンプルなPHPウェブサイトコードとともにGitHubリポジトリにあります。

よくできました。これで、最初から最初のPHPウェブサイトが作成されました。スキルを向上させるために、さらに多くのPHPウェブサイトの例を見る時が来ました。

PHPはウェブサイトをコーディングするための最良の選択肢ですか?

PHPウェブサイトの開発方法がわかったら、ウェブサイトを開発する唯一の方法ではないことを知っておく必要があります。動的でデータベース駆動型のWebエクスペリエンス、JavaScriptと関連技術、Adobe Dreamweaverなどのソフトウェアには、すでに多くのフレームワークが存在します。

ただし、PHP Web開発を始めようとしている場合は、基本を理解しておくことが賢明です。HTML、CSS、PHPのウェブサイトのビルディングブロックを理解していれば、成功への道は開かれています。