オフラインで観覧出来るhtmlファイルの作り方を教えてください。


最終的にZIP圧縮して、他のパソコンに入れて解凍すればすぐ見れる状態にしたいです。


一応、普通にホームページを作ってアップロードすることは出来ます。

画像・他ページへのリンク指定の仕方、フォルダ分けのコツなど、わかりやすく教えて頂けると助かります。


ポイントは内容に応じて分配します。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/07/03 20:41:38
  • 終了:2006/07/04 03:44:02

回答(5件)

id:MOKEI No.1

MOKEI回答回数312ベストアンサー獲得回数132006/07/03 20:46:08

ポイント15pt

同じフォルダ内の階層で、日本語ファイル名を使わずに作っていけばOKデス。

あとは、

画像はimageとかでわけていって、一番上のディレクトリを圧縮すればOK。です。

http://yahoo.co.jp


hatena

index.html

  • image
  • bigimage
  • lha
  • zip

など

id:rurunta No.2

rurunta回答回数53ベストアンサー獲得回数52006/07/03 21:02:27

ポイント6pt

http://www.atmarkit.co.jp/fwin2k/win2ktips/104ie_pgarc/104ie_pga...

インターネットエクスプローラーを使用しているなら

名前を付けて保存→単一のファイル(*.mht)を選択し保存

以上で現在表示しているページが1つのファイルにまとまります。

これであればフォルダ構成とか気にしないでいいので持ち運びも楽です。

ただ、複数のページをまたぐような場合は使えないので対象が1ページのみであればおすすめです。

id:shak No.3

shak回答回数84ベストアンサー獲得回数22006/07/03 22:09:52

ポイント54pt

オフラインでやる際には、以下のことに気をつければよいかと思います。

・リンクの貼り方

圧縮フォルダ内のコンテンツへのリンクは、相対パス(参考:http://hp.xrea.jp/z/link.html)で全て記述することをお勧めします。

そして、

パスの頭にスラッシュ(/)を入れないでおいてください。

何故かと言うと、パスの頭にスラッシュを入れることで、ルートディレクトリ(WindowsでいえばC:\や、D:\等)へのリンクとなってしまうためです。

"../"等は大丈夫です。とにかく、頭に入れなければ良いです。

そして、外部サイトへのリンクは、絶対パス(http://~/のタイプ)で記述すればよいと思います。

・ファイル名/フォルダ名

最近のブラウザは日本語ファイル名に対応しているのがほとんどなので、ファイル名は日本語で記述しても構いませんが、古いブラウザでは読めないことがあるので、なるべく英数字のみのファイル名にすることをお勧めします。

・フォルダ構成

これは、ウェブと同様で構わないと思います。

・ちなみに

PC内のファイルとしてのHTMLを閲覧していて、画像のパスが外部のhttp://~のものであっても、インターネットにつながっていれば表示することが出来ます。

結局、オフラインのHTMLの作成方法はオンラインのそれと大差ありません。

一番注意して欲しいことは、最初にあげたリンクの記述くらいです。

それでは、頑張ってください!

id:komap2

ありがとうございます。

非常にわかりやすく、大変参考になりました。

2006/07/04 00:00:33
id:sibazyun No.4

sibazyun回答回数1759ベストアンサー獲得回数2372006/07/04 01:24:14

ポイント15pt

つくり方は1番、3番の方であらかたよいと思います。もしこれが、多数の、あまりパソコンに詳しくない(自分でウェブサイトを作ったりしない)方にCD-Rなどで手渡す際の老婆心からの注意です。

・トップページの入っているフォルダには、htmlはトップページのみを入れておく。そして、他のhtmlファイルや画像ファイルはサブフォルダに入れておく。これは、解凍した人が自然に、トップページのみをあけるようにするため。

・また、トップページの名前もindex.htmlでなくて、(日本語で)「これをクリック.html」とか、日本語ファイル名が心配なら kore-o-akeru.html とか click-this.html としておく。

http://q.hatena.ne.jp/1151926895

id:komap2

なるほど、たしかにトップページは別にしておいたほうがわかりやすくていいですね。

ありがとうございます。

2006/07/04 01:48:03

質問者が未読の回答一覧

 回答者回答受取ベストアンサー回答時間
1 yocchan731 119 106 14 2006-07-03 21:36:16

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません