• ベストアンサー

WEBページの作成

ゲームの要素が入ったページを作りたいのですが旨くソースが解らないのでお訪ねします。仮にたて3、ヨコ3の9つのマスが有り、その真ん中意外の8つのマスに言葉を入れ、その一つをクリックすると新しい9つのマスが出来てその真ん中にクリックした言葉が入り、このような作業が続くようなページを作りたいのですが、何か簡単な方法は無いでしょうか

  • d4333
  • お礼率44% (165/371)
  • Mac
  • 回答数3
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • kapura
  • ベストアンサー率50% (48/95)
回答No.1

JavaScriptを利用すれば、どういうゲームにするかによってわかりませんが、実現できるのではないでしょうか? 下のような感じのHTMLで質問にあるようなWebページになる気がするのですが、参考になるでしょうか。新しいページを作成するのでなくページの一部を書き換えています。 # OS 9とかの古いブラウザでも動くように変な記述をしてます # 素人のプログラミングで不適切な書き方とかあると思います <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="jp"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>Game</title> <script type="text/javascript"> <!-- function $(id){ return document.getElementById(id) } function cellClick(i, str) { $('cell4').innerHTML = str; $('msg').innerHTML = 'あなたは<strong>cell' + i + '</strong>をクリックしましたね'; } //--> </script> </head> <body> <h1>Game</h1> <table summary="board" border="1" cellspacing="0"> <tr> <td><span id="cell0" style="color:blue; text-decoration:underline" onClick="cellClick(0,$('cell0').innerHTML)">好</span></td> <td><span id="cell1" style="color:blue; text-decoration:underline" onClick="cellClick(1, $('cell1').innerHTML)">き</span></td> <td><span id="cell2" style="color:blue; text-decoration:underline" onClick="cellClick(2, $('cell2').innerHTML)">な</span></td> </tr> <tr> <td><span id="cell3" style="color:blue; text-decoration:underline" onClick="cellClick(3, $('cell3').innerHTML)">「</span></td> <td><span id="cell4"> </span></td> <td><span id="cell5" style="color:blue; text-decoration:underline" onClick="cellClick(5, $('cell5').innerHTML)">」</span></td> </tr> <tr> <td><span id="cell6" style="color:blue; text-decoration:underline" onClick="cellClick(6, $('cell6').innerHTML)">文</span></td> <td><span id="cell7" style="color:blue; text-decoration:underline" onClick="cellClick(7, $('cell7').innerHTML)">字</span></td> <td><span id="cell8" style="color:blue; text-decoration:underline" onClick="cellClick(8, $('cell8').innerHTML)">列</span></td> </tr> </table> <span id="msg">どれかクリックして下さい</span> </body> </html>

d4333
質問者

補足

早速ソースコードまで有難うございます これで良いのですが真ん中に言葉が出たとき廻りの枠に新たに前の枠の言葉と違う言葉を書き足してそれを続けていくようにしたいのですが それと今の環境がMacなのですがプレビューで文字化けしてしまいます

その他の回答 (2)

  • harawo
  • ベストアンサー率58% (3742/6450)
回答No.3

> 後はこのページに連続性を持たせるにはやはりJavaが必項でしょうか JavaとJavaScriptは異なるものだということをご存じないのでしょうか?でしたら、JavaScriptの勉強をなさったことがないのですね? JavaScriptはけっしてむずかしいプログラム言語ではありません。入門書をテキストにして、一週間みっちり勉強すれば、お望みのコンテンツくらいは作れるようになるでしょう。 しかし、GoLiveを使って、プログラムを組まずに、順列組み合わせで考えられる数のページを、こつこつ作ったとしても、一週間くらいでできあがるのではないでしょうか? あなたに与えられた選択肢は、ふたつです。簡単な方法。もうひとつは短時間で処理を行うために難しいことを行うか。 簡単なことと、短時間で作業できることは両立しません。このふたつは反比例する事柄なのです。

d4333
質問者

補足

Scriptが足りませんでした。一度書籍を見てみましたがもう一度 むずかしいプログラム言語では無いと言うアドバイスに向かってみます。

回答No.2

http://pirosi.dip.jp:8080/  及ばずながら、私も作ってみました。ユーザ名とパスワードは両方とも「kaji」です。

参考URL:
http://pirosi.dip.jp:8080/kapura.html
d4333
質問者

お礼

これをgoliveで作りたいのですが出来るでしょうか 後はこのページに連続性を持たせるにはやはりJavaが必項でしょうか

d4333
質問者

補足

有難うございます 考えていたものでするこれを延々に続けていくにはどうするのでしょうか

