おしえて

フレームサイト？とブログの形式について

締切済

質問者：rororon
質問日時：2016/06/29 06:34
回答数：7件

10年以上前にフレームを駆使したサイトを自作していた者です。
最近また１からHPを作ろうかと考えていまして、
以前作ったHPを現代らしいレイアウトにする所から入ろうと思っているのですが
疑問のような物が生まれました。

以前作ってあったHPは基本的に、html１枚（以下top)をまずフレームで縦に２分割してあります
（以下左側のページをleft、右側のページをright）
leftに縦並びでコンテンツ１、コンテンツ２…と並べ、クリックをすると内容がrightに表示されます。
つまりHPにどんな内容変更があろうともtopはいじられず、
コンテンツの追加があればleftを修正するだけです

このレイアウト自体は今も崩したくはないのですが、
フレームサイトは様々なデメリットがあり、くわえて現代的ではないので
フレームを使わない構成のサイト作りを考えています

そうすると、leftとrightを統合した１枚のページを
top１、top２…と作り続けることになりますが、
コンテンツ（上記のleftにあたる部分）に変化があった場合、
全てのページ（のleftにあたる部分）を同じように都度いちいち修正するのは途方も無い苦労です。
以前ならleft１ページを修正するだけで済んだ工程です。

皆様がこんな苦労をしているわけはないのでしょうが
どうすればいいかわかりません。
ブログをレンタルしてHPっぽくすれば解決はしますが、当方HPを作成希望しています

最近はwikiやブログの普及によって個人HPを所持する人は少ないように感じます。
現代的なHPは企業などのHPでしか見ませんが、もうそういう時代なのでしょうか？

詳しい方、いろいろ教えてください。大変悩んでいます

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (7件)

最新から表示
回答順に表示

No.7

回答者： ORUKA1951
回答日時：2016/06/30 14:38

ご利用のサーバーを借りてらっしゃるＩＳＰのマニュアルを確認してください。

もしくは、下記ファイルを上げて確認してください。
★タブは＿に置換してあるので戻してください。
★文字コードはUTF-8
★/SSI/header_navigationList.htm
↑
　サーバーのルートからのパス・・/SSI/ディレクトリに"header_navigationList.htm"というファイル名で保存するという意味

/index.shtml
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>SHTMLtest</title>
<style media="screen">

</style>
</head>
<body>
＿<header>
＿＿<h1 id="title">Your title</h1>
＿＿<nav>

＿＿</nav>
＿</header>
＿<section>
＿＿<h2>本文</h2>
＿＿<section id="A">
＿＿＿<h3>項目タイトル</h3>
＿＿＿<p>この項目の記事</p>
＿＿</section>
＿＿<section id="B">
＿＿＿<h3>項目タイトル</h3>
＿＿＿<p>この項目の記事</p>
＿＿</section>
＿＿<section id="C">
＿＿＿<h3>項目タイトル</h3>
＿＿＿<p>この項目の記事</p>
＿＿</section>
＿＿<nav>

＿＿</nav>
＿</section>
＿<footer>
＿＿<h3>A nice footer</h3>
＿</footer>
</body>
</html>

/SSI/header_navigationList.htm
＿＿＿<ul>
＿＿＿＿<li><a href="/">TOP</a></li>
＿＿＿＿<li><a href="/Books">著書</a></li>
＿＿＿＿<li><a href="/Contact">問い合わせ</a></li>
＿＿＿＿<li><a href="/Profile">プロフィール</a></li>
＿＿＿</ul>

/SSI/section_contentTable.htm
＿＿<h2>目次</h2>
＿＿<nav>
＿＿＿<ul>
＿＿＿＿<li><a href="#A">A</a></li>
＿＿＿＿<li><a href="#B">B</a></li>
＿＿＿＿<li><a href="#C">C</a></li>
＿＿＿</ul>
＿＿</nav>

- 0
- 件

通報する

この回答へのお礼

サーバー上じゃないと動作しないとの事で、
サーバーを現在契約していなかったので、契約ののち
試行錯誤してました。
お返事が大変遅れて申し訳ございません

サーバーは
https://www.chobi.net/index.phpのfreeプランを契約しています
SSIという物はどうやら対応していないようです

丁寧に教えていただき、ありがとうございました

通報する

お礼日時：2016/07/26 04:31

No.6

回答者： DoubtOwl
回答日時：2016/06/30 10:32

http://webdrawer.net/other/templates.html#c03

お好きな方法で。

- 0
- 件

通報する

この回答へのお礼

サーバー上じゃないと動作しないとの事で、
サーバーを現在契約していなかったので、契約ののち
試行錯誤してました。
お返事が大変遅れて申し訳ございません

