最初のシンプルなPHPWebサイトを構築する方法

最初のシンプルなPHPWebサイトを構築する方法

基本的なウェブサイトを構築する方法を学びたいですか?かつてはHTMLから始めたかもしれませんが、最近ではPHPが最善の解決策です。開始するにはHTMLの知識が必要ですが、静的および動的の両方でWebサイトを構築するための最適な選択肢はPHPになっています。





PHPを学ぶための最良の方法は、単純なPHPWebサイトを使用することです。





Webサイト開発にPHPを選択する理由

何年にもわたって、Web開発にはさまざまなオプションが利用可能でした。それはプレーンHTMLで始まり、次にCSSが埋め込まれたHTMLまたはCSSファイル参照でした。動的なWebサイトが登場したとき、ASP(後のASP.NET)とPHPの2つの主な選択肢がありました。





数字によると( このW3Techs調査 )PHPははるかに人気があり、Webサイトのほぼ82%がサーバーサイドプログラミング言語としてPHPを使用しています。これを、ASP.NETを使用した16%弱と比較してください。

ASP.NETが、少なくともWebテクノロジとしてではなく、2022年の公式の締め切り日を超えて公式の立場で存在する可能性は低いようです。 PHP(PHP Hypertext Preprocessorの再帰的頭字語)は、主にLinuxとの統合が容易なため、より成功していることが証明されています。



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

PHPWebサイトを構築するために必要なもの

始める前に、プレーンテキストエディタまたはPHP対応の開発環境がインストールされていることを確認してください。 Windowsのメモ帳と同じくらい簡単なツールでPHPのコーディングを開始できます。このチュートリアルにある例は、Notepad ++で書かれています。





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

最後に、ファイルをWebサーバーにアップロードするためのFTPプログラムが必要になります。





続きを読む: Windows用の無料FTPクライアント

PHPを使用して単純なWebサイトをコーディングするための構文を理解する

PHPの基本的な構文では、角かっこを使用し、各関数は次のようにセミコロンで終わります。

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

Excelで変数を解く方法

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

PHPでウェブサイトを構築する:構造

あなたがあなたのウェブサイトを書いているどんなコードでも、あなたは先に進む前にサイトの構造を知る必要があるでしょう。このチュートリアルでは、再利用可能なPHPファイルから単一のページを作成する方法を説明します。これらは、追加のページを作成するために使用される場合もあれば、別のアプローチを選択する場合もあります。

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

3Dプリンターで何ができるか

私たちの基本的なPHPWebサイトには、経歴情報といくつかの画像を含むホームページがあります。

この単純なPHPWebサイトでは、3つのHTMLページのコンテンツが入力された単一のPHPページを作成します。作成したindex.phpファイルは、元のHTMLファイルの単語や画像を調整して編集できます。

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

PHP Webサイトを作成する:ヘッダー

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

ご想像のとおり、ヘッダーにはタイトル情報が含まれています。ただし、使用中のHTML標準など、ブラウザーの情報もCSS参照とともに含まれています。

まず、header.htmlというファイルを作成してから、必要なヘッダー情報を追加します。

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

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

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

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

次は、Webページのフッターセクションです。これをfooter.htmlとして作成し、コンテンツを追加します。これは、著作権情報、またはページにアクセスする人にとって役立つリンクである可能性があります。

これは次のようなものかもしれません:

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

シンプルなPHPWebサイトをまとめる

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

と呼ばれる新しいPHPファイルを作成します index.php 次の3行が含まれています。



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

最後に、最後の行で少しPHPの繁栄を追加できます。常に更新される年とともに、著作権表示を含めます。

Copyright © CM Cawley

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

他の要素と同じように、CSSを使用してCSSを配置およびスタイル設定します。このプロジェクトのCSSを、他の単純なPHPWebサイトコードとともにGitHubリポジトリで見つけます。

誰かに電話するときにあなたの番号をブロックする方法

よくできました---最初のPHPWebサイトを最初から作成しました。

PHPはWebサイトのコーディングに最適ですか?

ご存知かもしれませんが、ウェブサイトを開発する方法はPHPだけではありません。動的なデータベース駆動型Webエクスペリエンス用の多くのフレームワークがすでに存在し、JavaScriptと関連テクノロジー、およびAdobeDreamweaverなどのソフトウェアがあります。

ただし、Web開発を始めようとしている場合は、基本を理解しておくのが賢明です。 HTML、CSS、およびPHPのWebサイトの構成要素を理解していれば、成功への道は順調に進んでいます。

共有 共有 つぶやき Eメール これらのステップバイステップのチュートリアルでHTMLとCSSを学ぶ

HTML、CSS、JavaScriptに興味がありますか?あなたが最初からウェブサイトを作成する方法を学ぶためのコツを持っていると思うなら-ここに試してみる価値のあるいくつかの素晴らしいステップバイステップのチュートリアルがあります。

次を読む
関連トピック
  • プログラミング
  • ウェブ開発
  • プログラミング
  • PHPプログラミング
著者について クリスチャンコーリー(1510件の記事が公開されました)

セキュリティ、Linux、DIY、プログラミング、技術の説明を担当する副編集長であり、デスクトップとソフトウェアのサポートに豊富な経験を持つ本当に便利なポッドキャストプロデューサーです。 Linux Formatマガジンの寄稿者であるクリスチャンは、ラズベリーパイのいじくり回し、レゴ愛好家、レトロゲームファンです。

クリスチャンコーリーのその他の作品

ニュースレターを購読する

ニュースレターに参加して、技術的なヒント、レビュー、無料の電子書籍、限定セールを入手してください。

購読するにはここをクリックしてください