goo blog　サービス終了のお知らせ　

田舎から

翻訳用ツール作り始めました

HTML（フレームを使用する）

2019-06-02 14:12:37 | HTML
フレームを使って画面を2分割、左側にインデックス、右側に内容を表示する場合
左にインデックス表示、右に中身表示。左のインデックスのリンクをクリックすると右側の画面が移動する。
-----------------------------------
XXX.htm<!--左右の画面の比率指定-->
  <FRAMESET COLS="20%,80%">
  <FRAME  name="menu" SRC="XXXIndex.htm">
  <FRAME  name="right" SRC="XXXCont.htm">
  </FRAMESET>

-----------------------------------
XXXIndex.htm<!--左画面（インデックス）の内容-->
  <body>
    <p><a href="XXXCont.htm#start" target=right>Ⅰ.はじめに </a></p>
    <p><a href="XXXCont.htm#install" target=right>Ⅱ.インストール</a></p>
    <p><a href="XXXCont.htm#caption" target=right>Ⅲ.画面の説明</a></p>
 
    <p><a href="XXXCont.htm#uninstall" target=right>Ⅴ.アンインストール</p>
    <p><a href="XXXCont.htm#other" target=right>Ⅵ.その他</p>
  </body>
-----------------------------------
XXXCont.htm<!--右画面（中身）の内容-->
<a name="start"></a>Ⅰ.はじめに<br>
...<br>
...<br>
...<br>
<a name="install"></a>Ⅱ.インストール
...
 
HTML Help Workshopでの操作
New Project　Existing FilesのところでHTML filesにチェックを入れ、次へ
作成した3つのファイルをAddする。
 
この場合、XXX.htmを一番先に指定する（リストの一番上にする）
 

HTML Help Workshopメモ（概略）

2016-01-21 15:59:35 | HTML

後

Help作成時のメモ

不具合

1.HTML Help Workshopで画像が表示されないとき

HTML Help Workshop使用時、*.chmファイルが出来ていても画像が表示されない。

原因：HTMLファイルで、それに使う画像のパスが間違っている場合表示されない。

よくわからないが、HTMLソースの画像のパスの先頭に相対パスであることを示す「./」を追加した。

（もしくは絶対パスに変更してもOKみたい）

さらにプロジェクトの作成先をHTMLソースと同じところにした。

（参考）追記

HTML Help WORKSHOPでコンパイル後に表示されるログに

Compile time: 0 minutes, 0 seconds
1 Topic
0 Local links
0 Internet links
3 Graphics <<< ここ

がコンパイルに取り込めなかった画像を表示しているみたい

（0 Graphics となればOK）

 

2.HTML Help Workshopのコンパイルではエラーが出ないがchmファイルを表示させようとしても（ダブルクリックしても）、表示されない

原因：画像のパスに#があったため？

#を他の文字列に変更したらOK

 

①～⑳という全角文字を使っても正常に表示された。

 

作成手順

0.まず、ヘルプ用htmlファイルを作成しておく

1.HTML Help Workshop立ち上げ

2.New->Project OK

3.何もせず[次へ]

4.（プロジェクトファイル名入力）

[Browse]クリック、保存先のフォルダ（変換するhtmlファイルと同じフォルダ）を選び、xxx.hhpファイル名入力

[開く]、[次へ]

5.HTML filesにチェック

6.[次へ]

7.htmlファイル（0項で作成）をAdd

8.[次へ]

9.[完了]

10.[File」->[Compile]

xxx.chmファイルが作成される。（作成するファイル名を変更したい場合は*.hhpファイルの名称を変更するとOK）