WEBサイト作成入門テキストを一冊読み終えたばかりの初心者です。
次ステップとして、好きなサイトのソースコードを書き写して勉強するのが良いと聞き
元となるサイトを探していたら、タイトルの通りトップページ以外の
どのページを開けても同じULRになっているものを見かけます。
あれはどのように実現しているのでしょうか。
高度な技術を駆使しているのですか?
難しすぎてお手本として不適切だったら避けようと思いますが
いいなぁと思うサイトが多いので質問させていただきました。
ご存知の方がおられましたら教えてください。
よろしくお願いいたします。
No.4ベストアンサー
- 回答日時:
回答があるとおり、フレームも一つの方法です。
ただ、デザインとしてはお勧めできませんし、HTML4.01からは非推奨です。
インラインフレームなどを使うことになりますが、実際に使い方としてはすこし変わってきます。
最近はAjaxを使ったサイトも多く、これらの場合はJavaScriptを使ってバックグラウンド通信を行い、HTMLを動的に書き換えています。
HTML自体の書き換えですので、ページの切り替えは不要になります。
インクリメンタル検索(文字を入力するとすぐに検索が行われるヤツ)もこれらの技術を使っています。
今後HTML5/CSS3がメインになっていくと、これらの各属性を有効に使うためにもAjaxライクな使われ方が増えると思います。
他にはサーバサイドスクリプトを使ったサイトで、メソッドとしてPOSTを使った場合はアドレスが変わらないこともあります。
どれをどのように使うかは作成する人の裁量ってことです。
ただ、どれもある程度知っていないとこれからのサイト作成についていけなくなります。
今すぐにとは言いませんが、後々は(作れるかは別として)構造はわかるようにしておいたほうがいいかもしれない。
No.5
- 回答日時:
先に示されたフレーム以外の手法を3つほど
1.CGIやPHP と DirectoryIndex を使用する
要するに index.html のようにファイル名不要で自動アクセスしてくれるファイル名にCGIやPHPを指定して、スクリプトでページを表示させます。
ページ切り替えは、スクリプトに表示ページの指定パラメータを「POSTメソッド」で渡してやって行います
PG=1を渡せば「a.html」の内容を、PG=2なら「b.html」の・・・
2.WebサーバがApacheならmod_rewriteを使って表示URLを書き換える
サーバの設定状況に依存しますが.htaccessというファイル内にmod_rewriteの規則を書いてやることでURLを自在に変更できます
3.CSSのdisplay:none とinlineで切り替え操作を駆使してJavaScriptから制御する方法
一つのページ内に全コンテンツを書いておいてJSでCSSを操作して切り替える
どっちにしてもコンテンツがいくら増えてもSEOとしては不利なので、特に商利用ではあまりお勧めしません
そういう観点からお手本としては不適切なので、普通に組んだ方がはるかに実用的かと思います
もちろん、仕事なら基礎知識としてそれらのことは知っておくにこしたことはありません
回答者の皆様、早速のご回答本当にありがとうございました!
分かりやすく解説していただき非常に参考になりました。
ベストアンサーは悩みに悩みましたが、
仕事の基礎知識としての心構えも踏まえて教えてくださった
ralf124c様に選ばせて頂きました。
皆様に感謝しております。ありがとうございました。
No.3
- 回答日時:
それはフレーム設定されているページですね。
そのwebページにあるページボタンを押した時にページが変わる部分と変わらない部分が有ると思います。
URLが変わらないのは、その両方を表示するページの表示なので枠自体が変わらない事に寄ります。
ホームページ作成ソフト(代表的なのがホームページビルダー)には付いている機能ですね。
No.2
- 回答日時:
Webページは個々でURLが変化します。
ただし、フレームページの場合は親フレームに変化がない限りアドレスバーのURLはかわりません。
おそらく、質問者さんが見たページはフレームページではないかと思います。
フレームページの作り方は、親ページ+メニューなどのページ+リンクをクリックしたときに表示する部分。といった感じで複数のページを1度に表示しています。
通常は親ページに変化はなく、メニューなどのリンクをクリック⇒表示させるページにリンク先のページを表示。
ただ、フレームページはリンクをクリックしたときの挙動をきちんとしていないと、他のサイトのページすらも自分のページであるかのように表示されてしまいます。そういったことが理由でフレームページを嫌う人もいますので注意してください。
Webサイト作成では色々な困難にぶつかると思いますが頑張って見やすいサイト作りを頑張ってください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
-
あるあるbotに投稿したけど採用されなかったあるある募集
あるあるbotに投稿したけど採用されなかったあるあるをこちらに投稿してください
-
フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
あなたが普段思っている「これまだ誰も言ってなかったけど共感されるだろうな」というあるあるを教えてください
-
映画のエンドロール観る派?観ない派?
映画が終わった後、すぐに席を立って帰る方もちらほら見かけます。皆さんはエンドロールの最後まで観ていきますか?
-
海外旅行から帰ってきたら、まず何を食べる?
帰国して1番食べたくなるもの、食べたくなるだろうなと思うもの、皆さんはありますか?
-
天使と悪魔選手権
悪魔がこんなささやきをしていたら、天使のあなたはなんと言って止めますか?
-
異なる複数のURLのどれを選んでも、同じページを表示させるには?
インターネットビジネス
-
URLの変わらないページをPHPでつくるには
PHP
-
同じURLで違うページ
その他(パソコン・スマホ・電化製品)
-
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フラッシュでナウローディング...
-
フレーム(左)のスクロールバー...
-
フレームの読込み順
-
HPのメニューを簡略化させる方法
-
フレーム内にあるメニューから...
-
広告バナーの外し方
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
java_run.batがダウンロードで...
-
iPadの標準ブラウザでローカルH...
-
POSTしたデータの文字コードがu...
-
HTMLページが勝手にダウンロー...
-
htmlファイルの表示が真っ白
-
ページ全体を中央に配置したい...
-
googleドライブで、PDFファイル...
-
社内で利用するWebサイトを立ち...
-
VBA URLDownloadToFileについて
-
マウスポインタが手の形になら...
-
複数のindex.htmlを作ってもい...
-
Webサイトから、txtファイルを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
pythonのエラーについての質問...
-
フレームで指定している送信先...
-
フレームの片方だけを更新(リロ...
-
frameの内容が表示されない
-
2つのページを重ねたい
-
WebサイトでHTMLのフォームに隠...
-
URLを変えないで表示する方法
-
フレームページが表示されない...
-
iframeを使わないで・・・
-
html 左メニューから右への表示...
-
formデータ送信時にフレームペ...
-
フレームが表示されない><
-
直リンクとは。
-
HP全体にmidiを・・・
-
HTML、1クリックで複数画像表示
-
HTML フレーム内にWebページを...
-
フレームがあるページでの更新...
-
フレームの表示と非表示の切り替え
-
「無題ドキュメント」の名前変...
おすすめ情報