関連するQ&A

  • web ページ作成

    3日でできるホームページ作成という本を使っていてその本には次のように書いてあります。 中断した作業を途中から始める時は (1)index.html ファイルをダブルクリックする (2)インターネットエクスプローラーが起動したら「表示」メニューから「ソース」をクリックする (3)「メモ帳」が起動し、中断した時点のデータが表示されるので作成を再開する このように書いてあるのですが、(2)の「表示」メニューがそもそも見当たりません。 ページソースを表示というボタンはあるのですがこれを押しても編集できませんし、メモ帳も起動しません。どなたか、分かる方いたら解答お願い致します。 一番最初の地点なのですがつまずいて困っています。

  • WordでWebページ作成について

    知り合いがWordを使って、Webページ(html)を作っているんですが、画像を貼り付けて、Webページとして保存すると、ファイル名に「files」をつけたフォルダを勝手に作り、使った画像をその中にまとめてしまいます。 これを、同一フォルダ内に置いておくということは可能でしょうか? というのも、同じ画像を使っているので、ディスク容量の節約のため、使い回しをしたいのです。このやり方ではそれができません。 あとで、ソースを書き直してしまうこともできないわけではないですが、それでは作業が煩雑になってしまいます。 よろしくお願いいたします。

  • Webページ保存を出来ないようにする事はできますか?

    ホームページを持っているのですが、ソースを見られたくありません。 右クリックは出来ないようには、したのですが、Webページを保存されてしまえば、ソースを見られてしまいます・・・。 保存出来ないように出来る、タグはありませんでしょうか?

  • 各ページの広告の貼り方(WEB作成)

    趣味でWEB作成を楽しんでいます。 現在、800ページのサイトを運営しており、各ページに5つほど広告を貼っています。 月に1.2回クリック数を見て、広告の見直しをしていますが、全ページの広告を一つずつ直していくのが凄く面倒で効率が悪い事にようやく気づきました。 全てのページに同一の広告を貼る効率のいい方法ってなにかありますか? ※Dreamweaverを使っています ※全て同じ位置に配置

  • WEBページのソースが見れなくなりました。

    Internet Explorer6を使っています。 リカバリしてからは、問題なく右クリックのメニュー>ソースの表示、またメニューバーの表示>ソース、共に見れました。 最近、またリカバリする前のようにソースを表示しようとしても、editorの代わりにデスクトップ(マイ ドキュメント、マイ コンピュータ、マイ ネットワーク、ゴミ箱、Internet Explorer)が表示されてしまいます。 しばらくリカバリはしたくありません。 どうにかソースをみれる方法を教えて下さい。 ちなみに、タブブラウザのSleipnirでも同じ症状です。また、こちらの場合は、ページを全選択してから【選択ソースの表示】なるものをすれば、body内だけはソースが見れます。しかし、head内が見たいので、例えばフリーのソフトでも何か良いのありませんでしょうか? どうか教えて下さい。

  • Webページが見れなくなる

    メインページからほかのWebページに移動後、しばらくするとスクリーンがかかったようになり、クリックができなくなります。一部のバナーのみ閲覧やクリックが可能なのですが、プラウザのボタン等は異常がありません。異常の出ないページもありますので、原因が不明です。 windowsや何かのアップデート後になるようなのですが、原因を解明する方法をご教示ください。

  • Webページに文字列を探したい

    友達とのゲームで あるWebページに隠されたある文字列を探しています。 隠されているウェブページは .phpというhtmlでメソッドpostした先のウェブページです。 htmlソースにはある文字列(答えの文字列)はありませんでした。 可能性として文字列が隠されているであろうところはどこがあるでしょうか? htmlソースしか思い浮かびませんでした。

  • ウェブページの保存法

    不特定のウェブページを保存の際、「ファイル」 → 「名前を付けて保存」を選択すると、絶えず「Web アーカイブ、単一ファイル」と表示されますが、これを、絶えず「Web ページ、完全」とする方法はないのでしょうか? クリックし直せば済むのですが、絶えず「完全」で保存な状態に出来たらその作業が省けます。 ご存知のから、お教え下さい。

  • 完全Webページで保存したけれど・・・

    もう消えてしまったサイトなのですが、それが予測できたので、Webページ(完全)とソースを保存して置きました。 どうにか1ページだけでも、以前ブラウザで見たようにに見る方法はないでしょうか。 よろしくお願いいたします。

  • 社内向けWebページの作成

    HTMLを使って社内向けのWebページを作成します。 その中で、毎日の仕事の案件数がどのくらいあるのかを表示する表 を入れることになっています。(30項目ほどの表です) 毎日ソースを修正せずに済むような方法はありませんか? 件数が多いですし、慣れない人も簡単にできれば一番なんですけど。 (Excelに数字だけ入れてそれをWeb上に読み込めるような感じ) よろしくご教授ください。