- ベストアンサー
ホームページ作成についてアドバイスください
学校でホームページをつくることになりました。 インターネットには公開しないのですがクラスで発表しなければいけません。 僕は何かを作って発表するとかがあまり得意ではありません。 トップページと自己紹介のページを作ったのですがほかにアイデアが浮かびません・・・・・ 作る方法はメモ帳にタグを打ち込んでＨＴＭL形式に保存して作る方法です。 ホームページビルダーなどは使いません。 条件はトップページを含めて１０枚以上のページを作ること、ページをリンクしてあること、画像は２枚以上張ることです。 皆さんのアドバイスがほしいです。よろしくお願いします。
- yasu22222
- お礼率53% (102/189)
- ホームページ作成ソフト
- 回答数15
- ありがとう数23
- みんなの回答 （15）
- 専門家の回答
質問者が選んだベストアンサー
＃14です。回答ですが、方法はあることにはありますが、お勧めはできません。 page-enter以下のタグは「アクティブコンテンツ（株式相場表示、ビデオ、動画など。リンクも含まれます）」と呼ばれるものです。このプログラムは、よくウィルスの配布やアダルトサイトに使われています。なので、ユーザーが承認（自分で安全だと判断し、選択）していない形式でのプログラムを自動で開かないようにできているのです。 もう一つ、表示されてしまう原因があります。それは「マイコンピュータやFD、CDの中にあるアクティブコンテンツ」です。PCは、これがユーザーが承認したものなのか、ウィルスなどが勝手に作り出したものなのかの判断ができません。つまり、危険回避の為、ユーザーに判断を任せているのです。 外す方法ですが、ツール→インターネットオプション→セキュリティ→マイ コンピュータのファイル～にチェックを入れ、適用をクリック。ただし、お使いのPC以外では表示される上、著しくセキュリティレベルが下がってしまい、ウィルスに感染する可能性が高くなります。お使いのPCは学校のものだと思いますが、万一ウィルスに感染した場合、学校にある全てのPCをあなたが弁償しなくてはならなくなります。お勧めできない理由はこれです。お解り頂けたでしょうか。 ところで、この質問は当初の質問とは違うものですね。次回からの質問は、新しい質問として出して下さい。ちゃんと探して答えますから。
その他の回答 (14)
- No_666
- ベストアンサー率64% (20/31)
壁紙について触れるのを忘れていました。壁紙は原色（黒や白、赤など）は避けた方が良いです。ゲームの紹介がメインですので、この回答の右側のように薄い色が見やすくて良いと思います。 素材屋からお借りしてくる場合は、参考ページにリンクを張ると共に、製作者さんに「（どれを、）どこで、何に使うのか」というメール、あるいは掲示板にメッセージを残していって下さい。
お礼
参考になりました。 ありがとうございます！
- No_666
- ベストアンサー率64% (20/31)
＃11です。 ロゴを張り付けるのであれば、どこからその画像を持ってきたのかを説明する必要があります。以前紹介した画像リンク+alt（<a href="http://～"><img src="***.jpg" alt="ゲームタイトル"></a>）を使えば良いかと思います。画像のリンク枠（青色の枠）を外したい場合は、<img src="***.jpg" alt="ゲームタイトル" border=0>にして下さいね。 テーブル内でも画像を張ることはできますが、jpgだと10枚＝1ページ位に押さえた方が良いです（1枚50×50px）。それ以上だと開くのに時間が掛かりますので。
お礼
お久しぶりです。 いつもお世話になります。 また質問なのでしょうがよろしいでしょうか？ ページにジャンプするときに透明になるような特殊効果を入れてみたんですが最初にページを立ち上げる時に「セキュリティ保護のため、コンピュータにアクセスできるアクティブコンテンツは表示されないよう、ＷＥＢブラウザで制限されています。オプションを表示するにはここをクリックしてください」と出ます。他のＷＥＢページだとこのような警告が出ていないのに特殊効果が出ます。このような警告を出さない方法はあるのでしょうか？タグは <html> <head> <meta http-equiv="Page-Enter" content="blendTrans(Duration=0.8)"> <title> トップ </title> </head> <body background="壁紙/kabe5.gif"> <br> <center> <font size=10 color="#99ccff">Welcome to My Homepage!<br></font> </center> <hr><center> <a href = "自己紹介.html"><font size=6 color="#98fb98">自己紹介</font></a><br> <a href = "地元紹介.html"><font size=6 color="#98fb98">地元紹介</a><br> <a href = "おすすめTOP.html"><font size=6 color="98fb98">おすすめ</a><br> <hr> </center> </body> </html> という感じです。 宜しくお願いします
再び登場です(笑) ＞ページの一番上に来てしまいました ただ単にその記述がソースの一番上にあるからでは？ </body>の真上あたりにリンクのタグを移動すれば解決だと思いますが。
お礼
回答ありがとうございます！ 学校で作っているので来週学校でためしてみます！ だめだったばあいタグをはりつけますのでよろしくお願いします
- No_666
- ベストアンサー率64% (20/31)
＃10です。恐らくどこかのタグ記述が間違っているのだと思います。<body>以下のタグをこの回答にコピペして頂けないでしょうか。
お礼
お久しぶりです！ トップの件ですが</table＞をうち忘れていたのが原因でした。 毎度毎度すみませんが質問よろしいでしょうか？ 今順調に進んでいて、ゲームのページを作成する予定です。 大体のページ構図も決まっていて、テーブルを使ってハード別にソフトの感想を１行ていど書いていく感じです。ハード名のところのタグを縦に結合させてソフトは１行ずつテーブルを作成って感じです。 インターネットに公開しないので大丈夫だとは思うんですがハード名の隣あたりにハードのロゴの画像を入れようかなと思っています。 テーブルの中に画像をおくのはできるんでしょうか？ またゲームのページにあう壁紙はどういうものがいいでしょうか？ すみません。よろしくお願いいたします。
- No_666
- ベストアンサー率64% (20/31)
＃9です。マーカーを利用しましょう。タグは2つ。<a name="マーカー名"></a>と<a href="ページ名.html#マーカー名"></a>です。マーカーとは、1ページが長い場合、あるいはそのページの一番上に戻したい時などに使用するタグです。今回のように特定の部分にジャンプする時にも使います。 使い方は、まずtopページに<a name="マーカー名"></a>を入れます。今回は左下、ということですので、各コンテンツへのリンクの一番下に<a name="back">このwebへのリンクはhttp://～</a>としておくと良いと思います。 次に、自己紹介のページの「戻る」リンクを<a href="ページ名#マーカー名"></a>に置き換えます。今回は<a href="top.html#back">戻る</a>になります。これで、topページの「このweb～」がほぼ一番上に表示されるリンクの出来上がりです。ほぼ、というのは、ページの長さによるためです。ページの一番最後の行にマーカーを付けると、ページの一番下（縦スクロールバーが一番下にある状態）から上を表示します。 同一ページ内で移動したい場合は<a href="#マーカー名">ページの先頭に戻る</a>です。ページの一番上の文字にマーカーを張るのを忘れずに。
お礼
回答ありがとうございます。 解説してくださったのにすみませんが説明が足りませんでした。 自己紹介ページを作ってページの左下に「トップに戻る」と表示させたいんですけど、なせが自己紹介ページの一番上に「トップに戻る」と表示されてしまうんです。 トップに戻るというのは自己紹介のページのトップにもどるのではなく、ホームページのトップに戻るという意味です。 説明が足りなくてすみません。申し訳ありませんがよろしくお願いします。
- No_666
- ベストアンサー率64% (20/31)
＃8です。レイアウトにテーブルを使ってみてはいかがでしょうか。 <div align="center"> <h1>映画のタイトル</h> <table> <tr> <td width=300> +製作年、監督・主演俳優名 +公式webへのリンク </td> <td width=400> +映画の説明 +お勧め理由、見所など </td> </tr> </table> </div> テーブルは中央揃えになっています。解除（左揃え）したい場合は<div></div>を削除して下さい。centerをrightに変えると右揃えになります。#以下の英数字は適宜変更して下さい。お勧めの色見本サイトはhttp://colordic.orgです。
お礼
回答ありがとうございます！ テーブルを利用したいと思います！！ 今日自己紹介のページを作りました。 質問なのですがトップに戻るを作ったんですが、ページの一番上に来てしまいました。 左下に表示させたいんですけどどうやればいいんでしょうか？
- No_666
- ベストアンサー率64% (20/31)
＃7です。ほぼ画像と同じです。違う所はリンクを張るか張らないかですね。 まず、<img src="***.jpg">までは画像と同じです。拡張子はjpgの他、pngやgifがあります。画像に対応した拡張子に書き換えて下さい。これにリンクを張ります。 <a href="http://～"><img src="***.jpg"></a> これで画像リンクの完成です。アドレスはhttpから入力（アドレスバーをコピーした方が確実ですが）しないとリンク先が表示されません。 最後にちょっとしたコツを。 <a href="http://～" style="text-decoration:none;"> リンクの下線が消えます。 <img src="***.jpg" alt="***の説明"> altは画像にカーソルを合わせると上に説明文が表示されるタグです。画像が上手く表示されなかった場合を考慮して、その画像の説明文を書いておくと良いと思います。
お礼
返事が遅れました。 回答ありがとうございます。 あつかましいようですみませんが、漫画やゲームのレビューにおすすめなタグは何でしょうか？ 画像は張らない予定なんです。 紹介文は１行か２行程度で済まそうと思います。
- No_666
- ベストアンサー率64% (20/31)
＃4です。＃5さんへのご回答に補足です。10ページとはいっても、トップページから9つリンクを張る必要はありません。最低限トップページに必要なリンクは4つです。 自己紹介 地元紹介 お勧め リンク 地元紹介では恐らく画像をお使いになると思いますが、1ページに3枚以上使うと開きにくくなります。画像を4つ用意し、2ページ使いましょう。1ページ目に「次へ」とリンクを張っておけばこれで5ページ目の完成です。2ページ目に「前へ」「トップに戻る」のリンクを張るのを忘れずに。 お勧めのページも目次スタイルにしてしまいましょう。それぞれ制作会社などの公式webページのリンクを張っておけば完璧です。 邦画 洋画 ゲーム 漫画 この時点で合計9ページになりますね。地元紹介の要領でページの増産も可能です。 最後にリンクページを作ります。参考にした教科書や本、webページ、画像をお借りした場合は拝借先のwebページを紹介します。それから、お勧めページで紹介した作品のアドレスをもう一度紹介します。これは著作権への配慮です。 これで最低限の10ページは確保できました。いかがでしょう？
お礼
回答ありがとうございます！ リンクはきずきませんでした。 参考になります。 タグを紹介してるＨＰを見てみるとリンクを張りつける場合バナーを張るように書いてありましたがこれは写真を張り付けるのと同じ要領でいいんですか？
フェイバリットは「お気に入り」ってことです。 あと１ページですか…さすがにこれ以上はご自分でお願いします(笑)
お礼
お世話になりました！ ありがとうございます！がんばります！
＃１です。 ＃４さんへのお礼を受けて、お節介ですが簡単にサイトの構成を提案します。 ・トップ 自己紹介、地元紹介、おすすめ＆フェイバリット(仮)へのリンクあり。 ・自己紹介 地元紹介、おすすめ＆フェイバリットへのリンクあり ・地元紹介 写真を載せる ・おすすめ＆フェイバリットTOP ゲーム編、マンガ編、映画編へのリンクあり ・おすすめ(ゲーム編) ・おすすめ(マンガ編) ・おすすめ(映画編編) ７ページもできましたよ(笑)
お礼
回答ありがとうございます！！ おせっかいなんてとんでもないです！ ありがたいです！ 残りのページを埋める方法を考えたんですけど、ちょっとせこいかもしれませんが、映画のページを邦画と洋画にわけて、ゲームのページをハードとソフトに分けるとあと１ページになるんですが、何を作ればいいと思いますでしょうか？アドバイスいただけたら嬉しいです。 あとしつもんなんですがフェイバリットってどういう意味なのですか？
- 1
- 2
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
わかりました！ありがとうございました！