かなり熟読させていただきましたが
どれも私には難しい物で、試行錯誤しましたが
理解には至りませんでした。申し訳ございません

丁寧に教えていただき、ありがとうございました

通報する

お礼日時：2016/07/26 04:31

No.5

回答者： t_fumiaki
回答日時：2016/06/30 10:05

SSI(Server Side Include)でも出来ます。

が、PHPより簡単、と言う事では有りませんので・・・。

例えば、質問の例では、left.htmlを共通ファイルにするのなら
　を記述。

この1行をサーバ側で展開するので、アクセスした時点では展開されている。ここはPHPも同じです。

引用側は黙っていると、拡張子は.shtmlにする必要があります。
.htmlのままにしたいなら、.htaccessで以下の記述で制御します。
AddType text/x-server-parsed-html .shtml .html

つまり,SSIもPHPも手間は同じです。

SSIは負荷の関係で許可していないサーバもあるので確認が必要です。

また、left.htmlにはナビゲーションメニューを書く事が多く、
設置するディレクトリを良く考える必要があります。
SSIではカレントディレクトリの上位階層を経由するパス名は指定出来ません。

尤も、SSI、PHP関係なく、絶対パスにして置けば問題有りませんが・・。

いずれにしても、SSIかPHPで共通化部分をインクルードしないと、
とてもメンテに耐えられないと思います。

- 0
- 件

通報する

No.4

回答者： ORUKA1951
回答日時：2016/06/30 08:16

もっとも簡単なのは、ウェブの創成期からあるSSIをつかう方法。

今から出かけるので後で

- 0
- 件

通報する

No.3

回答者： t_fumiaki
回答日時：2016/06/30 05:11

>>実装はできませんでした

PCローカルでは展開されません。サーバ上で動きます。

>>難しいですね。
PHPで構文作るわけでは無いし、1行入れるだけなんですが・・・。
極めて簡単なので、全サイトの全ページに組み込んで有ります。

<?php include("XXXXX.php"); ?>を組み込んだソースの拡張子は
黙っていると.phpにする必要が有りますが、拡張子を.htmlのままにする方法を使います。

.htaccessというファイルをサーバに設置し、以下を記述します。
AddType application/x-httpd-php .htm .html

- 0
- 件

通報する

この回答へのお礼

サーバー上じゃないと動作しないとの事で、
サーバーを現在契約していなかったので、契約ののち
試行錯誤してました。
お返事が大変遅れて申し訳ございません

結論から言うとやはり実装できませんでした。
丁寧に説明いただいたのに申し訳ございません。
大変知識不足なので仰っている意味を完全に把握できません

表示したい場所に<?php include("left.php"); ?>と記述、
このファイルをmain.htmlとする。
left.htmlを用意して、拡張子をphpに変更、
２つのファイルを同階層に置いてサーバーにアップ、
結果、何も起こらないという事になりました。

よくわからないのでmain.htmlをmain.phpとしてみたりしましたが
そうするとサーバーエラーになりました。

また、.htaccessをアップし、
main.htmlとleft.htmlをアップした場合はサーバーエラーになりました。

ちなみにサーバーは
https://www.chobi.net/index.phpのfreeプランを契約しています

丁寧に教えていただき、ありがとうございました

通報する

お礼日時：2016/07/26 04:29

No.2

回答者：ととまっく
回答日時：2016/06/29 11:38

HTMLだけで完結したいならば、WEBオーサリングソフト(DreamWeaverはテンプレート機能があります)を使うか、置換処理するしかないかと思います。

- 0
- 件

通報する

この回答へのお礼

HTMLだけで完結したいわけではありません、というより
知識が乏しいので選択肢が少ないという状態です

通報する

お礼日時：2016/06/30 04:46

No.1

回答者： t_fumiaki
回答日時：2016/06/29 08:00

>>以前ならleft１ページを修正するだけで済んだ工程です。

基本的にはleftの変更が生じた場合は、全ページ変更する必要が有ります。

この手間を解消する為、各ページは、left部分をphpでインクルードします。

<?php include("left.php"); ?>
この１行でleftの内容が展開されてhtmlソースになります。

サーバ内では、各ページのソ－スは<?php include("left.php"); ?>がそのまま入っていますが、ページをアクセスしてサーバから出る時に、通常のhtmlに展開されて出て行きます。

left.phpの内容は、leftに必要なhtml部分だけを記述した物になります。
拡張子は.phpですが、中身はhtmlソースです。

色々な説明サイトがあります。
「php インクルード]で検索して下さい。下は例。
https://msdn.microsoft.com/ja-jp/library/cc29522 …