複数のファイルを１つにまとめたい

締切済

質問者：intrayh
質問日時：2008/08/21 22:19
回答数：7件

HTML初心者です

基本的には
headやbodyなどのファイルがありますよね
画像などを入れた際には、関係するフォルダはあっというまに
たくさんの画像やファイルになっていくとおもいます。

それぞれのファイルや画像などを１つのファイルだけで管理することは可能なのでしょうか？　

希望としては画面側に項目などがあり、クリックすると右側に詳細が反映されるのがベストだと考えております。

それはHTMLで可能なのでしょうか
違うとしたら何のコードを学べばよいのでしょうか？

また、参考になるサイトなどあれば助かります。
よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (7件)

最新から表示
回答順に表示

No.7

回答者： edp3142
回答日時：2008/09/08 13:05

>なぜ、１ファイルかというと、作成したデータを友人に渡すからです。

>たくさんファイルがあって壊されたら意味がありません。

>ソースを読むことができない友人なので、完成したHTMLのファイルが
１つだけあれば助かるのです。

>ネット公開する予定もありません。

以上からすると、ご自分で作成されたページを IE で表示し、IEの .mht ファイルとして別途保存、.mht ファイルをお渡ししてはどうでしょうか？
(「ファイル」→「名前を付けて保存」→ファイルの種類で「Webアーカイブ、単一のファイル」を選択)
IE 限定になりますが、1ファイルにパッケージングされます。

見当違いでしたら無視してください。

- 0
- 件

通報する

No.6

回答者： reverie013
回答日時：2008/09/08 12:41

ファイルが壊れる＞これに関しては、1つのファイルサイズが大きい方が

転送の際に壊れやすいのではないでしょうか？
しかしまあ、ご友人はあまり知識が無いとのことですので、
ファイルを置く場所などやファイル名の変更などによるトラブルを防ぐ
という意味では1つにまとめる利点はあるかもしれませんね。

フレーム＞フレームを使用するとなると最低でも2ファイル(iframe時)、
通常は3ファイル以上必要となります。
1つのファイルにされたいのでしたらフレームのことは一度お忘れ下さい。

以下にやり方のヒントを乗せますが、
具体的にこちらで実証をしていませんので不具合等あるかもしれません。
そして、詳しい記述方法はご自分でネットなどで調べて頂く形になります。
ご了承下さい。
お調べ頂いた後でしたら追加の質問をお受けいたします。
私に分かる範囲でしたらお教えいたします。

【HTML+CSSのみ】
・メニュー部分と内容部分をそれぞれ<div></div>等で1つずつのボックスにします。
・ボックスの位置や大きさを調整、固定などし、スクロールはオートまたは表示されるようにします。
(そうしないとボックス範囲外にはみ出す内容が見られない、
見えていても見難くなるため)
・内容側にはメニュー項目それぞれに該当するものを全て書き連ね、
それぞれの頭に名前をつけます。
・メニューのリンクで内容の名前を参照します。
※ページ内リンク、ページ内ジャンプ、html nameなどで検索してみてください。
※css ボックスなどで検索してみてください。

【HTML+JavaScriptを使用/見た目の調整はCSSで】
・上記CSSと同様に、表示される領域をボックスで作ります。
・<script language="JavaScript"></script>内に配列を使用して
内容をそれぞれ書きます。
・メニュー項目それぞれ、onmouseover又はonclickで各内容の配列を参照します。
※innerHTMLで検索してみてください。

以上です。
2通り方法を挙げました。他にもやり方があるかもしれませんが、
私が思いつくのはこれくらいです。
良かったら調べて試してみてください。

- 0
- 件

通報する

No.5

回答者： reverie013
回答日時：2008/09/05 15:50

はじめまして。

質問者様のなされたいことがいまいち理解できませんでしたので検討外れの回答でしたら申し訳ありません。

---質問者様がされたいこと---
・左にメニュー、右に内容という構成のページが作りたい
・フレームのように複数のファイルではなく、1つのファイルで上記を実現したい
---以上---

ということでしょうか？

いくつか方法はあると思いますが、
CSSやJavaScriptfで可能だと思います。

本来ならばCSSやJavascriptは別ファイルにした方が管理がしやすいと思いますが、
HTML内に記述することも可能です。
※ただし、当然1つのファイルの中身が膨大になります。

このようなことでよければ、いくつか方法を提示させて頂きますので仰ってください。

この回答への補足

>---質問者様がされたいこと---
>・左にメニュー、右に内容という構成のページが作りたい
>・フレームのように複数のファイルではなく、1つのファイルで上記を>実現したい
>---以上---

そのとおりでございます。

先日、CSSの本を買って実験的にHPを作成しました。
問題ありませんでしたが、
希望はファイル１つのフレームです。

希望が１ファイルですので容量や管理に関しては気にしていません。

なぜ、１ファイルかというと、作成したデータを友人に渡すからです。
たくさんファイルがあって壊されたら意味がありません。

ソースを読むことができない友人なので、完成したHTMLのファイルが
１つだけあれば助かるのです。

ネット公開する予定もありません。

どうしたらいいでしょうか？

補足日時：2008/09/05 22:23

