サイドバーのある Web ページを作成します。サイドバーには、他のページやその他へのリンクがあります。私がコーディングしている方法では、サイドバーのリンクごとに別の HTML ドキュメントがあります。サイドバーのリンクは、別の .html ファイルにリンクするだけで、このファイルには、任意の名前の Web サイト テンプレート/レイアウトが含まれています。そのため、ホームページである index.html、次に about.html などがあります。各 html ドキュメントのファイルには、Web サイト全体のレイアウト (サイドバー、フッターなど) のコードが含まれています。したがって、サイドバーがリンクするさまざまなリンク間の唯一の違いはコンテンツです。したがって、Web ページのレイアウト (サイドバーの色など) を変更したい場合は、各 HTML ドキュメントに移動して変更する必要があります。
だから私の質問は、人々はこれをどのように行うべきですか? 私はそれを正しくやっているとは思わない。テンプレートを含むファイルを 1 つだけ持つことになっていますか?
マネーデブ、
あなたが探しているのはテンプレートシステムです。純粋な HTML に固執したい場合は、テンプレート化する方法が組み込まれていないため、外部ツールを使用して支援する必要があります。Dreamweaver には、Web ページ内の領域を定義して同じ領域であることを示し、Web サイト全体で「1 つに」維持できる機能があります。
ただし、その方法は実際にはかなりローテクです。Dreamweaver で管理されている Web サイト内のすべてのファイルを検索し、最初に設定したときに決定された「マスターの場所」から編集するときにセクションを「検索して置換」します。
Ali Hamze は、PHP プロジェクト内で「includes」を使用することを提案しています。これは PHP の一般的なアプローチですが、私は偏見があり、テンプレートに対する ASP.NET の回答の方がはるかに好きです。これは、「.master」(ページ) と「.ascx」(コントロール) の組み合わせであり、これらをテンプレート化し、ネストされた方法で再利用できます。これは、単純な「検索と置換」 (Dreamweaver が HTML で行うようなもの) をはるかに超えていますが、新しい開発環境を習得する必要があります。
要するに、はるかにシンプルな HTML を使い続けることができ、HTML/CSS と JavaScript の学習に集中できるということです。これは、開発の基盤を構築するのに最適です...しかし、実際に「大リーグ」に移行するには、IDE を選択することをお勧めします。
長年 Windows を使用してきた私は、データベースには Microsoft Visual Studio と Microsoft SQL を介した ASP.NET を好みます。とはいえ、私はコカ・コーラが飲めるタイプで、ペプシも好きです。PHP や Java を調べたい場合は、それらも優れたオプションです。無料で強力な IDE を使用して、Web 開発の人生を健全にスタートさせたい場合は、次の場所に行きます。
ASP.NET (Microsoft Visual Studio) --- テンプレートを作成するための「マスター ページ」と「制御ファイル」について読んで ください http://www.microsoft.com/express (ただし、データベースには Microsoft SQL (Express Edition で問題ありません) の方が好みです)必要に応じて mySQL を使用できます)
PHP (PHP 用の Eclipse IDE) --- テンプレートを作成するための「インクルード」を調べて ください http://www.eclipse.org/projects/project.php?id=tools.pdt
Java (Java 用の Eclipse IDE) --- テンプレート http://www.eclipse.org/downloads/packages/eclipse-ide-javascript-web-developers/については、「http://www.stringtemplate.org/」を参照してください。 indigosr2 (上記の場合、舞台裏のデータベースが必要な場合は、mySQL をチェックしてください) http://www.mysql.com/
参考までに: Microsoft の IDE が最も威圧的ではないと思うかもしれませんが、PHP はそれほど難しいものではありません。Java は初心者には難しいかもしれません。
ハッピーコーディング！
すべてのスタイルは、各htmlページの先頭で参照されている外部CSSスタイルシートに保持します。次に、1か所でスタイルを変更できます。これは、サイドバーの色を変更する例に対応しています。
各ページのサイドバーに一貫したhtml構造を維持したい場合は、phpを使用してください。sidebar.phpというファイルを作成し、このincludeメソッドを使用して同じコードを各ページにインポートします。後で変更する場合は、単一のsidebar.phpファイルを編集すると、他のすべてのファイルが新しいコードをインポートします。
それに対する多くの答え。最も一般的なのは、HTMLを前処理するサーバー側の言語を使用することです。このようにして、一般的なレイアウトファイルと個別の「ビュー」を作成できます。ビューには各ページに固有のコンテンツのみが含まれ、レイアウトには基本的に変更されないラッパーが含まれます。その後、コードを重複させることなく、必要に応じてこれら2つをつなぎ合わせることができます。
PHP over RubyからPythonや*.NETまで、興味のあるサーバーサイド言語を学びましょう。
私にとって、これに対する解決策は、PHP と呼ばれる言語でのサーバー側のスクリプト作成です。私は header.php と footer.php を作成します。あなたの場合は、sidebar.php ファイルも作成します。
では、PHPとは何ですか？これはスクリプト言語であり、非常に便利です。あなたの場合、それはそれほど重要ではありませんが、それを使って非常に便利なことを行うことができます-他のファイルを含めます. Web サーバーには PHP がインストールされ、実行されている必要があります。Xampp と呼ばれる優れた無料ツールを使用して、ローカル PC で実行することもできます。
ですから、最初は index.php というファイルを作成していました。そのファイルでは、いつものように head セクションから始めます。CSS を含め (CSS ファイルを作成していますよね? スタイル セクションよりもはるかに優れています。同じスタイルシートを再利用でき、他にもいくつかの利点があります)、使用している場合はスクリプトを設定します。本文では、特別な PHP タグを使用して、PHP コードを少し実行します。
<?php include("header.php"); ?>
これにより、header.php というファイルが「インクルード」されます。そこに入力したものはすべて、ロードするとこのドキュメントの一部になります。プレーンな PHP、HTML、またはプレーン テキストでもかまいません。これを使用してヘッダーを設定します。フッターが配置されるページの下部で、もう少し PHP を使用します。
<?php include("footer.php"); ?>
footer.php では、ご想像のとおり、フッター コードを記述します。次に body タグと html タグを閉じます。これと同じ手法でサイドバーを含めることもできます。インクルードされたファイルで開いた HTML タグも、同じファイルで閉じることをお勧めします。ページの個々の部分を管理しやすくなります。
これは PHP でできる最も簡単なことですが、サイトの再利用可能な部分を作成するための非常に便利なテクニックです。マスターすれば、時間と労力を大幅に節約できます。