最近HPの改造をしていて、同人サイトを作っているのですが、
他のHP様が使ってる普通の(左にメニュー、右に本文)のフレーム
を作りたいのですが、無料の素材フレームを探してみていても
いざ、貼り付けてみるとページがわかれません。
普通のでいいのでHTMLタグを最初から最後まで
お教えいただけないでしょうか?
それか初心者向けの素材フレームHP様を知っている方、
オススメの素材HP様を紹介していただけませんか?
HTMLタグは超上級者、上級者でなければ、けっこうわかる方だと
思います;;使ってるHP作成サイト様は忍者様です。
No.2ベストアンサー
- 回答日時:
>使ってるHP作成サイト様は忍者様です。
忍者ツールズのことでしょうか?
だとしたら、どのように作成していますでしょうか?
忍者ツールズのかんたん管理ページでホームページを作成する場合は、
<body>~</body>内に記述するタイプのタグ以外は、
たとえ正確に記述していたとしても基本的には無効になるため使えません。
忍者ツールズの通常管理ページを利用、
具体的には、
テキストエディタやホームページ作成ソフトにてホームページ作成をおこなって、忍者のサーバにアップロード作業をするのでしたら、
HTMLタグが正確(<frame src="ここに左のURL">等のパスも正確に合致しているのも含む)であれば、きちんと表示できると思います。
No.1
- 回答日時:
フレームはタグをただ貼り付けるだけではできませんよ。
仮にa.htmlというフレームページがあるとします。
フレームにするにはa.htmlの他にちゃんと作られた右用のページ(a_right.html)と左用のページ(a_left.html)が必要となります。
右用と左用ののページはそれぞれのセンスに任せるとして、a.htmlにはフレームとして表示させるタグを入れないといけません。
(もちろんフレームページを見るときはa.htmlを開いてください)
基本的にフレームページ(左にメニュー100ピクセル、右に本文)は以下のタグのみです。
<html>
<head>
<title>タイトル</title>
</head>
<!-- ここからフレーム表示タグ例です -->
<frameset cols="100,*">
<!-- 左フレームの幅を変えたかったら「100」の数値を変えて下さい -->
<frame src="a_right.html">
<frame src="a_left.html">
</frameset>
<!-- ここまでフレーム表示タグ例です -->
</html>
本来ならばフレーム非対応ブラウザのために表示させるものも載せたほうが親切ですが、携帯サイト共有させる気がなければ必要ありません。
フレームについては以下のページが参考になると思います。
http://www.tagindex.com/html_tag/frame/index.html
http://www.tagindex.com/html_tag/frame/frame_bas …
フレームでは装飾はほぼ無意味です。
フレームの堺の線を表示させるかぐらいです。
あとは左右のページのデザインのことなので、普通に素材を探してそれぞれのページに貼り付けて下さい。
この回答への補足
質問追記です。
こういうことであっているのか、わかる範囲しいで
いいのでお教えください。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "ここに土台のURL">
<html>
<head>
<title>文書のタイトル</title>
</head>
<frameset cols="100,*">
<frame src="ここに左のURL">
<frame src="右のURL">
<noframes>
<body>
<p>フレームの代替内容</p>
</body>
</noframes>
</frameset>
</html>
これででるとおもうのですが・・・。
ありがとうございます!
しかし、やってみたのですが、なぜかおかしくなるHP
私もだいぶ自分が間違っていると思います。
HTMLをお借りし書いてみました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- カスタマイズ(バイク) カスタマイズ 1 2022/11/12 01:09
- WordPress(ワードプレス) wordpress cocoon ヘッダーのフォント変換 2 2022/11/22 09:58
- その他(IT・Webサービス) 無料ドメイン無料サーバでHP作りたい。 知り合いの飲食店のHPを作ってあげたいのですが、その店主には 3 2022/06/05 01:22
- 画像編集・動画編集・音楽編集 動画をディスク作成すると画像が乱れる。 4 2022/06/24 07:49
- 化学 強酸性でも錆びないメガネを教えて。 4 2022/07/17 19:50
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- 待ち受け・壁紙 HPに使うのですが 1260×350サイズ のフリー画像を 探しています。 オシャレな素材を 使える 2 2023/02/04 19:16
- DIY・エクステリア デスクや本棚に適している木材について 8 2022/10/07 08:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フレームが表示できません
-
画面の一部だけ更新したいので...
-
2つのページを重ねたい
-
html リンクを別フレームに表...
-
pythonのエラーについての質問...
-
<a href >タグのtarget属性に...
-
フレームページが表示されない...
-
ホームページビルダーのフレー...
-
複数フレームへ同時にリンクを...
-
HTMLでページの余白を設定したい。
-
URLを変えないで表示する方法
-
どのページもすべて同じURLなの...
-
直リンクとは。
-
インラインフレームのデメリット
-
スクロールできない
-
googleでホームページを検索し...
-
html 左メニューから右への表示...
-
Excelで、社外秘(閲覧のみ)と...
-
ホームページでファイルをダウ...
-
HTMLからフォルダを開きたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
フレーム内のPHPへPOSTで情報を...
-
pythonのエラーについての質問...
-
2つのページを重ねたい
-
フレームの片方だけを更新(リロ...
-
html 左メニューから右への表示...
-
URLを変えないで表示する方法
-
フレームページが表示されない...
-
スクロールできない
-
フレームで指定している送信先...
-
フレームが表示されない><
-
html リンクを別フレームに表...
-
ブラウザで4分割表示できますか?
-
直リンクとは。
-
frameの内容が表示されない
-
HTMLファイルの置き方による読...
-
CSSを使って画像をクリックする...
-
フレーム分割した全体をスクロ...
-
フレームの表示と非表示の切り替え
-
HPの一部に他のHPを表示
おすすめ情報