こんにちは (英語は私の母国語ではないので、間違いがあっても許してください)、
私のコードについて助けが必要です。私は学校のプロジェクトのウェブサイトに取り組んでいます。HTML/css/php/JavaScript で本格的な Web サイトを作成する必要があります。私のテーマはビデオゲーム CS:GO です。このサイトの主な目的は、特定のマップ/wapens などの再生方法に関する情報を提供することです。HTML が得意とは言えませんが、ナビゲーション メニューやビデオ/css での配置などを行う方法は知っています。 .
現在、インデックス ファイルと、ゲームに関する情報を含む約 30 の個別のファイルがあります。このためにデータベースを使用できることはわかっていますが、それはこの割り当ての目的ではありません。ほとんどすべてのファイルは、情報/一部の画像を除いてまったく同じです。
ヘッダー/ナビゲーションメニュー/フッターのコードをカウントするページと、情報のためだけに別のページをカウントする方法があるかどうかを知りたいです。現在と同じように保つことができますが、ファイル名/場所について何かを編集するたびに、すべてのファイルを開く必要があります。例: ナビゲーション メニューにリンクされたファイルがあり、そのファイルの名前を変更する場合、それが map1.html と呼ばれているとしましょう。これを map_1.html に変更します。すべてのファイルを開いて手動で変更する必要があります。
独自の調査を行ったところ、iframe 属性が見つかりました。しかし、私はそれをうまく機能させることができませんでした。それで、他に使えるものはありますか？多分JavaScriptまたはphpで何か？また、JavaScript や php の経験がないので、コードを投稿する場合は、それがどのように機能し、どのように使用できるかを少し説明してください。
私の頭の中には、このコードがあります: . これが機能しないことはわかっていますが、なぜ私がやろうとするのかについてのより良いアイデアを提供します. navigation-menu.html には、ナビゲーション メニューと css のコードのみがあり、他には何もありません。このようなものを探しています。この行の目的は、navigation-menu.html ファイル内のすべてをコピーして表示することです。
ページの例。ヘッダー、フッターなどを別のファイルに入れたいと思います。明確にするために、各ファイルの背景が異なる場合は body クラス
<html>
<head>
<!--Titel/Icon/CSS files-->
</head>
<header>
<!--Banner/2 small images-->
</header>
<body class="GW-CT-AUG">
<ul id="navigatie_menu">
<!--Other pages (history-about us-home(index.html) -->
<li><a>Game Modes</a>
<ul>
<!--The different gamemodes-->
</ul>
</li>
<li><a>Maps</a>
<ul>
<!--The different maps-->
</ul>
</li>
<li><a>Wapens</a>
<ul>
<!--The different guns-->
</ul>
</li>
<li><a>Equipment</a>
<ul>
<!--The different Equipment-->
</ul>
</li>
</ul>
<center>
<!--An images-->
<p class="tekst">
<!--Information about the game-->
</p>
</center>
</body>
<footer class="footer" id="footer-aug">
<!--footer-->
</footer>
</html>