今まで、自分のwebページをhtmlで作っていたのですが、
サイドバーを更新する際に、存在するページすべてを書き換えねばならず、
一括で変える方法を調べた所、
ソフトを使う・インラインフレームを使う・phpを使う
などでできるようなのですが、
一応、プログラマー目指しているので、
phpで作りたいと思ったのですが、
色々検索しても、知りたい情報があるサイトが見つかりませんでした・・・
「phpを使って、サイドバーなどの共有部分を作る」には
どうしたらいいでしょうか?
僕の知識的には、
phpは、ほぼまったく知識がないと言っていい状態で、
htmlは、大体はできる状態
プログラムは(どこまで必要かわかりませんが)、javaでシューティング作ったことある程度です。
OKWaveで質問するのは、これが初めてなので、
なにかと至らない点があるかとは思いますが、
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
SSIでいいんじゃね?
No.2
- 回答日時:
No.1さんに一票
私もSSIお勧めします。HTTP始まった当初からある古い枯れた技術ですから、「htmlは、大体はできる状態」で、まさか知らないということはないでしょう。--と嫌味言いたくなるくらい定番の方法です。
ファイルの拡張子を.shtmlにするか
.htaccessに
AddHandler server-parsed html
と書いておいて、
HTMLに
<div class="header">
<div class="nav">
<!--#include virtual="/ssi/siteMap.htm" -->
</div>
</div>
<div class="section">
ここはページごとに違う・・
<div class="aside">
<!--#include virtual="/ssi/News.htm" -->
<!--#include virtual="/ssi/Note.htm" -->
</div>
</div>
<div class="footer">
<!-- include footer.htm -->
</div>
(注)DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するため( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
[HTML5]でしたら
<header>
<nav>
<!--#include virtual="/ssi/siteMap.htm" -->
</nav>
</header>
<section>
ここはページごとに違う・・
<aside>
<!--#include virtual="/ssi/News.htm" -->
<!--#include virtual="/ssi/Note.htm" -->
</aside>
</section>
<footer>
<!-- include footer.htm -->
</footer>
とか書いておけば良い。.htaccessで指定しなければ拡張子を.shtmlにすればよい。
もちろん、HTMLエディタ( http://ja.wikipedia.org/wiki/HTML%E3%82%A8%E3%83 … )でしたら、ファイルを開かなくても一括で変更できますから、それで書き直しても良い。
時々「SSIは使用できません」という不思議なサーバーもありますので、その場合はPHPやCGIなど使える手段を用いることになります。
>htmlで作っていたのですが、
HTMLと必ず大文字で書きましょう。意味が変わります。
>ソフトを使う・インラインフレームを使う・phpを使う
「HTMLエディタで作成するシンプルなコードはSEO(検索エンジン最適化)にも効果的であることから、一部のウェブデザイナーには見直されつつあり( http://ja.wikipedia.org/wiki/HTML%E3%82%A8%E3%83 … )」は、HTML5の時代は現実のものになるでしょう。なぜならソフトは、ここは<header>だ、ここは<aside>だなんて判断してくれない。
インラインフレームは、やはりフレームの持つ問題は引き継ぎますので・・
フレーム問題( https://www.google.co.jp/search?q=%E3%83%95%E3%8 … )
PHPは、今後役に立つでしょう。特にデータベースを使って共通フォーマットのページを作成するときとかには便利です。ブログなどのCMSに最も良く使われている手段です。
>一応、プログラマー目指しているので、
とのことで、多少厳しい回答になりますが
PHPや(CGI,Ruby)の技術は必須になるでしょう。
知ってることは大体できるのですが、
知らないことがまだまだ僕には多すぎたようですね。。。
とりあえず、SSIで、成功しました。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
html の divとtable の役割
-
ブラウザの表示幅で100%指定が...
-
2段組レイアウト時に意図しな...
-
HTML5のIE対策について
-
2つのブロック要素をまとめて...
-
HPの外側の両サイドにある広告...
-
divを横に並べる方法
-
HTML文から特定のタグ以外のタ...
-
div要素が重なってします
-
divとpの使いわけ
-
フッタの背景画像をリピートxで...
-
min-heightとheightの違いについて
-
ヘッダーとフッターだけ背景を...
-
1時間30分を簡単に表したいで...
-
CSS 余白を作る方法
-
cssでできる事はhtmlのタグを使...
-
htmlについて
-
きれいなホームページを作りたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
html の divとtable の役割
-
<div id="container">の使いか...
-
1時間30分を簡単に表したいで...
-
min-heightとheightの違いについて
-
複数のボタンを等間隔に、かつ...
-
ヘッダーとフッターだけ背景を...
-
div要素が重なってします
-
divを横に並べる方法
-
スペースを使わず文字位置を揃...
-
<!-- #BeginLibraryItemとは
-
HTMLのJIS規格について
-
スライド部分のリンクが貼れな...
-
セクションをdivで囲むと見出し...
-
要素間、要素内に隙間が空く
-
hタグの右横に画像を表示
-
inline-blockをネストすると表...
-
divとpの使いわけ
-
グリッドレイアウトで"auto-fit...
おすすめ情報