通報する

- 0
- 件

通報する

No.4

回答者： noname#77303
回答日時：2008/08/25 22:30

補足を読ませてもらいました。

少なくとも、ＨＴＭＬ１つでホームページの全ファイルを管理する事は出来ません。
「Flash」というソフトは、絵からゲーム、映像まで作れる便利なソフトで、これを使うと画像や文章を１つのファイルにまとめる事が出来ますが、これは技術を習得するのに長い時間がかかりますし、ムービーですから、ファイルサイズもＨＴＭＬよりも大きく上回るでしょう。
従って、オススメする事は出来ません。
１つのファイルで管理しようとするのは、あまり効率的ではないと思います。

この回答への補足

仕事の関係でパソコンの基礎的なものをHTMLで作成して会社のパソコンに保存しておこうと考えております。（了承済）

ファイルがいくつかあっても邪魔なので１つにしたいと思っています。

Flashですか？　基本は画像や動画など必要なく動く画像も必要としておりません。

Flashを習得しようとは考えておりませんが、ひな形的なページができたらと考えております。

なにか参考になりそうなサイトなどあれば教えていただけませんか？

またFlashの他にもおすすめなのがありましたらご教授お願いします。

補足日時：2008/08/26 04:44

通報する

- 0
- 件

通報する

No.3

回答者： noname#77303
回答日時：2008/08/25 13:01

＞希望としては・・・（後略）

の文を読む限り、フレームを使ったホームページを作りたいのですね。
それは、ＨＴＭＬだけで十分可能な事です。

用意するのは３つのＨＴＭＬファイルです。
１　左側に表示するＨＴＭＬファイル
２　右側に表示するＨＴＭＬファイル
３　まとめて表示するファイル（必須）

１と２については、質問の範囲ではないので自力でやって頂かなくてはなりません。
必要なのは、３です。これがなければフレームにはなりません。

要点だけを書きます。
日本語の部分などは、それぞれ置き換えてください。

<html>
<head>
</head>
<body>
<frameset cols="右側フレームの幅,*">
<frame name="left" src="左に表示したいＨＴＭＬファイル">
<frame name="right" src="右に表示したいＨＴＭＬファイル">
</frameset>
</body>
</html>

colsというのは、横に分割すると言う事です。
その後の、*は特に指定しないと言う事です。
つまり、右側フレーム幅以外が左側フレーム幅になります。
name="left"、name="right"というのは、後で書きます。

＞左側のリンクをクリックすると右側に詳細が反映されるのがベスト・・・
左側のファイルにこのように記述します。
<a href="反映させたいファイル" target="right">メニュー</a>

上で右側のフレームに、name="right"と書きました。
そこに表示させたいので、target="right"と書きます。

この２つの名前が一致している事が重要です。

最後に、知りたいのがフレームについてでは無かったら、ごめんなさい＾＾；

参考URL：http://heo.jp/tag/page/frame.html

この回答への補足

詳しい詳細ありがとうございます。

＞用意するのは３つのＨＴＭＬファイルです。
＞１　左側に表示するＨＴＭＬファイル
＞２　右側に表示するＨＴＭＬファイル
＞３　まとめて表示するファイル（必須）

とのことですが、これら３つのファイルを１つで管理したいのです。
１つのファイル内でフレームをつくりたいのです。

HTMLだけで可能ならやってみたいのですが・・・

補足日時：2008/08/25 21:06

通報する

- 0
- 件

通報する

No.2

回答者： M-SOFT#2
回答日時：2008/08/22 15:57

こんにちは。

いまいち意味が？ですが、ホームページビルダー等のホームページ作成ソフトを使うのがいいような気がします。

この回答への補足

説明が下手なのですが、
画像の件は抜きにして、

<html>
<head>
<title>初めてのHTML</title>
</head>
<body>
<font size="2">ホームページ作成</font>
</body>
</html>

↑を書くと１つのファイルですが
フレームをつくるともう１つのファイルになると思います。

このフレームファイルが不要なので１つのファイルに
フレームを入れてきちんと表示することが可能なのでしょうか？

疑似フレームやらCSSフレームなどの言葉になるのでしょうか？

補足日時：2008/08/23 01:58

通報する

- 0
- 件

通報する

No.1

回答者： trueblack
回答日時：2008/08/21 23:16

headやbodyなどのファイルとは

headタグやbodyダグという意味でしょうか？

関係するフォルダとは画像用のフォルダ？

画像ファイルやＨＴＭＬファイルを一つの
ソフトで管理したいということでしょうか？

質問の意味がちょっとよくわかりません…

この回答への補足

説明不足になってしまい申し訳ございませんでした

headタグではなく、タイトルを上部にフレームにした場合のタイトルファイルです。
bodyタグではなく、記事などを書くページのファイルのことです

画像は中止にします

それぞれのフレームファイルとbodyタグなどを書いているメインファイルを１つのファイルで仕上げたいと思うのですが
何の言語で書いていいのかわかりません。

画面の左に項目、右に詳細とした場合、ファイルにどのようなタグをいれたらフレームのようになるのでしょうか？

よろしくお願いします

補足日時：2008/08/23 02:29

通報する