自作ゲーム(ジャンルはアドベンチャーゲーム)を紹介するサイトの作成方法についてなのですが
上に項目(ストーリー、システム、ギャラリー等)があり、
クリックするとその下に表示されるというサイトを作成したいと考えています。
よく、フリーゲームサイト様でも、そのようなサイトをみかけ
とてもみやすく、憧れています。
色々な方法で作成法を調べてみたのですが
見つかりませんでした。
サイト製作経験については、
ブログやmobile spaceのようなHPはつくったことがあります。
ですが、今回は全くどのような方法を使えばいいかわかりません。
どなたか、
作成方法、または方法が載っているサイトを教えて頂けないでしょうか?
出来るのなら無料がいいです。
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
技術的にはフレームを使っています。
以下、サンプルです。1) それぞれファイルを同じ場所に保存する
2) ファイル名は正しく保存する
3) charsetにUTF-8を指定しているので、UTF-8で保存
4) 表示がくずれるので全角を空白2文字に置換して保存
5) index.html をブラウザで開く
index.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>テスト</title>
</head>
<frameset rows="60,*" frameborder="NO" border="0" framespacing="0">
<frame src="menu.html" name="menu" scrolling="NO" noresize />
<frame src="page1.html" name="contents"/>
</frameset>
</html>
menu.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>メニュー</title>
</head>
<body>
<div align="left">
<table width="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="500" height="60" valign="top"><br/>
<a href="page1.html" target="contents">ページ1</a>
<a href="page2.html" target="contents">ページ2</a>
</td>
</tr>
</table>
</div>
</body>
</html>
page1.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ページ1</title>
</head>
<body>
<p>ページ1の内容</p>
</body>
</html>
page2.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ページ2</title>
</head>
<body>
<p>ページ2の内容</p>
</body>
</html>
一般的な作成方法ですが、
1) 上のようにhtmlを直書きする
2) wysiwygなhtmlエディタを使う
3) 1)と2)を組合せて作る
どちらにしろ、html を本かサイトで勉強して下さい。私はHTML/XHTML&スタイルシートレッスンブックという本で勉強しました。というかこれしか知りません。
回答ありがとうござます!!
私の場合、今考えているHPをつくるとき、
つくる場所がわからないという初心者なので…。
まずは、ご紹介して頂いた本などを検討して勉強してみます。
ありがとうございました!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows 10 「新規作成」メニューが表示されません 2 2023/04/07 14:56
- Google+ googleカレンダーのサイトへの貼付けについて 1 2023/08/28 13:52
- その他(暮らし・生活・行事) ウィキペディアみたいに、大勢の方が1つのサイトをまとめるような検索サイトがあれば便利と思いませんか 4 2023/03/19 22:14
- CGI サイト訪問者の情報を取得したい 1 2023/02/21 11:03
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- 画像編集・動画編集・音楽編集 【急】【Zbrush】3DCG初心者です。ノートPCでのZbrush動作環境につきまして 1 2023/08/19 17:38
- Chrome(クローム) サイトのショートカットアイコンの格納場所は? 1 2022/12/26 01:38
- WordPress(ワードプレス) 他人のサイトを勝手に紹介するのは違法ですか? 2 2022/09/10 16:15
- サーバー Laravelをレンタルサーバーにインストールするにはどうすればいいですか? 2 2022/06/29 10:17
- インターネット広告・アフィリエイト アフェリエイトサイト 作成について 5 2022/05/13 21:31
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プログラミングについての質問...
-
CGI実行できない。ソースが表示...
-
wordの数式について 定積分を書...
-
ラジオボタンが両方とも選択で...
-
WEBページを強制的に横画面で見...
-
ディレクトリのファイル数取得
-
チェックボックスの返す値
-
フォントサイズを変えるには?
-
selectboxの画面遷移で、postデ...
-
ブックマークからのアクセスを...
-
select値をhiddenのvalueに渡し...
-
FC2 掲示版のカスタマイズの仕...
-
コンボ1の内容に応じてコンボ...
-
<select>タグの幅設定
-
INPUT TYPE
-
htmlファイルが表示できません
-
CGI(Perl)内での必須項目チェ...
-
「value」に2つの値をセットす...
-
iPhoneでセレクトボックスが選...
-
ラジオボタンを選択済みにする...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ショッピングカートのクッキー...
-
cgiからsendmailを送信で文字化け
-
プログラミングについての質問...
-
perlを難読化、暗号化させたい
-
メール送信後のHTMLが文字化け...
-
content-dispositionによるファ...
-
.htaccessでサーバエラー
-
CGI実行できない。ソースが表示...
-
cgiで動画ファイルをアップロー...
-
CGIから移動したページでのリン...
-
MySQL+phpでHTML表示をhif...
-
UTF-8で文字化けしないようにす...
-
HPが文字化けしてしまいます
-
文字化けが出現
-
WEBアプリケーションからフォル...
-
CGIプログラムを使った申し込み...
-
SUN BBSの改造方法
-
ラジオボタンが両方とも選択で...
-
「value」に2つの値をセットす...
-
WEBページを強制的に横画面で見...
おすすめ情報