<?xml version="1.0" encoding="utf-8"?>
<Book>
    <BookTitle>HTML文書作成ツール「イカル」</BookTitle>
    <VariableName>
        <BookTitleVariableName>文書タイトル</BookTitleVariableName>
        <PageTitleVariableName>ページタイトル</PageTitleVariableName>
        <ContentsVariableName>ページ内容</ContentsVariableName>
        <BookIndexVariableName>文書目次</BookIndexVariableName>
        <PartialIndexVariableName>部分目次</PartialIndexVariableName>
        <PageIndexVariableName>ページ目次</PageIndexVariableName>
    </VariableName>
    <Variables>
        <Variable>
            <Name>ToPageTop</Name>
            <Value>&lt;div class="topagetop" &gt;
&lt;span&gt;↑&lt;/span&gt;
&lt;a href="#TopOfPage"&gt;
このページのトップへ
&lt;/a&gt;
&lt;/div&gt;</Value>
        </Variable>
        <Variable>
            <Name>キーワード</Name>
            <Value>アウトラインプロセッサ HTML生成 PDF作成 マニュアル作成 フリーソフト</Value>
        </Variable>
        <Variable>
            <Name>コメント</Name>
            <Value>イカルはHTMLファイルを生成できるフリーソフトのアウトラインプロセッサです</Value>
        </Variable>
        <Variable>
            <Name>概要</Name>
            <Value>イカルはアウトラインプロセッサによるHTML文書を作成するソフトウェアです</Value>
        </Variable>
    </Variables>
    <Purposes>
        <Purpose>
            <PurposeName>マニュアル</PurposeName>
            <TemplateName>template_manual.html</TemplateName>
            <OutputFolder>manual</OutputFolder>
            <Extention>html</Extention>
            <WebSiteUrl />
            <SaveRelative>True</SaveRelative>
            <FtpHostAddress />
            <FtpRemoteFolder />
            <FtpUserName />
            <FtpPassword>5npw19ErNo0=</FtpPassword>
            <FtpPassiveMode>False</FtpPassiveMode>
            <CreateWithUpload>False</CreateWithUpload>
        </Purpose>
        <Purpose>
            <PurposeName>WEB</PurposeName>
            <TemplateName>template_webmanual.html</TemplateName>
            <OutputFolder>Web\manual</OutputFolder>
            <Extention>html</Extention>
            <WebSiteUrl>http://eternal.boy.jp</WebSiteUrl>
            <SaveRelative>True</SaveRelative>
            <FtpHostAddress>ftp://ftp.eternal.boy.jp/</FtpHostAddress>
            <FtpRemoteFolder>/manual/ikaru</FtpRemoteFolder>
            <FtpUserName>boy.jp-eternal</FtpUserName>
            <FtpPassword>k6zfDKpFh7s=</FtpPassword>
            <FtpPassiveMode>True</FtpPassiveMode>
            <CreateWithUpload>False</CreateWithUpload>
        </Purpose>
        <SelectedPurposeIndex>1</SelectedPurposeIndex>
    </Purposes>
    <Pages>
        <Page>
            <PageTitle>イカルとは</PageTitle>
            <OutputFileName>index</OutputFileName>
            <Paragraph>イカルとは<Paragraph>「イカル」とは、多ページのHTML文書を体系的に効率よく作成するためのアウトラインプロセッサです。
HTMLに詳しくない人のための、また文書作成に専念したい人のためのツールです。
HTMLのタグを使用しなくても複数ページのHTML文書が効率よく作成できることを目的としています。
また通常のWEBページを作成することもできます。</Paragraph><Paragraph>イカルの特徴<Paragraph Type="ulist"><Paragraph>1つの文書ファイルは複数のページより構成され、1つのページより1つのHTMLファイルが生成されます。</Paragraph><Paragraph>文書は複数のページにより階層的に構成され、ページの階層的な関係はいつでも自由に変更できます。</Paragraph><Paragraph>１つのページは複数の段落という単位で構成され、段落の階層的な関係はいつでも自由に変更できます。</Paragraph><Paragraph>HTMLテンプレートが使用できます。テンプレートを変えることにより出力されるHTMLをデザインすることができます。</Paragraph><Paragraph>テンプレートはWEBで配布されているものを利用したり、HTMLエディタで簡単に作ることができます。</Paragraph><Paragraph>1つの文書にWEB用や社内用など複数の目的を設定し、目的別に異なるテンプレートや出力先を切り替えてHTMLファイルを生成することができます。</Paragraph><Paragraph>文書のページをタブ区切りテキストファイルよりインポートすることができます。</Paragraph><Paragraph>画像の挿入がダイアログで簡単にできます。</Paragraph><Paragraph>文書内やページ内へのリンクの挿入がダイアログで簡単にできます。</Paragraph><Paragraph>文書目次やページ目次の挿入がダイアログで簡単にできます。</Paragraph><Paragraph>変数を用いて文書作成を簡素化することができます。</Paragraph><Paragraph>ページごとの無制限のUNDOができます。</Paragraph><Paragraph>他の文書または文書内でページ単位や段落単位で切り貼りができます。</Paragraph><Paragraph>文字列または正規表現で検索と置換を行うことができます。</Paragraph><Paragraph>HTML生成時に自動的にWEBにアップロードすることができます。</Paragraph></Paragraph></Paragraph><Paragraph>このマニュアルはHTML文書作成アウトラインプロセッサ「イカル」を使って作りました。</Paragraph></Paragraph>
        </Page>
        <Page>
            <PageTitle>インストールと起動</PageTitle>
            <OutputFileName>install</OutputFileName>
            <Paragraph>インストールと起動<Paragraph>[ページ目次]</Paragraph><Paragraph ID="obtain">プログラムの入手<Paragraph>下記のアドレスより最新版のプログラムをダウンロードできます。
&lt;a href="https://maplesoft.jp/download.html"&gt;https://maplesoft.jp/download.html&lt;/a&gt;</Paragraph></Paragraph><Paragraph ID="environ">動作環境<Paragraph>当プログラムを動作させるには次の環境が必要です。</Paragraph><Paragraph Type="ntable"><Paragraph>OS<Paragraph>Windows 10
Windows 8.1
Windows 8
Windows 7 SP1
Windows Vista SP2</Paragraph></Paragraph><Paragraph>CPU<Paragraph>32BIT 64BIT</Paragraph></Paragraph><Paragraph>.NET Framework<Paragraph>4.5以上</Paragraph></Paragraph></Paragraph></Paragraph><Paragraph ID="install">インストール<Paragraph>ダウンロードしたzipファイルを適当なところに展開して下さい。
展開してできたフォルダーの中は次のようになっています。</Paragraph><Paragraph Type="ntable"><Paragraph>ikaru.exe<Paragraph Style="2x1">「イカル」のプログラムです。単体でも利用できます。</Paragraph></Paragraph><Paragraph Style="1x9">Dataフォルダ<Paragraph Style="2x1">サンプル文書、サンプルテンプレートおよび「イカル」のマニュアルが入っているフォルダです。</Paragraph></Paragraph><Paragraph>野鳥観察.book<Paragraph>「はじめてのイカル」で使用した簡単なサンプル文書ファイルです。</Paragraph></Paragraph><Paragraph>マニュアル.book<Paragraph>このマニュアルの文書ファイルです。</Paragraph></Paragraph><Paragraph>template_manual.html<Paragraph>マニュアル.bookで使用するソフトウェア添付用HTMLファイル生成のためのテンプレートです。</Paragraph></Paragraph><Paragraph>template_webmanual.html<Paragraph>マニュアル.bookで使用するWebサイト用HTMLファイル生成のためのテンプレートです。</Paragraph></Paragraph><Paragraph>style.css<Paragraph>マニュアル.bookで生成するソフトウェア添付用HTMLファイル用のスタイルシートです。</Paragraph></Paragraph><Paragraph>birdwatchフォルダ<Paragraph>野鳥観察.bookでのHTMLファイルの生成先フォルダです。</Paragraph></Paragraph><Paragraph>manualフォルダ<Paragraph>マニュアル.bookでのソフトウェア添付用HTMLファイルの生成先フォルダです。</Paragraph></Paragraph><Paragraph>weblフォルダ<Paragraph>マニュアル.bookでのWebサイト用HTMLファイルの生成先フォルダです。</Paragraph></Paragraph></Paragraph></Paragraph><Paragraph ID="startup">起動方法<Paragraph>「イカル」を起動するには、インストールフォルダ内のikaru.exeを右クリックしてコンテキストメニューから「開く」を選択するか、ikaru.exeをダブルクリックして開きます。
またスタートにピン止めする、タスクバーにピン止めする、ディスクトップにショートカットを作成するなどにより簡単に起動するようにもできます。</Paragraph></Paragraph><Paragraph ID="uninstall">アンインストール<Paragraph>インストールフォルダーごと削除して下さい。</Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph>
        </Page>
        <Page>
            <PageTitle>初めてのイカル</PageTitle>
            <OutputFileName>guidance</OutputFileName>
            <Paragraph>初めてのイカル<Paragraph>HTML作成アウトラインプロセッサ「イカル」を用いて簡単なHTMLファイルを作りましょう。
「イカル」の1つの文書ファイルより複数べーどのHTMLファイルを生成することができます。
ここでは複数のページから構成される「野鳥観察マニュアル」を例に説明します。</Paragraph><Paragraph>[ページ目次]</Paragraph><Paragraph ID="first">さあ始めよう<Paragraph>「イカル」を用いてHTMLファイルを作成するまでの流れは次の通りです。
「イカル」の1つの文書ファイルは複数のページから構成されます。1つのページが1つのHTMLファイルに変換されます。
文書を構成する複数のページは階層的な親子関係にすることができます。
また1つのページは複数の段落より構成され、段落もまた階層的な親子関係にすることができます。</Paragraph><Paragraph>① 開始<Paragraph>「イカル」を開きます。</Paragraph></Paragraph><Paragraph>② 新規文書作成<Paragraph>メインメニューの「ファイル」より「新規作成」選択します。新規作成ダイアログが開きます。
&lt;img src="img2/newfiledialog.png"&gt;
まず最初に文書のタイトルを入力します。
使用テンプレートは取り合えず設定しないままで結構です。
生成先フォルダは入力した文書をHTMLとして出力するときのフォルダを右のボタンより指定します。
文書ファイル名は新規作成する文書ファイルの保存先とファイル名を右のボタンより指定します。</Paragraph><Paragraph>文書タイトル名<Paragraph>文書のタイトルを「野鳥観察」と入力します。</Paragraph></Paragraph><Paragraph>文書目的名<Paragraph>当システムは、一つの文書をWeb用、製品添付マニュアル用、印刷用など、複数の目的毎に異なる形式でHTMLを生成することができます。
ここでは最初の目的とする目的名を設定します。目的名はWeb、マニュアルなど簡潔な名前にして下さい。
ここではとりあえず「マニュアル」と入力します。</Paragraph></Paragraph><Paragraph>使用テンプレート<Paragraph>テンプレートとはHTML生成時の型となるファイルです。文書目的に応じたテンプレートを使用します。
ここでは取り合えず設定しないままで結構です。
設定しなければデフォルトのテンプレートが使用されます。
選択する場合は、右のボタンよりファイルダイアログを開いて選択します。</Paragraph></Paragraph><Paragraph>生成先フォルダ<Paragraph>生成先フォルダは入力したイカル文書をHTMLファイルに変換して出力するときのフォルダです。
複数の文書目的がある場合は文書目的により異なる生成先フォルダーを設定できます。
右のボタンよりファイルダイアログを開いて選択します。
適当なところにフォルダbirdwatchを作り選択して下さい。
&lt;b&gt;(注意)&lt;/b&gt;
インストールフォルダ内にサンプルとしての野鳥観察.book用の生成先フォルダbirdwatchがありますので上書きしないよう別の場所に作成して下さい。</Paragraph></Paragraph><Paragraph>既定の拡張子<Paragraph>既定の拡張子は入力した文書をHTMLファイルに変換する場合の既定のファイル拡張子です。
後述の個々の出力ファイルに拡張子が指定されていない場合の拡張子となります。
文書目的に応じた拡張子を設定します。
ここでは既定のhtmlのままにします。</Paragraph></Paragraph><Paragraph>文書ファイル名<Paragraph>新規作成する文書ファイルの保存先とファイル名を設定します。
右のボタンよりファイルダイアログを開いて選択します。
「野鳥観察.book」とします。
&lt;b&gt;(注意)&lt;/b&gt;
インストールフォルダにサンプルとしての野鳥観察.bookがありますので上書きしないように注意して下さい。</Paragraph></Paragraph><Paragraph>設定したら「作成」ボタンを押して下さい。
文書タイトルの付いた新しい文書が作成されます。
新しい文書には最初の新しいページが自動で作られ、次のような編集画面が表示されます。
&lt;img src="img2/step1.png"&gt;
左側の領域には文書タイトル「野鳥観察」とその下に「新しいページ」が表示され、文書タイトルが選択された状態になります。
左側の領域で文書タイトルが選択されると、右側の領域の最上位には青に白抜きで文書タイトル「野鳥観察」が表示されます。
この右側の領域で直接文書タイトルを編集することもできます。</Paragraph></Paragraph><Paragraph>③ 最初のページの作成<Paragraph>最初のページは文書作成時に自動的につくられます。
左側にある「新しいページ」をクリックして選択すると、右側の領域の最上位に茶色に白抜きで「新しいページ」と表示されます。
これがページタイトルとなります。
&lt;img src="img2/step2.png"&gt;
右側の領域でページタイトルをクリックするページタイトルを編集できるようになります。
「野鳥観察とは」とページタイトルを入力して下さい。入力したページタイトルは左側の領域に反映されます。
&lt;img src="img2/step3.png"&gt;
ページタイトルは主にHTMLでのtitleタグに使用され通常はブラウザでは表示されません。</Paragraph></Paragraph><Paragraph>④ ページの追加<Paragraph>文書を作る場合、ページの内容を後回しにして、とりあえずページの構成を考えて、文章を構成するページを追加しておくことができます。
左側の領域を右クリックしてコンテキストメニューを表示して「同列上に追加」「同列下に追加」「子に追加」などでページを追加します。
これらの機能は上にあるツールバーのボタンでもできます。
「同列に追加」とは１章と2章のように同じ階層で追加することです。
「子に追加」とは1章と１節のように親子関係で追加することです。
「イカル」では多層の親子関係のページ構成が可能です。
下図を参考にページを追加し、③と同様にページタイトルをを設定しましょう。
&lt;img src="img2/step4.png"&gt;
ページの構成はで後で追加したり、コンテキストメニューやツールバーので上下左右に移動したりできますので気楽に行ってください。</Paragraph></Paragraph><Paragraph>⑤ ページ内容の編集<Paragraph>ページの構成ができましたら各々のページの内容を編集しましょう。
左側のページタイトルをクリックすると、右側に選択したページが表示されます。
左側の「野鳥観察とは」をクリックします。
&lt;img src="img2/step5.png"&gt;
まだページにはページタイトルしか設定されていません。
1つのページは複数の段落という部分で構成されています。
ページ内の段落は階層的な関係にすることができます。
これらの段落を左側のページタイトルの下に記述することによりページ内容を編集します。</Paragraph></Paragraph><Paragraph>⑥ 段落の追加<Paragraph>ページタイトルの下に&lt;img src="icon/add.png"&gt;が一つ表示されています。
これを押すと、最初の段落が追加されます。
&lt;img src="img2/step6.png"&gt;
この段落はこのページの最上位の段落となります。最上位の段落を複数作ることも可能です。</Paragraph><Paragraph>段落が追加されると、最後の段落の下に&lt;img src="icon/add.png"&gt;が複数表示されます。
これらのいづれかを押すと新しい段落が作られますが、押す&lt;img src="icon/add.png"&gt;の位置により段落の階層関係が決まります。
1番右の&lt;img src="icon/add.png"&gt;を押すと上の段落の子となる段落が追加されます。このとき上の段落は自動的に見出しとなります。
右から２番目の&lt;img src="icon/add.png"&gt;を押すと上の段落と同じ階層の段落が追加されます。
右から３番目の&lt;img src="icon/add.png"&gt;を押すと上の段落の上の階層と同じ階層の段落が追加されます。
右から４番目の&lt;img src="icon/add.png"&gt;を押すと上の段落の上の階層の上の階層と同じ階層の段落が追加されます。
&lt;img src="img2/step7.png"&gt;
子の階層を持つ段落は水色の背景になります。この段落は通常は見出しになります。
コンテキストメニューやツールバーを用いて段落を挿入したり、位置や親子関係をいつでも変更できます。</Paragraph></Paragraph><Paragraph>⑦ ページテキストの編集<Paragraph>段落のテキストを入力編集します。
段落内をクリックすると背景が黄色に変わります。この状態でテキストが入力できます。
別の段落をクリックするとクリックした段落の入力に代わります。
&lt;img src="img2/step8.png"&gt;
上図を参考に各段落のテキストを入力してページを編集して下さい。
段落の深さによりページ内の文章が構成され、水色の段落は位置により自動的に大見出し、中見出し、小見出しなどになります。</Paragraph></Paragraph><Paragraph>⑧ HTML作成の準備<Paragraph>ページが完成したらさっそくHTMLに変換してみましょう。
右側の各項目毎にHTMLファイルに変換されます。
HTMLファイルに変換するには予めページ毎に生成するファイル名を設定しておく必要があります。
左側領域よりHTMLに変換したいページを右クリックし、コンテキストメニューより「ページのプロパティ」を実行します。
ここではページ「野鳥観察とは」を右クリックして、このページに対するプロパティを設定します。
&lt;img src="img2/step9.png"&gt;
ページタイトルは既に「野鳥観察とは」と設定されていますが、ここで変更することもできます。
生成ファイル名は選択したページよりHTMLファイルを生成するときのファイル名を設定します。
ここではbirdwatchと設定します。拡張子は省略できます。
「登録」をクリックしてダイアログを閉じます。</Paragraph></Paragraph><Paragraph>⑨ HTMLの作成<Paragraph>これでHTML作成の準備は整いました。
左側領域よりHTMLに変換したいページを右クリックし、コンテキストメニューより「選択ページをHTMLに変換」を実行します。
ここではページ「野鳥観察とは」を右クリックして、「選択ページをHTMLに変換」を実行します。
変換先フォルダ内にHTMLファイル birdwatch.html が作成され、既定のブラウザが起動して作成されたHTMLを表示します。
&lt;img src="img2/step10.png" width=800&gt;
規定のテンプレートを用いたシンプルなHTMLが表示されました。
全てのページが編集できましたら、一度にすべてのページをHTMLに変換することもできます。</Paragraph></Paragraph><Paragraph>⑩ 文書の保存<Paragraph>メインメニューの「ファイル」より「名前を付けて保存」を選択するか、ツールバーの&lt;img src="icon/save.png"&gt;を押して文書ファイルを保存します。</Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="more">綺麗にしよう<Paragraph>「さあ始めよう」でHTMLで出来たマニュアルができました。
これは「イカル」の持つ既定のテンプレートで出力されたHTMLをブラウザが持つ既定のスタイルシートで表示しています。
テンプレートは「イカル」のページをHTMLに変換するときの枠組みで、HTML宣言や文書構造を与えるものです。
スタイルシートは文字の大きさ、色、位置などを指定するものです。
上で出来たイカル文書にテンプレートとスタイルシートを適用して、どのようになるか見てみましょう。</Paragraph><Paragraph>① テンプレートの設定<Paragraph>野鳥観察.bookを開き、左側の文書タイトルの上で右クリックし「文書のプロパティ」を開きます。</Paragraph><Paragraph>使用テンプレートの右側にあるボタンを押して、インストールフォルダ内ののDataフォルダにあるtemplate_manual.htmlを選択します。
登録ボタンで閉じます。</Paragraph></Paragraph><Paragraph>② スタイルシートの登録<Paragraph>次に、上記テンプレート用のスタイルシートを設置する必要があります。
設置場所は「文書のプロパティ」で設定されている生成先フォルダです。
上記テンプレート用のスタイルシートはインストールフォルダ内ののDataフォルダに style.css として入っています。
エクスプローラでこの style.css をコピーして生成先フォルダ内に貼り付けてください。</Paragraph></Paragraph><Paragraph>③ HTMLの再作成<Paragraph>これでテンプレート適用の準備は整いました。
左側領域よりHTMLに変換したいページを右クリックし、コンテキストメニューより「選択ページをHTMLに変換」を実行します。
変換先フォルダ内にテンプレートの適用されたHTMLファイルが作成され、既定のブラウザが起動され、スタイルシートの適用されたHTMLが表示されます。
&lt;img src="img2/step11.png" width=800&gt;
ここで使用したテンプレートは画面を縦二分割し、左側に目次を表示するようなっています。
また目次は固定で右側のみスクロールするようにスタイルシートがしています。
このように同じ文章でも、テンプレートとスタイルシートを使うことにより異なる見栄えを得ることができるようになります。
これらを利用して、Web表示や製品添付、印刷など複数の目的の出力を得ることができます。
「イカル」には複数の目的を設定することができ、各々のテンプレートと出力先が設定できます。</Paragraph></Paragraph><Paragraph>④ 印刷とPDF作成<Paragraph>ブラウザには印刷機能が付いていますので、これを利用すればHTMLペーシを印刷することができます。
また印刷にはPDFへの出力機能もありますので、これを利用すれば簡単にPDFファイルも作成できます。
PDFの例は&lt;a href="img2/birdwatch.pdf"&gt;PDF出力例&lt;/a&gt;をご覧ください。
印刷用としてテンプレートとスタイルシートを調整すれば、さらに最適な印刷やPDFを得ることも可能です。</Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="stepup">ステップアップ<Paragraph>「イカル」にはさらに便利な機能が用意されています。</Paragraph><Paragraph Type="ulist"><Paragraph>&lt;a href="table.html"&gt;テーブルを表示する&lt;/a&gt;</Paragraph><Paragraph>&lt;a href="list.html"&gt;リストを表示する&lt;/a&gt;</Paragraph><Paragraph>&lt;a href="addimage.html"&gt;画像を挿入する&lt;/a&gt;</Paragraph><Paragraph>&lt;a href="addlink.html"&gt;リンクを挿入する&lt;/a&gt;</Paragraph><Paragraph>&lt;a href="addindex.html"&gt;目次を挿入する&lt;/a&gt;</Paragraph><Paragraph>&lt;a href="usetemplate.html"&gt;テンプレートを使う&lt;/a&gt;</Paragraph><Paragraph>&lt;a href="stylesheet.html"&gt;スタイルシートを使う&lt;/a&gt;</Paragraph><Paragraph>&lt;a href="variable.html"&gt;変数を使う&lt;/a&gt;</Paragraph><Paragraph>&lt;a href="tips.html"&gt;Tips&lt;/a&gt;</Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph></Paragraph>
        </Page>
        <Page>
            <PageTitle>操作方法</PageTitle>
            <OutputFileName>operation</OutputFileName>
            <Paragraph>操作方法<Paragraph>「イカル」はスタート画面および編集画面の２つより構成されています。「イカル」を起動するとデフォルトでスタート画面が表示されます。
また設定により起動時に編集画面を表示するようにすることもできます。
いずれの画面も画面最上部にはメインメニューが表示されます。</Paragraph><Paragraph><Paragraph><Paragraph>スタート画面<Paragraph>&lt;img src="img2/startpage.png" width="800"&gt;</Paragraph></Paragraph><Paragraph>編集画面<Paragraph>&lt;img src="img2/editpage.png" width="800"&gt;</Paragraph></Paragraph></Paragraph></Paragraph><Paragraph>[部分目次]</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph>
            <Pages>
                <Page>
                    <PageTitle>メインメニュー</PageTitle>
                    <OutputFileName>mainmenu</OutputFileName>
                    <Paragraph>メインメニュー<Paragraph>画面最上部にメインメニューが表示されます。
&lt;img src="img2/mainmenu.png"&gt;</Paragraph><Paragraph>メインメニューには「ファイル」「ツール」「ヘルプ」の3つのメニューがあり、各々サブメニューを持ちます。</Paragraph><Paragraph>[ページ目次]</Paragraph><Paragraph ID="file" Style="1x8">ファイル<Paragraph>文書ファイルの新規作成したり、既存の文書ファイルを開く、文書ファイルを閉じる等の主に文書ファイルに対する処理を行います。
&lt;img src="img2/filemenu.png"&gt;</Paragraph><Paragraph Type="ntable" Style="28,80,120"><Paragraph>&lt;img src="icon/openfile.png"&gt;<Paragraph>文書を開く</Paragraph><Paragraph Style="2x1">ファイルを開くダイアログを用いて既存の文書ファイルを開きます。</Paragraph></Paragraph><Paragraph Style="1x8">&lt;img src="icon/newfile.png"&gt;<Paragraph Style="1x8">新規作成</Paragraph><Paragraph Style="2x1">新しい文書ファイルを作成します。
新規作成ダイアログが表示されます。
&lt;img src="img2/newfiledialog.png"&gt;</Paragraph></Paragraph><Paragraph>文書タイトル名<Paragraph>文書のタイトルを設定します。
文書タイトルは通常はページに表示されませんが、変数［文書タイトル］を用いてHTMLファイルに表示することもできます。
(必須)</Paragraph></Paragraph><Paragraph>文書目的名<Paragraph>当システムは、一つの文書をWeb用、製品添付マニュアル用、印刷用など、複数の目的毎に異なる形式でHTMLを生成することができます。
目的とする目的名を設定します。目的名はWeb、マニュアル、印刷など簡潔な名前にして下さい。
(必須)</Paragraph></Paragraph><Paragraph>使用テンプレート<Paragraph>HTMLに変換時に使用するテンプレートファイルを右側のファイル参照ボタンより設定します。
テンプレートは目的毎に異なります。上の文書目的に対応したテンプレートを選んでください。
テンプレートは必ずしもここで設定する必要はありません。
テンプレートはページ毎にも設定できます。テンプレートは文書での設定よりもページでの設定が優先されて使用されます。
文書にもページにもテンプレートが設定されない場合は内蔵する既定のテンプレートが使用されます。</Paragraph></Paragraph><Paragraph>生成先フォルダ<Paragraph>HTML生成時にHTMLファイルを出力するフォルダを右側のフォルダ参照ボタンより設定します。
生成先フォルダも目的毎に異なるフォルダを指定しますので、上の文書目的に対応したフォルダを選んでください。
(必須)</Paragraph></Paragraph><Paragraph>既定の拡張子<Paragraph>HTML生成時のHTMLファイル名はページのプロパティで設定しますが、ファイル名にファイル拡張子が設定されていない場合は、この既定の拡張子が用いられます。
既定の拡張子は文書目的毎に設定しますので、上の文書目的に対応した拡張子を設定してください。
(必須)</Paragraph></Paragraph><Paragraph>文書ファイル名<Paragraph>新規作成するこの文書ファイルの保存先フォルダとファイル名を右側のファイル参照ボタンより設定します。
(必須)</Paragraph></Paragraph><Paragraph Style="2x1">&lt;b&gt;可搬性について&lt;/b&gt;
テンプレートファイルと生成先フォルダを文書ファイルのあるフォルダの配下に置くと、設定を変えずに文書ファイルとテンプレートと生成先ファルダをまとめて移動することができるようになります。
(例)
&lt;img src="img2/foldersample.png"&gt;
野鳥観測.book.・・・・文書ファイル
マニュアル.book・・・・文書ファイル
template.html・・・・マニュアル.book用のテンプレート
birdwatch・・・・野鳥観測.book用のHTML生成先フォルダ
manual・・・・マニュアルbook用のHTML生成先フォルダ
このようにするとdataフォルダごと他の場所に移動してもテンプレートファイルと生成先フォルダの設定を変える必要はありません。</Paragraph><Paragraph>&lt;img src="icon/openprevious.png"&gt;<Paragraph>最近使用した文書を開く</Paragraph><Paragraph Style="2x1">マウスカーソルを上に置くと、最近開いた文書または最近に保存した文書がプルダウンメニューに表示され、クリックして開くことができます。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/save.png"&gt;<Paragraph>上書き保存</Paragraph><Paragraph Style="2x1">現在開かれている文書ファイルを、現在と同じ名前のファイルに上書き保存します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/saveas.png"&gt;<Paragraph>名前を付けて保存</Paragraph><Paragraph Style="2x1">現在開かれている文書ファイルを、新しい名前を付けてファイルに保存します。</Paragraph></Paragraph><Paragraph><Paragraph>終了</Paragraph><Paragraph Style="2x1">「イカル」を終了します。文書が変更されていれば保存するか確認されます。</Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="tool">ツール<Paragraph>このプログラムの動作に関するカスタマイズや処理を行います。
&lt;img src="img2/toolmenu.png"&gt;</Paragraph><Paragraph Type="ntable" Style="28,80,120"><Paragraph Style="1x8">&lt;img src="icon/setting.png"&gt;<Paragraph Style="1x8">オプション</Paragraph><Paragraph Style="2x1">システム変数名と表示フォントサイズを設定します。
システム変数はHTML作成時にシステムより値が設定される変数です。
システム変数を用いて下記の6つの値をHTML上に表示することができます。
例えば文書のページ内で［文書タイトル］と記述するとHTML生成度に［文書タイトル］がページ設定した文書タイトルと置き換わります。
［文書タイトル］などの変数名を変換時にそのまま表示したい場合もあります。そのためシステム変数名は自由に設定することがでるようになっています。
ここで設定するのは新しい文書を作成するときに文書毎に設定するシステム変数名の初期値です。
システム変数名は新しい文書を作成時するときにコピーされ、新しい文書のシステム変数の初期値になります。
&lt;img src="img2/optiondialog.png" alt="オプションダイアログ"&gt;</Paragraph></Paragraph><Paragraph>文書タイトル<Paragraph>文書タイトルを表す変数名を設定します。</Paragraph></Paragraph><Paragraph>ページタイトル<Paragraph>ページタイトルを表す変数名を設定します。</Paragraph></Paragraph><Paragraph>ページ内容<Paragraph>ページ内容を表す変数名を設定します。
テンプレートで用いられ、この変数名の位置にページ内容がHTMLとして出力されます。</Paragraph></Paragraph><Paragraph>文書目次<Paragraph>文書目次を表す変数名を設定します。
文書目次は文書内の全てのページへのリンクの階層的なリストです。</Paragraph></Paragraph><Paragraph>部分目次<Paragraph>部分目次を表す変数名を設定します。
部分目次は対象ページの下位に従属する全てのページへのリンクの階層的なリストです。</Paragraph></Paragraph><Paragraph>ページ目次<Paragraph>ページ目次を表す変数名を設定します。
ページ目次は対象ページ内のアンカー位置への階層的なリストです。</Paragraph></Paragraph><Paragraph>フォントサイズ<Paragraph>「イカル」り編集画面のフォントの大きさを指定します。9～20ポイント</Paragraph></Paragraph><Paragraph>&lt;img src="icon/folder.png"&gt;<Paragraph>生成先フォルダーを開く</Paragraph><Paragraph Style="2x1">HTMLファイルを生成するフォルダーを開きます。生成されたファイルの確認や画像やスタイルシートの設置を行います。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/startpage.png"&gt;<Paragraph>スタート画面を表示</Paragraph><Paragraph Style="2x1">スタート画面を表示します。</Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="help">ヘルプ<Paragraph>使用方法やこのプログラムの情報を知りたいときに使用します。
&lt;img src="img2/helpmenu.png"&gt;</Paragraph><Paragraph Type="ntable" Style="28,100"><Paragraph>&lt;img src="icon/help.png"&gt;<Paragraph>マニュアル表示</Paragraph><Paragraph>「イカル」の操作説明書をブラウザで表示します。</Paragraph></Paragraph><Paragraph><Paragraph>バージョン情報</Paragraph><Paragraph>現在使用中の「イカル」の最終更新日などのバージョン情報を表示します。</Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph></Paragraph>
                </Page>
                <Page>
                    <PageTitle>スタート画面</PageTitle>
                    <OutputFileName>startpage</OutputFileName>
                    <Paragraph>スタート画面<Paragraph>&lt;img src="img2/startpage.png" width="800"&gt;</Paragraph><Paragraph>スタート画面は左側の簡単ガイド領域と右側のガイダンス領域に分かれています。</Paragraph><Paragraph>[ページ目次]</Paragraph><Paragraph ID="guide">簡単ガイド領域<Paragraph>簡単ガイド領域は「イカル」を簡単に始められるようによく使うタスクが並べられています。</Paragraph><Paragraph Type="ntable"><Paragraph>文書を開く<Paragraph Style="2x1">ファイルを開くダイアログを用いて既存の文書ファイルを開きます。</Paragraph></Paragraph><Paragraph>新しい文書を作る<Paragraph Style="2x1">新しい文書ファイルを作成します。新規作成ダイアログが表示されます。</Paragraph></Paragraph><Paragraph>マニュアルを開く<Paragraph Style="2x1">「イカル」の操作説明書をブラウザで表示します。</Paragraph></Paragraph><Paragraph Style="1x3">サンプル文書を開く<Paragraph Style="2x1">「イカル」を理解するために提供されるサンプルの文書を開きます。</Paragraph></Paragraph><Paragraph>野鳥観察<Paragraph>「はじめてのイカル」で使用した簡単なサンプル文書ファイルを開きます。</Paragraph></Paragraph><Paragraph>イカルマニュアル<Paragraph>このマニュアルの文書ファイルを開きます。</Paragraph></Paragraph><Paragraph>この画面を閉じる<Paragraph Style="2x1">このスタート画面を閉じ、編集画面を表示します。</Paragraph></Paragraph><Paragraph>最近使用した文書<Paragraph Style="2x1">最近開いた文書または最近保存した文書が最大5つまで表示されます。
クリックして文書を開くことができます。</Paragraph></Paragraph><Paragraph>最新情報<Paragraph Style="2x1">当ソフトのサポートサイト&lt;a href="https://maplesoft.jp"&gt;https://maplesoft.jp&lt;/a&gt;をブラウザで表示します。
最新情報をご確認ください。</Paragraph></Paragraph><Paragraph>起動時にこの画面を開く<Paragraph Style="2x1">これにチェックがあれば起動時にこのスタート画面が表示されます。チェックを外せば起動時にこのスタート画面は表示されず、編集画面が表示されます。</Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="guidance">ガイダンス領域<Paragraph>ガイダンス領域には「イカル」の概要が表示されます。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph></Paragraph>
                </Page>
                <Page>
                    <PageTitle>編集画面</PageTitle>
                    <OutputFileName>editpage</OutputFileName>
                    <Paragraph>編集画面<Paragraph>「イカル」は複数のページより構成される文書を作成します。
一つのページが1つのHTMLページになります。ページは階層的に構成することができます。
1つのページは複数の段落に分けることができます。ページ内の段落もまた階層的に構成するすることができます。
編集画面はこれらの構成を効率よく編集できるように、左側の文書編集領域と右側のページ編集領域に分かれています。</Paragraph><Paragraph>&lt;img src="img2/editpage.png" width="800"&gt;</Paragraph><Paragraph>左側の文書編集領域でページの構成と編集を行い、右側のページ編集領域でページ内の段落の構成と編集を行います。</Paragraph><Paragraph>[部分目次]</Paragraph></Paragraph>
                    <Pages>
                        <Page>
                            <PageTitle>文書編集領域</PageTitle>
                            <OutputFileName>bookedit</OutputFileName>
                            <Paragraph>文書編集領域<Paragraph>文書編集領域は文書のページ構成を編集する領域です。
&lt;img src="img2/bookedit.png"&gt;</Paragraph><Paragraph>文書は複数のページより構成されます。またページは章と節のように親子関係になる場合もあります。
文書編集領域では、このような文書とこれを構成するページの関係を、文書を頂点とするツリー構造で表示します。
文書編集領域で文書の下にページの追加し、既存のページの位置関係を変更する作業を行います。
ツリーはノードと呼ばれる結び目よりなり、頂点のノードは文書を、その下のノードはページを表します。</Paragraph><Paragraph>[ページ目次]</Paragraph><Paragraph ID="contextmenu">コンテキストメニューとツールバー<Paragraph>文書編集領域のツリーノード上で右クリックし、文書編集コンテキストメニューを表示して文書の編集を行います。
またよく使う機能は文書編集領域の上にあるツールバーのボタンからも実行できます。</Paragraph><Paragraph Type="ntable" Style="28,200">コンテキストメニューとツールバー<Paragraph>&lt;img src="icon/undo.png"&gt;<Paragraph>元に戻す
(UNDO機能)</Paragraph><Paragraph>ページの追加、移動、削除の処理を元に戻します。無限回戻すことができます。
この処理はページ内の編集とは独立して行うことができます。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/redo.png"&gt;<Paragraph>やり直し</Paragraph><Paragraph>元に戻したページの追加、移動、削除の処理をもう一度行います。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/add_above.gif"&gt;<Paragraph>同列上に追加</Paragraph><Paragraph>選択しているページの上に選択しているページと同じ階層のページを追加します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/add_below.gif"&gt;<Paragraph>同列下に追加</Paragraph><Paragraph>選択しているページの下に選択しているページと同じ階層のページを追加します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/add_child.gif"&gt;<Paragraph>子を追加</Paragraph><Paragraph>文書を選択している場合は文書の下に最上位の階層となるページを追加します。
ページを選択している場合はページの下に選択しているページの子の階層となるページを追加します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/importfile.png"&gt;<Paragraph>インポート</Paragraph><Paragraph>テキストファイルを読込み、文書のページとして追加します。
インポートするファイルの形式は&lt;a href="#importfile"&gt;インポートファイル形式&lt;/a&gt;をご覧ください。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/move_up.png"&gt;<Paragraph>上に移動</Paragraph><Paragraph>選択しているページを従属する子ページを含めて上に移動します。同じ階層で前方に移動します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/move_down.png"&gt;<Paragraph>下に移動</Paragraph><Paragraph>選択しているページを従属する子ページを含めて下に移動します。同じ階層で後方に移動します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/move_left.png"&gt;<Paragraph>左に移動</Paragraph><Paragraph>選択しているページを従属する子ページを含めて左に移動します。階層が上がります。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/move_right.png"&gt;<Paragraph>右に移動</Paragraph><Paragraph>選択しているページを従属する子ページを含めて右に移動します。階層が下がります。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/move_right2.png"&gt;<Paragraph>右に移動(単独)</Paragraph><Paragraph>選択しているページを従属する子ページを含めずに右に移動します。階層が下がります。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/cut.png"&gt;<Paragraph>ページを切り取り</Paragraph><Paragraph Style="3x1">選択したページおよび従属する子ページを切り取ります。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/copy.png"&gt;<Paragraph>ページをコピー</Paragraph><Paragraph Style="3x1">選択したページおよび従属する子ページをクリップボードにコピーします。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/paste.png"&gt;<Paragraph>ページを貼り付け</Paragraph><Paragraph Style="3x1">選択したページに従属する子ページとしてクリップボードのページを挿入します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/remove.png"&gt;<Paragraph>ページを削除</Paragraph><Paragraph>選択しているページを従属する子ページを含めて削除します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/setting.png"&gt;<Paragraph>文書のプロパティ</Paragraph><Paragraph>文書のプロパティを設定します。文書を選択している場合に表示されます。
文書のプロパティダイアログが表示されます。詳細は&lt;a href="#bookproperty"&gt;文書のプロパティダイアログ&lt;/a&gt;をご覧ください。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/setting.png"&gt;<Paragraph>ページのプロパティ</Paragraph><Paragraph>選択しているページのプロパティを設定します。
ページのプロパティダイアログが表示されます。詳細は&lt;a href="#pageproperty"&gt;ページのプロパティダイアログ&lt;/a&gt;をご覧ください。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/comvert_html.png"&gt;<Paragraph>選択ページをHTMLに変換</Paragraph><Paragraph>選択しているページのみをHTMLファイルに変換して出力します。
出力先のフォルダは文書プロパティの目的別の生成先フォルダが用いられます。
出力ファイル名はページプロパティの生成ファイル名が用いられます。
生成ファイル名に拡張子の指定が無い場合は文書プロパティの目的別の拡張子の設定が用いられます。
文書プロパティに目的別のFTP設定がなければ、ファイル生成後に既定のブラウザを起動して生成ファイルを表示します。
文書プロパティに目的別のFTP設定があれば、ファイル生成後にファイルをWEBにアップロードし、アップロードしたファイルを既定のブラウザで表示します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/comvert_all.png"&gt;<Paragraph>全ページをHTMLに変換</Paragraph><Paragraph>文書ノードを選択した場合に表示されます。
文書の全てのページをHTMLファイルに変換して出力します。
出力先のフォルダは文書プロパティの目的別の生成先フォルダが用いられます。
出力ファイル名は各ページプロパティの生成ファイル名が用いられます。
生成ファイル名に拡張子の指定が無い場合は文書プロパティの目的別の拡張子の設定が用いられます。
文書プロパティに目的別のFTP設定がなければ、全ファイル生成後に既定のブラウザを起動して最初の生成ファイルを表示します。
文書プロパティに目的別のFTP設定があれば、全ファイル生成後に全ファイルをWEBにアップロードし、アップロードした最初のファイルを既定のブラウザで表示します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/comvert_all.png"&gt;<Paragraph>選択ページ以下をHTMLに変換</Paragraph><Paragraph>ページノードを選択した場合に表示されます。
選択しているページを従属する子ページを含めてHTMLファイルに変換して出力します。
出力先のフォルダは文書プロパティの目的別の生成先フォルダが用いられます。
出力ファイル名は各ページプロパティの生成ファイル名が用いられます。
生成ファイル名に拡張子の指定が無い場合は文書プロパティの目的別の拡張子の設定が用いられます。
文書プロパティに目的別のFTP設定がなければ、全ファイル生成後に既定のブラウザを起動して最初の生成ファイルを表示します。
文書プロパティに目的別のFTP設定があれば、全ファイル生成後に全ファイルをWEBにアップロードし、アップロードした最初のファイルを既定のブラウザで表示します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/browswLocal.png"&gt;<Paragraph>ローカルのHTMLをブラウザで表示</Paragraph><Paragraph>選択しているページの変換済みのHTMLファイルを既定のブラウザで表示します。
変換済みのHTMLファイルがない場合は、このメニューは使用不可となります。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/uploadone.png"&gt;<Paragraph>選択ページのHTMLをWEBにアップロード</Paragraph><Paragraph>選択しているページの変換済みHTMLファイルをWEBにアップロードします。
アップロードするWeb上のサイトは文書プロパティの目的別FTP設定のホストアドレスが用いられます。
アップロードするWeb上のフォルダは文書プロパティの目的別FTP設定のホストの転送先フォルダが用いられます。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/uploadgroup.png"&gt;<Paragraph>全ファイルをWEBにアップロード</Paragraph><Paragraph>文書ノードを選択した場合に表示されます。
生成先フォルダ内の全ファイルまたは生成されたHTMLファイルをWEBにアップロードします
アップロードするWeb上のサイトは文書プロパティの目的別FTP設定のホストアドレスが用いられます。
アップロードするWeb上のフォルダは文書プロパティの目的別FTP設定のホストの転送先フォルダが用いられます。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/uploadgroup.png"&gt;<Paragraph>選択ページ以下のHTMLをWEBにアップロード</Paragraph><Paragraph>ページノードを選択した場合に表示されます。
選択しているページおよび従属する子ページの変換済みHTMLファイルをWEBにアップロードします
アップロードするWeb上のサイトは文書プロパティの目的別FTP設定のホストアドレスが用いられます。
アップロードするWeb上のフォルダは文書プロパティの目的別FTP設定のホストの転送先フォルダが用いられます。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/browseWeb.png"&gt;<Paragraph>WEBのHTMLをブラウザで表示</Paragraph><Paragraph>選択しているページのWEBにアップロードされている変換済みHTMLを既定のブラウザで表示します。
表示するWebサイトは文書プロパティの目的別配置先Webサイトが用いられます。</Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="importfile">インポートファイル形式<Paragraph>インポート機能で使用するファイルの形式を規定します。
インポートファイルの形式はタブ区切りテキストで1段落1行で各列の内容はは次の通りです。</Paragraph><Paragraph Type="ntable" Style="80,80,640"><Paragraph>1列目<Paragraph Style="2x1">ページタイトル</Paragraph></Paragraph><Paragraph>2列目<Paragraph Style="2x1">段落ID</Paragraph></Paragraph><Paragraph>3列目<Paragraph Style="2x1">段落スタイル</Paragraph></Paragraph><Paragraph Style="1x9">4列目<Paragraph Style="2x1">段落タイプ</Paragraph></Paragraph><Paragraph>htable<Paragraph>見出付きテーブル</Paragraph></Paragraph><Paragraph>ntable<Paragraph>見出無しテーブル</Paragraph></Paragraph><Paragraph>row<Paragraph>テーブル行</Paragraph></Paragraph><Paragraph>ulist<Paragraph>順序無しリスト</Paragraph></Paragraph><Paragraph>olist<Paragraph>順序付きリスト</Paragraph></Paragraph><Paragraph>division<Paragraph>グループ</Paragraph></Paragraph><Paragraph>pretext<Paragraph>整形済みテキスト</Paragraph></Paragraph><Paragraph>data<Paragraph>データ</Paragraph></Paragraph><Paragraph>5列目以降<Paragraph Style="2x1">階層に応じた列に段落のテキストを設定します。テキストが空白の場合は[untitled]と設定します。</Paragraph></Paragraph></Paragraph><Paragraph>1つのファイルに複数のページを含めることができます。この場合ページタイトルがページ区切りとなります。
インポートファイルはExcelで編集し、タブ区切りテキストとして保存することを想定しています。
現バージョンではセル内の改行は認められていません。改行は$br$と記述して下さい。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="bookproperty">文書のプロパティダイアログ<Paragraph>文書編集領域の文書ノード上のコンテキストメニューで「文書のプロパティ」を選択して文書のプロパティダイアログを表示します。
文書のプロパティダイアログでは文書に関するプロパティを設定します。</Paragraph><Paragraph>&lt;img src="img2/bookproperty.png"&gt;</Paragraph><Paragraph Type="ntable" Style="120,120">文書のプロパティ一覧<Paragraph>文書のタイトル名<Paragraph Style="2x1">文書のタイトルを設定します。
文書タイトルは通常はページに表示されませんが、変数［文書タイトル］を用いてHTMLファイルに表示することもできます。
(必須)</Paragraph></Paragraph><Paragraph Style="1x9">文書目的別設定<Paragraph Style="2x1">当システムは、一つの文書をWeb用、製品添付マニュアル用、印刷用など、複数の目的毎に異なる形式でHTMLを生成することができます。
文書の目的別に文書目的名、使用テンプレート、生成先フォルダ等を設定します。</Paragraph></Paragraph><Paragraph>目的追加ボタン<Paragraph>目的追加ボタンを押すと新しい目的を追加することができます。</Paragraph></Paragraph><Paragraph>文書目的名<Paragraph>目的とする目的名を設定します。目的名はWeb、マニュアル、印刷など簡潔な名前にして下さい。
目的名はタブ名として表示されます。
(必須)</Paragraph></Paragraph><Paragraph>使用テンプレート<Paragraph>HTMLに変換時に使用するテンプレートファイルを右側のファイル参照ボタンより設定します。
テンプレートは目的毎に異なります。上の文書目的に対応したテンプレートを選んでください。
テンプレートは必ずしもここで設定する必要はありません。
テンプレートはページ毎にも設定できます。テンプレートは文書での設定よりもページでの設定が優先されて使用されます。
文書にもページにもテンプレートが設定されない場合は内蔵する既定のテンプレートが使用されます。</Paragraph></Paragraph><Paragraph>生成先フォルダ<Paragraph>HTML生成時にHTMLファイルを出力するフォルダを右側のフォルダ参照ボタンより設定します。
生成先フォルダも目的毎に異なるフォルダを指定しますので、上の文書目的に対応したフォルダを選んでください。
(必須)</Paragraph></Paragraph><Paragraph>既定の拡張子<Paragraph>HTML生成時のHTMLファイル名はページのプロパティで設定しますが、ファイル名にファイル拡張子が設定されていない場合は、この既定の拡張子が用いられます。
既定の拡張子は文書目的毎に設定しますので、上の文書目的に対応した拡張子を設定してください。
(必須)</Paragraph></Paragraph><Paragraph>配置先Webサイト<Paragraph Style="2x1">生成されたHTMLファイルを実際に配置するWEBサイトのアドレスを設定します。
配置先Webサイトも目的毎に設定します。
Webに置かない場合は指定する必要はありません。</Paragraph></Paragraph><Paragraph>FTP設定ボタン<Paragraph>生成されたHTMLファイルをWEBサイトにアップロードするときの設定をします。
FTP設定は文書目的ごとに設定します。
ファイルのアップロードにこのソフトを使用しない場合は設定は不要です。
FTP設定ボタンを押すとFTP設定ダイアログが表示されます。詳細は&lt;a href="#ftpdialog"&gt;FTP設定ダイアログ&lt;/a&gt;をご覧ください。</Paragraph></Paragraph><Paragraph>テンプレートと生成先フォルダを文書フォルダの相対アドレスで保存<Paragraph Style="2x1">チェックを付けると、テンプレートと生成先フォルダを文書ファイルフォルダの相対アドレスとして保存します。
こうすることにより、設定を変えずに文書ファイルとテンプレートと生成先ファルダをまとめて移動することができます。
ただし相対アドレスとして保存するには、テンプレートと生成先フォルダは文書ファイルのあるフォルダの配下にある必要があります。</Paragraph></Paragraph><Paragraph>文書変数<Paragraph Style="2x1">HTML作成時にHTMLページに埋め込む文字列を変数名と値で設定します。
例えば変数名「キーワード」、変数値「パソコン」と設定した場合、テンプレートまたはページで[キーワード]と書かれている部分がパソコンに置き換わります。
&lt;span style="color:red"&gt;テンプレートまたはページでの変数名の指定は[ ]で囲むことに注意して下さい。&lt;/span&gt;
文書変数は複数設定することができます。これらの変数は文書全体で共通に使用できます。
変数の値は改行を入れて複数行にすることができます。HTML作成でよく現れるフレーズを部品化して簡潔にする用途にも利用できます。</Paragraph></Paragraph><Paragraph Style="1x7">システム変数名<Paragraph Style="2x1">システム変数とはシステムの決められた用途に使用される変数で、既定の変数名が付けられています。
例えば上記の文書のプロパティで設定される文書タイトルの設定値を現す文書タイトルというシステム変数名があります。文書タイトルをHTMLページに埋め込む場合は通常はこのシステム変数名を用いて[文書タイトル]と記述します。こうすればHTML作成時に[文書タイトル]が文書プロパティで設定した文書タイトルの内容に置き換わります。
しかしながらHTML文書の中に[文書タイトル]という文字列をそのままに残したい場合もあります。このためにシステム変数名を自由に変更することができるようになっています。
例えば文書タイトルのシステム変数名をDocumentTitleとすれば[DocumentTitle]と記述されたところが文書タイトルの内容に置き換わるようになります。
システム変数には次のものがあります。</Paragraph></Paragraph><Paragraph>文書タイトル<Paragraph>文書タイトルを表す変数名を設定します。</Paragraph></Paragraph><Paragraph>ページタイトル<Paragraph>ページタイトルを表す変数名を設定します。</Paragraph></Paragraph><Paragraph>ページ内容<Paragraph>ページ内容を表す変数名を設定します。
テンプレートで用いられ、この変数名の位置にページ内容がHTMLとして出力されます。</Paragraph></Paragraph><Paragraph>文書目次<Paragraph>文書目次を表す変数名を設定します。
文書目次は文書内の全てのページへのリンクの階層的なリストです。</Paragraph></Paragraph><Paragraph>部分目次<Paragraph>部分目次を表す変数名を設定します。
部分目次は対象ページの下位に従属する全てのページへのリンクの階層的なリストです。</Paragraph></Paragraph><Paragraph>ページ目次<Paragraph>ページ目次を表す変数名を設定します。
ページ目次は対象ページ内のアンカー位置への階層的なリストです。
アンカーとして段落のIDが用いられます。階層的につながらないアンカーはリストに含まれません。</Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="ftpdialog">FTP設定ダイアログ<Paragraph>生成されたHTMLファイルをWEBサイトにアップロードするときの設定をします。
アップロードにはFTPプロトコルが使用されます。</Paragraph><Paragraph>&lt;img src="img2/ftpdialog.png"&gt;</Paragraph><Paragraph Type="ntable" Style="120"><Paragraph>ホストアドレス<Paragraph>FTPサーバーのアドレスを設定します。</Paragraph></Paragraph><Paragraph>ユーザー名<Paragraph>FTPサーバーのユーザー名を設定します。</Paragraph></Paragraph><Paragraph>パスワード<Paragraph>サーバーのユーザー名に対するパスワードを設定します。</Paragraph></Paragraph><Paragraph>ホストの転送先フォルダ<Paragraph>ホストの転送先フォルダを設定します。
転送先フォルダは、”/”から始まるフルパスを指定します。</Paragraph></Paragraph><Paragraph>パッシブモードを使用する<Paragraph>パッシブモードでFTPサーバーに接続する場合はチェックを付けます。</Paragraph></Paragraph><Paragraph>HTML作成時にWEBへアップロードする<Paragraph>文書のページよりHTMLを作成した場合に、同時にWEBにアップロードする場合はチェックを付けます。</Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="pageproperty">ページのプロパティダイアログ<Paragraph>文書編集領域のページノード上のコンテキストメニューで「ページのプロパティ」を選択してページのプロパティダイアログを表示します。
ページのプロパティダイアログでは個別のページに関するプロパティを設定します。</Paragraph><Paragraph>&lt;img src="img2/pageproperty.png"&gt;</Paragraph><Paragraph Type="ntable" Style="120">ページプロパティ一覧<Paragraph>ページタイトル<Paragraph>ページのタイトルを設定します。
ページタイトルは変数を用いてHTMLファイルに表示することができます。
(必須)</Paragraph></Paragraph><Paragraph>目次から除外<Paragraph>文書目次を作るときに、このページを目次に表示したくない場合にチェックを付けます。従属するページも目次から除外されます。</Paragraph></Paragraph><Paragraph>生成ファイル名<Paragraph>HTML生成時のファイル名を設定します。他のページと重複しないファイル名を設定してください。
ファイルに拡張子が指定されていない場合は文書のプロパティで設定した目的別の拡張子が付加されます。
ファイルは文書のプロパティの生成先フォルダに作られます。
生成先フォルダ内の子フォルダに生成する場合は生成先フォルダよりの相対指定を行ってください。
(必須)</Paragraph></Paragraph><Paragraph>文書目的別テンプレート<Paragraph>HTML作成時に使用するテンプレートを設定します。テンプレートは文書目的別に設定します。
テンプレートは必ずしもここで設定する必要はありません。設定する場合は右にあるボタンでファイルを選択して設定します。
ここで設定がない場合は、ノードツリーで上位のページを遡り最初に設定されているテンプレートが使用されます。
どの上位のページにもテンプレートが設定されていない場合は文書に設定されたテンプレートが用いられます。
文書にも設定されていない場合は既定のテンプレートが用いられます。</Paragraph></Paragraph><Paragraph>ページ変数<Paragraph>HTML作成時にHTMLページに埋め込む文字列を変数名と値で設定します。
例えば変数名「キーワード」、変数値「パソコン」と設定した場合、テンプレートまたはページで[キーワード]と書かれている部分がパソコンに置き換わります。
&lt;span style="color:red"&gt;テンプレートまたはページでの変数名の指定は[ ]で囲むことに注意して下さい。&lt;/span&gt;
ページ変数は複数設定することができます。これらの変数はこのページまたはこれに従属する子のページで有効です。
子のページと重複する場合は子を優先します。</Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph></Paragraph>
                        </Page>
                        <Page>
                            <PageTitle>ページ編集領域</PageTitle>
                            <OutputFileName>pageedit</OutputFileName>
                            <Paragraph>ページ編集領域<Paragraph>ページ編集領域はページの段落構成を編集する領域です。
&lt;img src="img2/pageedit.png"&gt;</Paragraph><Paragraph>[ページ目次]</Paragraph><Paragraph ID="pagetitle">ページタイトル編集<Paragraph>画面最上位の茶色の部分に書かれているページタイトルをクリックすると、ページタイトルを編集することができます。</Paragraph><Paragraph>コンテキストメニュー<Paragraph>ペーシタイトルの左側の余白で右クリックするとコンテキストメニューが表示され、下記の段落編集でクリップボードにコピーされた段落を、ページの最上位に貼り付けることができます。</Paragraph><Paragraph Type="ntable" Style="28,140"><Paragraph>&lt;img src="icon/paste.png"&gt;<Paragraph>段落を貼り付け</Paragraph><Paragraph>ページの最上位の段落としてクリップボードにコピーされている段落を挿入します。</Paragraph></Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="section">段落編集<Paragraph>ページは複数の段落より構成されます。また段落は通常は章、節、項のように階層構造になります。
ページ編集領域では、段落は矩形で表示され、最上位の段落を起点とした逆階段上の階層構造に表示されます。
ページ編集領域ではでは新しい段落の追加や、既存の段落の階層関係を変更する作業を行います。</Paragraph><Paragraph>コンテキストメニューとツールバー<Paragraph>ページ編集領域の入力済み領域(&lt;img src="icon/add.png"&gt;の表示より上)で右クリックし、ページ編集コンテキストメニューを表示してページの編集を行います。
ただしテキスト入力状態のときはテキスト編集用コンテキストメニューが表示されます。この場合は、段落矩形の左側の領域で右クリックして下さい。
またよく使う機能はページ編集領域の上にあるツールバーのボタンからも実行できます。</Paragraph><Paragraph Type="ntable" Style="28,140,20,120"><Paragraph>&lt;img src="icon/undo.png"&gt;<Paragraph>元に戻す
(UNDO機能)</Paragraph><Paragraph Style="3x1">ページ内での段落のの追加、移動、削除、テキスト変更の処理を元に戻します。無限回戻すことができます。
この処理は1つのページ毎に独立して行うことができます。他のページに移動後も元のページに元のページに戻ってそのページ内でのUNDOが可能です。
この処理でのテキスト変更のUNDOはテキスト編集開始前の状態に戻します。
テキスト編集での1文字単位のUNDOは後述のテキスト編集中のUNDO機能でのみ可能です。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/redo.png"&gt;<Paragraph>やり直し</Paragraph><Paragraph Style="3x1">元に戻したページ内での段落のの追加、移動、削除、テキスト変更の処理をもう一度行います。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/add_above.gif"&gt;<Paragraph>同列上に追加</Paragraph><Paragraph Style="3x1">選択している段落の上に選択している段落と同じ階層の段落を追加します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/add_below.gif"&gt;<Paragraph>同列下に追加</Paragraph><Paragraph Style="3x1">選択している段落の下に選択している段落と同じ階層の段落を追加します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/add_child.gif"&gt;<Paragraph>子を追加</Paragraph><Paragraph Style="3x1">選択している段落の下に選択している段落の子の階層となる段落を追加します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/move_up.png"&gt;<Paragraph>上に移動</Paragraph><Paragraph Style="3x1">選択している段落を従属する子段落を含めて上に移動します。同じ階層で前方に移動します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/move_down.png"&gt;<Paragraph>下に移動</Paragraph><Paragraph Style="3x1">選択している段落を従属する子段落を含めて下に移動します。同じ階層で後方に移動します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/move_left.png"&gt;<Paragraph>左に移動</Paragraph><Paragraph Style="3x1">選択している段落を従属する子段落を含めて左に移動します。階層が上がります。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/move_right.png"&gt;<Paragraph>右に移動</Paragraph><Paragraph Style="3x1">選択している段落を従属する子段落を含めて右に移動します。階層が下がります。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/move_right2.png"&gt;<Paragraph>右に移動(単独)</Paragraph><Paragraph Style="3x1">選択している段落を従属する子段落を含めずに右に移動します。階層が下がります。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/cut.png"&gt;<Paragraph>段落を切り取り</Paragraph><Paragraph Style="3x1">選択した段落および従属する子段落を切り取ります。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/copy.png"&gt;<Paragraph>段落をコピー</Paragraph><Paragraph Style="3x1">選択したページおよび従属する子段落をクリップボードにコピーします。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/paste.png"&gt;<Paragraph>段落を貼り付け</Paragraph><Paragraph Style="3x1">選択したページに従属する子段落としてクリップボードにコピーされている段落を挿入します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/remove.png"&gt;<Paragraph>段落を削除</Paragraph><Paragraph Style="3x1">選択している段落を従属する子段落を含めて削除します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/id.png"&gt;<Paragraph>ID表示</Paragraph><Paragraph Style="3x1">ID領域の表示をオンオフします。オンになると編集画面にID領域が表示されます。クリック毎に切り替わります。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/style.png"&gt;<Paragraph>スタイル表示</Paragraph><Paragraph Style="3x1">スタイル領域の表示をオンオフします。オンになると編集画面にスタイル領域が表示されます。クリック毎に切り替わります。</Paragraph></Paragraph><Paragraph Style="1x10"><Paragraph Style="1x10">段落種別</Paragraph><Paragraph Style="3x1">文書をHTMLに変換する場合に段落を特別な形で出力したいときに指定します。
下記の段落種別が指定できます。</Paragraph></Paragraph><Paragraph><Paragraph>自動</Paragraph><Paragraph>HTML出力時に自動で判定されて必要なタグが付加されます。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/tablewh.png"&gt;<Paragraph>見出付きテーブル</Paragraph><Paragraph>段落および段落の子を見出しのあるテーブルとして出力します。テーブルの最初の行が見出しとなります。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/table.png"&gt;<Paragraph>見出無しテーブル</Paragraph><Paragraph>段落および段落の子を見出しのないテーブルとして出力します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/row.png"&gt;<Paragraph>テーブル行</Paragraph><Paragraph>通常はテーブルの行と欄は自動判定され出力されます。セル中に階層を儲けたい場合に指定します。詳細は&lt;a href="table.html#incell"&gt;セル中の階層&lt;/a&gt;をご覧ください。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/unorderd_list.png"&gt;<Paragraph>順序無しリスト</Paragraph><Paragraph>段落および段落の子を順序の無いリストとして出力します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/ordered_list.png"&gt;<Paragraph>順序付きリスト</Paragraph><Paragraph>段落および段落の子を順序のあるリストとして出力します。通常リストの前に連番が付加されます。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/chart.png"&gt;<Paragraph>グループ</Paragraph><Paragraph Style="@ENCODE">従属する段落をグループ化します。HTMLでは従属する段落を&lt;div&gt;タグで囲みます。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/pre_code.png"&gt;<Paragraph>整形済みテキスト</Paragraph><Paragraph Style="@ENCODE">段落のテキストを整形済みテキストとして、&lt;pre&gt;タグで囲みそのまま出力します。
テキスト中に&lt;、&gt;、&amp;がある場合はスタイル領域でHTMLエンコード指定をする必要があります。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/data.png"&gt;<Paragraph>データ</Paragraph><Paragraph>テキストをそのまま出力します。</Paragraph></Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="textedit">テキスト編集<Paragraph>段落はテキストを持ちます。テキストは階層的に表示されている段落の領域の中で表示編集されます。
段落の領域をクリックするとテキスト編集モードとなり、段落の中が黄色くなります。
この状態で段落のテキストが入力編集できます。</Paragraph><Paragraph>テキスト編集コンテキストメニュー<Paragraph>テキスト編集中に右クリックし、テキスト編集コンテキストメニューを表示してテキストの編集を行います。</Paragraph><Paragraph Type="ntable" Style="28,140,20,120"><Paragraph>&lt;img src="icon/undo.png"&gt;<Paragraph>元に戻す
(UNDO機能)</Paragraph><Paragraph Style="3x1">変更したテキストを元に戻します。
この機能は段落の編集が終了した時点でクリアされます。
編集終了後は上記のページ編集でのUNDO機能で元に戻すことができます。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/redo.png"&gt;<Paragraph>やり直し</Paragraph><Paragraph Style="3x1">元に戻したテキストを再変更します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/cut.png"&gt;<Paragraph>切り取り</Paragraph><Paragraph Style="3x1">選択した部分テキストを切り取ります。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/copy.png"&gt;<Paragraph>コピー</Paragraph><Paragraph Style="3x1">選択した部分テキストをクリップボードにコピーします。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/paste.png"&gt;<Paragraph>貼り付け</Paragraph><Paragraph Style="3x1">カーソル位置にクリップボードのテキストを挿入します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/replace.png"&gt;<Paragraph>検索</Paragraph><Paragraph Style="3x1">ペーシ内また文書中の全ページから文字列を検索し、順次検索位置に移動します。
検索ダイアログが表示されます。詳細は&lt;a href="#searchdialog"&gt;検索ダイアログ&lt;/a&gt;をご覧ください。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/search.png"&gt;<Paragraph>置換</Paragraph><Paragraph Style="3x1">ペーシ内また文書中の全ページから文字列を検索し、指定した文字に順次または一括で置き換えます。
置換ダイアログが表示されます。詳細は&lt;a href="#replacedialog"&gt;置換ダイアログ&lt;/a&gt;をご覧ください。</Paragraph></Paragraph><Paragraph Style="1x8">&lt;img src="icon/insert.png"&gt;<Paragraph Style="1x8">項目挿入</Paragraph><Paragraph Style="3x1">カーソル位置に画像やリンクなどを挿入します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/image.png"&gt;<Paragraph>画像</Paragraph><Paragraph>HTMLで画像を表示できるよう、画像挿入ダイアログを用いてカーソル位置にイメージタグを挿入します。
詳細は&lt;a href="addimage.html"&gt;画像を挿入する&lt;/a&gt;をご覧ください。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/link.png"&gt;<Paragraph>内部リンク</Paragraph><Paragraph>HTMLで文書内の同一ページまたは他のページの項目へ移動できるよう、内部リンク挿入ダイアログを用いてカーソル位置にアンカータグを挿入します。
詳細は&lt;a href="addlink.html"&gt;リンクを挿入する&lt;/a&gt;をご覧ください。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/weblink.png"&gt;<Paragraph>外部リンク</Paragraph><Paragraph>HTMLで文書外のページを別窓で開けるよう、外部リンク挿入ダイアログを用いてカーソル位置にアンカータグを挿入します。
詳細は&lt;a href="addlink.html"&gt;リンクを挿入する&lt;/a&gt;をご覧ください。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/variable.png"&gt;<Paragraph>変数</Paragraph><Paragraph>変数一覧割変数を選択してカーソル位置に挿入します。変数はブラケット[ ]で囲まれます。
詳細は&lt;a href="variable.html"&gt;変数を使う&lt;/a&gt;をご覧ください。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/tocbook.png"&gt;<Paragraph>文書目次</Paragraph><Paragraph>カーソル位置に文書目次のプレスホルダを挿入します。実際の文書目次はHTML生成時に作成されます。
詳細は&lt;a href="addindex.html"&gt;目次を挿入する&lt;/a&gt;をご覧ください。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/tocpartial.png"&gt;<Paragraph>部分目次</Paragraph><Paragraph>カーソル位置に部分目次のプレスホルダを挿入します。実際の部分目次はHTML生成時に作成されます。
詳細は&lt;a href="addindex.html"&gt;目次を挿入する&lt;/a&gt;をご覧ください。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/tocpage.png"&gt;<Paragraph>ページ目次</Paragraph><Paragraph>カーソル位置にページ目次のプレスホルダを挿入します。実際のページ目次はHTML生成時に作成されます。
詳細は&lt;a href="addindex.html"&gt;目次を挿入する&lt;/a&gt;をご覧ください。</Paragraph></Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="searchdialog">検索ダイアログ<Paragraph>ペーシ内また文書中の全ページから文字列を検索し順次表示するためのダイアログです。
段落テキストの編集中に右クリックしてコンテキストメニューを表示して「検索」を選択するか、ページ編集ツールバーの&lt;img src="icon/search.png"&gt;アイコンをクリックすると表示されます。</Paragraph><Paragraph>&lt;img src="img2/searchdialog.png"&gt;</Paragraph><Paragraph Type="ntable" Style="120,180"><Paragraph>検索する文字列<Paragraph Style="2x1">検索する文字列を設定します。</Paragraph></Paragraph><Paragraph>検索対象<Paragraph Style="2x1">「現在のページ」または「文書内の全てのページ」より選択します。</Paragraph></Paragraph><Paragraph Style="1x2">検索オプション<Paragraph>大文字と小文字を区別する</Paragraph><Paragraph>チェックすると文字を検索するときに大文字と小文字を別の文字として検索します。</Paragraph></Paragraph><Paragraph>正規表現を使用する<Paragraph>チェックすると検索文字列に正規表現を用いることができます。</Paragraph></Paragraph><Paragraph>前を検索<Paragraph Style="2x1">現在の段落のカーソル位置より前方を検索します。
段落内の前方になければ前の段落を探します。
検索対象が「現在のページ」の場合、ページ先頭まで検索したらページの最後に戻ります。
検索対象が「文書内の全てのページ」の場合、ペーシ内の前方になければ前のページを探します。</Paragraph></Paragraph><Paragraph>次を検索<Paragraph Style="2x1">現在の段落のカーソル位置より後方を検索します。
段落内の後方になければ次の段落を探します。
検索対象が「現在のページ」の場合、ページ最後まで検索したらページの先頭に戻ります。
検索対象が「文書内の全てのページ」の場合、ペーシ内の後方になければ次のページを探します。</Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="replacedialog">置換ダイアログ<Paragraph>ペーシ内また文書中の全ページから文字列を検索し、指定した文字に順次または一括で置き換えるためのダイアログです。
段落テキストの編集中に右クリックしてコンテキストメニューを表示して「検索」を選択するか、ページ編集ツールバーの&lt;img src="icon/replace.png"&gt;アイコンをクリックすると表示されます。</Paragraph><Paragraph>&lt;img src="img2/replacedialog.png"&gt;</Paragraph><Paragraph Type="ntable" Style="120,180"><Paragraph>検索する文字列<Paragraph Style="2x1">検索する文字列を設定します。</Paragraph></Paragraph><Paragraph>置換後の文字列<Paragraph Style="2x1">検索した文字列を置き換える文字列を設定します。</Paragraph></Paragraph><Paragraph>検索対象<Paragraph Style="2x1">「現在のページ」または「文書内の全てのページ」より選択します。</Paragraph></Paragraph><Paragraph Style="1x2">検索オプション<Paragraph>大文字と小文字を区別する</Paragraph><Paragraph>チェックすると文字を検索するときに大文字と小文字を別の文字として検索します。</Paragraph></Paragraph><Paragraph>正規表現を使用する<Paragraph>チェックすると検索文字列に正規表現を用いることができます。</Paragraph></Paragraph><Paragraph>前を検索<Paragraph Style="2x1">現在の段落のカーソル位置より前方を検索します。
段落内の前方になければ前の段落を探します。
検索対象が「現在のページ」の場合、ページ先頭まで検索したらページの最後に戻ります。
検索対象が「文書内の全てのページ」の場合、ペーシ内の前方になければ前のページを探します。</Paragraph></Paragraph><Paragraph>次を検索<Paragraph Style="2x1">現在の段落のカーソル位置より後方を検索します。
段落内の後方になければ次の段落を探します。
検索対象が「現在のページ」の場合、ページ最後まで検索したらページの先頭に戻ります。
検索対象が「文書内の全てのページ」の場合、ペーシ内の後方になければ次のページを探します。</Paragraph></Paragraph><Paragraph>置換<Paragraph Style="2x1">選択されている文字列が検索文字列であれば、選択されている文字列を置換後の文字列で置き換えます。
置換後に次の検索を行います。
選択されている文字列が検索文字列でなければ次の検索を行います。</Paragraph></Paragraph><Paragraph>全て置換<Paragraph Style="2x1">検索文字列と一致する検索対象中の全ての文字列を置換後の文字列で置き換えます。</Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph></Paragraph>
                        </Page>
                        <Page>
                            <PageTitle>ID</PageTitle>
                            <OutputFileName>id</OutputFileName>
                            <Paragraph>ID<Paragraph>段落にはIDを設定することができます。</Paragraph><Paragraph>[ページ目次]</Paragraph><Paragraph ID="id">ID領域<Paragraph>IDを設定するにはID領域を表示します。
ID領域は該当段落の左側を右クリックしページ編集コンテキストメニューより「ID表示」またはツールバーの&lt;img src="icon/id.png"&gt;ボタンで表示します。</Paragraph><Paragraph>&lt;img src="img2/id1.png"&gt;</Paragraph><Paragraph>右側の緑の部分がID領域です。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="usage">IDの用途<Paragraph>IDは主にページ内のリンク先として使用します。他のペーシまたはページ内よりの移動先に指定します。
またページ内の目次を作成するときも利用されます。
またHTML作成時は「id属性」として出力されますのでスタイルシートで段落のスタイルを変更するのに使用することもできます。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="discript">IDの記述法<Paragraph>IDは1つの段落に1つのみ設定できます。必要なければ設定しません。
IDはアルファベットで開始し、任意の数のアルファベット、数字、、ハイフン、アンダースコアで記述して下さい。大文字/小文字は区別します。
IDはページ中で同じものがないようにして下さい。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="edit">IDの編集<Paragraph>ID領域をクリックするとID編集モードとなり、ID領域の中が黄色くなります。
この状態でIDが入力編集できます。</Paragraph><Paragraph>ID編集コンテキストメニュー<Paragraph>ID編集中に右クリックし、ID編集コンテキストメニューを表示してIDの編集を行います。</Paragraph><Paragraph Type="ntable" Style="28">ID編集コンテキストメニュー<Paragraph>&lt;img src="icon/text_undo.png"&gt;<Paragraph>元に戻す
(UNDO機能)</Paragraph><Paragraph>変更したIDを元に戻します。
この機能はIDの編集が終了した時点でクリアされます。
編集終了後はページ編集でのUNDO機能で元に戻すことができます。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/text_redo.png"&gt;<Paragraph>やり直し</Paragraph><Paragraph>元に戻したIDを再変更します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/cut.png"&gt;<Paragraph>切り取り</Paragraph><Paragraph>選択したIDを切り取ります。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/copy.png"&gt;<Paragraph>コピー</Paragraph><Paragraph>選択したIDをクリップボードにコピーします。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/paste.png"&gt;<Paragraph>貼り付け</Paragraph><Paragraph>カーソル位置にクリップボードのIDを挿入します。</Paragraph></Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph></Paragraph>
                        </Page>
                        <Page>
                            <PageTitle>スタイル</PageTitle>
                            <OutputFileName>style</OutputFileName>
                            <Paragraph>スタイル<Paragraph>段落にはスタイルを設定することができます。</Paragraph><Paragraph>[ページ目次]</Paragraph><Paragraph ID="style">スタイル領域<Paragraph>スタイルを設定するにはスタイル領域を表示します。
スタイル領域は該当段落の左側を右クリックしページ編集コンテキストメニューより「スタイル表示」またはツールバーの&lt;img src="icon/style.png"&gt;ボタンで表示します。</Paragraph><Paragraph>&lt;img src="img2/style1.png"&gt;</Paragraph><Paragraph>右側のブルーの部分がスタイル領域です。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="usage">スタイルの用途<Paragraph>スタイルはページをHTMLに変換しブラウザで表示する場合の段落の表示スタイルを指定するためのものです。
スタイル領域には段落のタグに用いる属性の他、変換時のHTMLエンコードの有無、BRタグの有無、テーブルの幅、テーブルの結合などが設定できます。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="discript">スタイルの記述法<Paragraph>属性の指定には分かり易い略記法が利用できます。
スタイル領域への記述法は次の通りです。複数の記述をする場合はスペースで区切ります。</Paragraph><Paragraph Type="ntable" Style="140"><Paragraph>一般的な属性<Paragraph>xxx="yyyy"、 xxx='yyyy' または xxx=yyyy　と記述します。
HTML変換時に、段落のタグに属性としてそのまま付加されます。
使う必要性はあまりありません。</Paragraph></Paragraph><Paragraph>スタイル<Paragraph>xxx:yyyy; と記述します。
HTML変換時に、段落のタグにスタイル属性として style="xxx:yyyy;" の形で付加されます。
スタイルを直接設定するよりも次のクラスを用いる方を推奨します。</Paragraph></Paragraph><Paragraph>クラス<Paragraph>アルファベットで開始する単独の文字列はクラス名として解釈します。
HTML変換時に、段落のタグにクラス属性として class="zzzz" の形で付加されます。
クラスの設定はスタイルシートでセレクタを記述するときに使用します。</Paragraph></Paragraph><Paragraph>HTMLエンコード<Paragraph Style="@ENCODE">HTMLでは「&amp;」「&lt;」「&gt;;」「"」などの文字は特殊な意味を持ち、そのままでは正しく表示できません。
これらが正しく表示されるように特別な文字列に置換することをHTMLエンコードといいます。 
具体的には、「&amp;」「&lt;」「&gt;;」「"」などを、「&amp;amp;」「&amp;lt;」「&amp;gt;」「&amp;quot;」に置換します。
テキストをHTMLエンコードする必要がある場合は、@ENCODE と記述します。</Paragraph></Paragraph><Paragraph>改行タグ抑制<Paragraph>通常テキストをHTMLに変換するときに、改行にBRタグが付加されますが、これを抑制したい場合は、@NOBR と記述します。
ただし段落タイプが整形済みテキストおよびデータの場合は自動的にBRタグ出力は抑制されますので、この指定は不要です。</Paragraph></Paragraph><Paragraph>非表示<Paragraph>この段落を一時的に非表示としたい場合は、@HIDE と記述します。
スタイルシートでの非表示設定(display:none;)とは異なり、HTML作成時に出力されません。
従属する下位の段落も同時に非表示となります。</Paragraph></Paragraph><Paragraph>カラムセパレータ<Paragraph>テーブルのカラムを記述するにはカラムごとに段落を記述する方法と、カラムセパレータを使用して1つの段落に複数のカラムを記述する方法があります。
文字「X」をカラムセパレータにするには @SEP='X'と指定します。
カラムセパレータにはアルファベット小文字以外の文字や記号が使用できます。
引用符はダブルクォーテーションまたはシングルクォーテーションまたは引用符無しのいずれでも構いません。
カラムセパレータは段落種別にテーブルが設定されている段落またはテーブルの行となる段落、またはテーブルのカラムとなる段落にのみ有効です。
カラムセパレータはカラムとなる段落で使用されます。
カラムセパレータの適用は次の規則によります。
・カラムとなる段落にカラムセパレータの指定があればそれを使用します。
・無ければ、親の行となる段落にカラムセパレータの指定があればそれを使用します。
・無ければ、親のテーブルとなる段落にカラムセパレータの指定があればそれを使用します。
・どれにも指定が無ければカラムはセパレートされません。</Paragraph></Paragraph><Paragraph>テーブルの列幅<Paragraph>テーブルの列幅を指定したい場合に設定します。
段落種別にテーブルが設定されている段落にのみ有効です。
列幅はピクセルまたはパーセントでカンマ区切りで複数指定します。(例1)200,300 (例2)20%,30%
パーセントはブラウザでの表示領域に対する割合です。
列幅の指定数が列数より少ない場合は未指定の列は自動となります。</Paragraph></Paragraph><Paragraph>テーブルのセルの結合<Paragraph>セルを結合する場合に設定します。
セルの結合数を結合の起点となる段落に設定します。
結合数を横x縦で設定します。
(例) 2x1 横に2つ結合します。
(例) 1x3 縦に3つ結合します。</Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="edit">スタイルの編集<Paragraph>スタイル領域をクリックするとスタイル編集モードとなり、スタイル領域の中が黄色くなります。
この状態でスタイルが入力編集できます。</Paragraph><Paragraph>スタイル編集コンテキストメニュー<Paragraph>スタイル編集中に右クリックし、スタイル編集コンテキストメニューを表示してスタイルの編集を行います。</Paragraph><Paragraph Type="ntable" Style="28">スタイル編集コンテキストメニュー<Paragraph>&lt;img src="icon/text_undo.png"&gt;<Paragraph>元に戻す
(UNDO機能)</Paragraph><Paragraph Style="2x1">変更したスタイルを元に戻します。
この機能はスタイルの編集が終了した時点でクリアされます。
編集終了後はページ編集でのUNDO機能で元に戻すことができます。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/text_redo.png"&gt;<Paragraph>やり直し</Paragraph><Paragraph Style="2x1">元に戻したスタイルを再変更します。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/cut.png"&gt;<Paragraph>切り取り</Paragraph><Paragraph Style="2x1">選択したスタイルを切り取ります。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/copy.png"&gt;<Paragraph>コピー</Paragraph><Paragraph Style="2x1">選択したスタイルをクリップボードにコピーします。</Paragraph></Paragraph><Paragraph>&lt;img src="icon/paste.png"&gt;<Paragraph>貼り付け</Paragraph><Paragraph Style="2x1">カーソル位置にクリップボードのスタイルを挿入します。</Paragraph></Paragraph><Paragraph Style="1x5"><Paragraph Style="1x5">カスタム機能</Paragraph><Paragraph Style="2x1">カスタム機能を設定します。</Paragraph></Paragraph><Paragraph>HTMLエンコード<Paragraph>@ENCODEを設定し、段落テキストをHTMLエンコードします。</Paragraph></Paragraph><Paragraph>改行タグ抑制<Paragraph Style="@ENCODE">@NOBRを設定し、段落テキストの改行を&lt;BR&gt;に置き換えません。</Paragraph></Paragraph><Paragraph>非表示<Paragraph>@HIDEを設定し、段落を非表示とします。</Paragraph></Paragraph><Paragraph>カラムセパレータ<Paragraph>@SEP='|'を初期値として設定し、カラムセパレータを「|」に設定します。
文字「|」はアルファベット小文字以外の文字や記号に変更できます。
このメニューは段落種別にテーブルが設定されている段落またはテーブルの行となる段落、またはテーブルのカラムとなる段落にのみ表示されます。</Paragraph></Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph></Paragraph>
                        </Page>
                    </Pages>
                </Page>
            </Pages>
        </Page>
        <Page>
            <PageTitle>HTML変換規則</PageTitle>
            <OutputFileName>rule</OutputFileName>
            <Paragraph>HTML変換規則<Paragraph>「イカル」のページをHTMLファイルに変換するときの内部の処理方法を説明します。
テンプレート作成の参考にして下さい。</Paragraph><Paragraph>[ページ目次]</Paragraph><Paragraph ID="sectionhtml">段落HTML<Paragraph>段落のテキストをHTML出力用に加工したものを段落HTMLと呼びます。
段落HTMLは次の方法で生成します。</Paragraph><Paragraph Type="olist"><Paragraph>段落タイプが整形済みテキストでもデータでもなければ空白を&amp;amp;nbsp;に置き換えます。ただし&amp;lt;と&amp;gt;に囲まれた部分は除きます。</Paragraph><Paragraph Style="@ENCODE">段落タイプが整形済みテキストでもデータでもなく、スタイル領域に@NOBRの指定がない場合は改行に&lt;br&gt;を付加ます。</Paragraph><Paragraph>スタイル領域に@ENCODEの指定がある場合は下記の文字が変換されます。<Paragraph Type="htable"><Paragraph>変換前<Paragraph>変換後</Paragraph></Paragraph><Paragraph>"<Paragraph>&amp;amp;quot;</Paragraph></Paragraph><Paragraph>&amp;<Paragraph>&amp;amp;amp;</Paragraph></Paragraph><Paragraph>&lt;<Paragraph>&amp;amp;lt;</Paragraph></Paragraph><Paragraph>&gt;<Paragraph>&amp;amp;gt;</Paragraph></Paragraph><Paragraph>0x0A～0xFFの文字<Paragraph>&amp;amp;#文字コード;</Paragraph></Paragraph></Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="attribute">属性<Paragraph>段落のID領域およびスタイル領域より、段落の開始タグに付加される属性が作られます。
属性は次の手順で作られます。</Paragraph><Paragraph>ID領域に設定されたIDは id属性 id="xxxx"を付加します。</Paragraph><Paragraph>次にスタイル領域に設定された文字列より次の規則で属性を付加します。</Paragraph><Paragraph Type="olist"><Paragraph>xxx="yyyy"、x='yyyy'またはxxx=yyyyはそのままの形で属性として付加します。</Paragraph><Paragraph>xxx:yyyy;はスタイル属性とみなして style="xxx:yyyy;" を付加します。</Paragraph><Paragraph>上記以外のアルファベットで始まる文字列はクラス名とみなしてクラス属性 class="xxxx" を付加します。</Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="convert">コンテンツHTML<Paragraph>「イカル」のページをHTMLへ変換したものをコンテンツHTMLといいます。
「イカル」のページは次の規則に従い、ページの最初の段落より順次階層的にコンテンツHTMLに変換されます。</Paragraph><Paragraph>段落タイプが見出無しテーブルの場合<Paragraph Style="@ENCODE">テーブル開始タグ&lt;table 属性&gt;に変換されます。。
段落のテキストが空でない場合は、テーブルの表題として&lt;caption&gt;段落HTML&lt;/caption&gt;が出力されます。
スタイル領域に列幅が指定されている場合は、列幅指定のための&lt;col width="xxx"&gt;要素が指定されている数だけ出力されます。
次に子段落のセクションタイプがテーブル行の場合、開始行タグ&lt;row 属性&gt;に変換されます。
そうでない場合は開始行タグ&lt;row&gt;を出力し、その段落は行の最初のセル要素&lt;td 属性&gt;段落HTML&lt;/td&gt;に変換されます。
孫段落は順次、行のセル要素&lt;td 属性&gt;段落HTML&lt;/td&gt;に変換されます。。
孫段落がすべて処理されたら、&lt;/row&gt;を出力して行を閉じ、次の子段落から行の処理を繰り返します。
子段落がすべて処理されたら、&lt;/table&gt;を出力してテーブルを閉じます。</Paragraph></Paragraph><Paragraph>段落タイプが見出付きテーブルの場合<Paragraph Style="@ENCODE">上記の見出し無しテーブルと同じですが、１行目は&lt;td&gt;の代わりに&lt;th&gt;が出力されます。</Paragraph></Paragraph><Paragraph>段落タイプが順序無しリストの場合<Paragraph Style="@ENCODE">順序無しリスト開始タグ&lt;ul 属性&gt;に変換されます。
次に子段落は順次&lt;li 属性&gt;段落HTML&lt;/li&gt;に変換されます。
子段落がすべて処理されたら、&lt;/ul&gt;を出力して順序無しリストを閉じます。</Paragraph></Paragraph><Paragraph>段落タイプが順序付きリストの場合<Paragraph Style="@ENCODE">順序付きリスト開始タグ&lt;ol 属性&gt;に変換されます。
次に子段落は順次&lt;li 属性&gt;段落HTML&lt;/li&gt;に変換されます。
子段落がすべて処理されたら、&lt;/ol&gt;を出力して順序付きリストを閉じます。</Paragraph></Paragraph><Paragraph>段落タイプが整形済みテキストの場合<Paragraph Style="@ENCODE">&lt;pre 属性&gt;段落HTML&lt;/pre&gt;を出力します。</Paragraph></Paragraph><Paragraph>段落タイプがグループの場合<Paragraph Style="@ENCODE">最初に子段落をグループ化するために開始タグ&lt;div 属性&gt;を出力します。
段落HTMLがあれば段落要素&lt;p 属性&gt;段落HTML&lt;/p&gt;を出力します。
子段落は上記ルールにしたがって再帰的にHTML化されます。
子段落がすべて処理されたら、&lt;/div&gt;を出力してグループを閉じます。</Paragraph></Paragraph><Paragraph>段落タイプがデータの場合<Paragraph>段落のテキストをそのまま出力します。</Paragraph></Paragraph><Paragraph>段落タイプが自動で、子段落がある場合<Paragraph>親および上位の段落タイプが全て自動の場合<Paragraph Style="@ENCODE">最初に子段落をセクション化するために開始タグ&lt;section class='ollevel?' 属性&gt;を出力します。
次に見出し要素&lt;h?&gt;段落HTML&lt;/h?&gt;を出力します。
子段落は上記ルールにしたがって再帰的にHTML化されます。
子段落がすべて処理されたら、&lt;/section&gt;を出力してセクションを閉じます。
(注) ?は階層の深さを表す1～6の数字です。</Paragraph></Paragraph><Paragraph>親および上位の段落タイプに自動以外がある場合<Paragraph Style="@ENCODE">最初に子段落をグループ化するために開始タグ&lt;div 属性&gt;を出力します。
段落HTMLがあれば段落要素&lt;p 属性&gt;段落HTML&lt;/p&gt;を出力します。
子段落は上記ルールにしたがって再帰的にHTML化されます。
子段落がすべて処理されたら、&lt;/div&gt;を出力してグループを閉じます。</Paragraph></Paragraph></Paragraph><Paragraph>段落タイプが自動で、子段落が無い場合<Paragraph Style="@ENCODE">段落要素&lt;p 属性&gt;段落HTML&lt;/p&gt;に変換されます。</Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="template">使用するテンプレート<Paragraph>上記のコンテンツHTMLには文書型宣言やヘッダーが無く、これだけでは完全なHTML文書ではありません。
コンテンツHTMLを文書型宣言やヘッダーが書かれたテンプレートに埋め込むことにより完全なHTML文書になります。
使用するテンプレートは文書目的別に設定されています。
使用するテンプレートは次の手順により決定されます。</Paragraph><Paragraph Type="olist"><Paragraph>変換するページよりページの親子関係を遡り最初に設定されている目的のテンプレートを使用します。</Paragraph><Paragraph>親子関係でどこにも目的のテンプレートが設定されていなければ文書に設定されているテンプレートを使用します。</Paragraph><Paragraph>文書にも設定されていなければデフォルトのテンプレートを使用します。</Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="create">完全なHTMLの生成<Paragraph>テンプレートを利用して完全なHTMLを作成するのは次の手順によって行われます。</Paragraph><Paragraph Type="olist"><Paragraph>最初にテンプレートの内容を生成HTMLとします。</Paragraph><Paragraph>生成HTMLの中にある［ページ内容］変数をコンテンツHTMLに置き換えます。</Paragraph><Paragraph>生成HTMLの中にある［文書タイトル］変数を文書タイトルに置き換えます。</Paragraph><Paragraph>生成HTMLの中にある［ページタイトル］変数をページタイトルに置き換えます。</Paragraph><Paragraph>生成HTMLの中にある［文書目次］変数を文書目次に置き換えます。</Paragraph><Paragraph>生成HTMLの中にある［部分目次］変数を部分目次に置き換えます。</Paragraph><Paragraph>生成HTMLの中にある［ページ目次］変数をページ目次に置き換えます。</Paragraph><Paragraph>生成HTMLの中に利用者定義変数が使用されていれば利用者定義変数の値に置き換えます。<Paragraph>利用者定義変数の値は変数ごとに、変換するページよりページの親子関係を遡り最初に設定されている値を使用します。
親子関係でどこにも利用者定義変数が定義されていなければ、文書で定義されている利用者変数の値を使用します。
文書でも利用者変数が定義されていなければ変換されず変数名はそのまま残ります。</Paragraph></Paragraph></Paragraph><Paragraph>上記の置き換えにより生成されたHTMLを最終結果としてファイルに出力します。
置き換えは上より順番に行われるので、前段階で変数が使用されていれば置き換えが行われます。
例えば［文書目次］変数はテンプレートの中やページ内容の中にあっても置き換えられます。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="output">出力ファイル<Paragraph>HTMLファイルの生成先フォルダは文書設定で文書目的別に設定します。
HTMLファイルの出力ファイル名はページ設定で文書目的別に設定します。
出力ファイル名に拡張子が指定されていない場合は、文書設定で文書目的別に設定する拡張子が使用されます。
出力ファイル名にフォルダが指定されている場合は、生成先フォルダのサブファルダと看做し、その中に出力します。
生成先フォルダまたはサブフォルダが無い場合は出力前にフォルダを自動生成します。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph></Paragraph>
        </Page>
        <Page>
            <PageTitle>テクニカルノート</PageTitle>
            <OutputFileName>tecnicalnote</OutputFileName>
            <Paragraph>テクニカルノート<Paragraph>[部分目次]</Paragraph></Paragraph>
            <Pages>
                <Page>
                    <PageTitle>テーブルを表示する</PageTitle>
                    <OutputFileName>table</OutputFileName>
                    <Paragraph>テーブルを表示する<Paragraph>HTMLにテーブル(表)を追加し表示します。
下のような階層的なページの一部をテーブルで表すことができます。</Paragraph><Paragraph>&lt;img src="img2/table1.png"&gt;</Paragraph><Paragraph>[ページ目次]</Paragraph><Paragraph ID="basic">基本的な操作<Paragraph>「葛西臨海公園」から「双眼鏡1つで気軽に出かけよう」の前までをテーブルにします。
そのためにはテーブルの範囲を示すための親段落を1つ作りる必要があります。
親段落は「葛西臨海公園」の上に作ります。
次にテーブルにする部分を親段落の子セクションになるように&lt;img src="icon/move_right.png"&gt;で移動します。</Paragraph><Paragraph>&lt;img src="img2/table2.png"&gt;</Paragraph><Paragraph>これをテーブルにするには親段落以下がテーブルであることをマークする必要があります。
親段落の左側を右クリックしてコンテキストメニューを表示して「段落種別」→「見出無しテーブル」を選択します。
親段落の行頭にテーブルのアイコン&lt;img src="icon/ntable.png"&gt;が表示されます。</Paragraph><Paragraph>&lt;img src="img2/table3.png"&gt;</Paragraph><Paragraph>これでテーブルが完成です。
このページをHTMLにすると次のようなテーブルになります。</Paragraph><Paragraph>&lt;img src="img2/table4.png"&gt;</Paragraph><Paragraph>テーブルには罫線は描かれていませんが、これはスタイルシートで設定します。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="addtitle">タイトルを付ける<Paragraph>テーブルにはタイトルを付けることもできます。親段落にテキストを入力すれば、これがテーブルタイトルとなります。</Paragraph><Paragraph>&lt;img src="img2/table5.png"&gt;</Paragraph><Paragraph>&lt;img src="img2/table6.png"&gt;</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="htable">見出し付きテーブル<Paragraph>テーブルを見出し付きテーブルにすることもできます。
「段落種別」で「見出付きテーブル」を選択します。
見出付きテーブルとする最初の行が見出しとして表示されます。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="setwidth">テーブル幅の指定<Paragraph>テーブル幅を指定するにはスタイルボタン&lt;img src="icon/style.png"&gt;でスタイルを表示し、スタイル領域にテーブル幅を指定します。
(例)120,250　1列目が150ピクセル、2列目が250ピクセル、3列目以降は自動になります。パーセントで指定する場合は10%,20%とします。
&lt;img src="img2/table7.png"&gt;
は次の様に表示されます。
&lt;img src="img2/table8.png"&gt;</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="cellspan">セルの結合<Paragraph>テーブルのセルを結合することができます。
結合の起点となる段落でスタイル領域に指定します。
(例) 2x1 横に2つ連結します。
(例) 1x3 縦に3つ連結します。</Paragraph><Paragraph>&lt;img src="img2/table9.png"&gt;
は次の様に表示されます。</Paragraph><Paragraph>&lt;img src="img2/table10.png"&gt;</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="incell">セル中の階層<Paragraph>セルとなる段落も子セクションを持つことができますので、セルの中に子テーブルを作るとか、リスト表示をさせるなどのことが可能です。
ただし、行頭のセルに関しては例外です。なぜなら行頭のセルの子段落は同行の2番目以降のセルとなるようになっているためです。
これを回避するために、テーブル行を表す特別な段落を、行の先頭を表す段落の前に挿入します。
テーブル行を表す段落は、セクションの左側を右クリックしてコンテキストメニューを表示して「段落種別」→「テーブル行」を選択して設定します。
次に行に含まれるすべての段落をセルの全てをテーブル行を表す段落の子となるようにします。</Paragraph><Paragraph Type="ntable" Style="border:0;"><Paragraph Style="border:0;">&lt;img src="img2/table2.png"&gt;<Paragraph Style="border:0;">⇒⇒⇒</Paragraph><Paragraph Style="border:0;">&lt;img src="img2/table11.png"&gt;</Paragraph></Paragraph></Paragraph><Paragraph>左の画面が右の様になります。結果は右も左もHTMLにすれば同じテーブルとして表示されます。
しかし、左の「葛西臨海公園」は子段落を持てませんが、右の「葛西臨海公園」は子段落を持つことができるようになります。</Paragraph><Paragraph>&lt;img src="img2/table12.png"&gt;</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="border">セルの罫線<Paragraph>セルの罫線はスタイルシートで指定できます。テーブル段落のスタイル欄で指定すれば、それが優先されます。</Paragraph><Paragraph>スタイル欄に次の様に書くと罫線の形式が指定できます。</Paragraph><Paragraph Type="ntable"><Paragraph>罫線なし<Paragraph>border="0"</Paragraph><Paragraph>属性指定</Paragraph></Paragraph><Paragraph>二重罫線<Paragraph>border="1"</Paragraph><Paragraph>属性指定</Paragraph></Paragraph><Paragraph>単罫線<Paragraph>border-collapse: collapse</Paragraph><Paragraph>スタイル指定</Paragraph></Paragraph></Paragraph></Paragraph><Paragraph ID="column">コラムの簡略記述<Paragraph>上記の例のページ編集は次のようにテーブルのカラムごとに段落が記述されています。
&lt;img src="img2/table13.png"&gt;
これはカラムが複数になると記述が冗長になります。これを簡単にするためカラムセパレータを使用して1つの段落に複数のカラムを記述するができます。
カラムセパレータに「|」を使用して、複数のカラムを纏めて1つの段落にするには次のように記述します。
&lt;img src="img2/table14.png"&gt;
さらに、行段落も含めて、次のように記述することもできます。
&lt;img src="img2/table15.png"&gt;
これらは全てHTMLにすれば同じテーブルとして表示されます。
カラムセパレータの詳細は&lt;a href="style.html#discript"&gt;スタイルの記述法&lt;/a&gt;のカラムセパレータを参照下さい。</Paragraph></Paragraph></Paragraph>
                </Page>
                <Page>
                    <PageTitle>リストを表示する</PageTitle>
                    <OutputFileName>list</OutputFileName>
                    <Paragraph>リストを表示する<Paragraph>HTMLに順序付きリストまたはリスト無しリスト)を追加し表示します。
下のような並列的な段落をHTMLのリストに変換できます。</Paragraph><Paragraph>&lt;img src="img2/list1.png"&gt;</Paragraph><Paragraph>「野外活動、無理なく楽しく」から「近づかないで、野鳥の巣」までを順序付きリストにします。
そのためにリストの範囲を示すための親段落を1つ作りる必要があります。
親段落は「野外活動、無理なく楽しく」の上に作ります。
次にリストにする部分を親段落の子セクションになるように&lt;img src="icon/move_right.png"&gt;で移動します。</Paragraph><Paragraph>&lt;img src="img2/list2.png"&gt;</Paragraph><Paragraph>これを順序付きリストにするには親段落以下が順序付きリストであることをマークする必要があります。
親段落の左側を右クリックしてコンテキストメニューを表示して「段落種別」→「順序付きリスト」を選択します。
親段落の行頭に順序付きリストのアイコン&lt;img src="icon/ordered_list.png"&gt;が表示されます。</Paragraph><Paragraph>&lt;img src="img2/list3.png"&gt;</Paragraph><Paragraph>これで順序付きリストが完成です。
このページをHTMLにすると次のようなリストになります。</Paragraph><Paragraph>&lt;img src="img2/list4.png"&gt;</Paragraph><Paragraph>順序無しリストにするには「段落種別」→「順序無しリスト」を選択します。
リストの中にリスト作り、階層的なリストにすることもできます。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph>
                </Page>
                <Page>
                    <PageTitle>画像を挿入する</PageTitle>
                    <OutputFileName>addimage</OutputFileName>
                    <Paragraph>画像を挿入する<Paragraph>HTMLに画像を挿入し表示します。
画像は予め変換先フォルダーまたはその配下のフォルダ内に格納しておいて下さい。
テキスト領域で、画像を挿入したい場所に文字カーソルを移動し、右クリックで文字編集コンテキストメニューより「項目の挿入」→「画像」を選択します。</Paragraph><Paragraph>&lt;img src="img2/image1.png"&gt;</Paragraph><Paragraph Type="ntable" Style="120,120"><Paragraph>画像ファイル<Paragraph Style="3x1">表示したい画像を右側のボタンより参照して選択します。</Paragraph></Paragraph><Paragraph>代替テキスト<Paragraph Style="3x1">必要に応じて、ブラウザで画像の代わりに使用されるにテキストを設定します。</Paragraph></Paragraph><Paragraph Style="1x6">表示サイズ<Paragraph Style="3x1">必要に応じて、表示するサイズを指定します。</Paragraph></Paragraph><Paragraph>指定しない<Paragraph>そのままのサイズで表示します。</Paragraph></Paragraph><Paragraph>ピクセル指定<Paragraph>ピクセル単位で大きさを指定します。</Paragraph></Paragraph><Paragraph>パーセント指定<Paragraph>パーセントで大きさを指定します。パーセントとはブラウザでの表示領域に対するものです。</Paragraph></Paragraph><Paragraph>縦横比を維持する<Paragraph>画像の縦横比を元のサイズのままで拡大縮小します。</Paragraph></Paragraph><Paragraph>サイズ(縦x横)<Paragraph>ピクセルまたはパーセントで縦×横のサイズを設定します。
縦横比を維持するにチェックがある場合は、縦または横の一方のサイズを指定すると他方の大きさが自動的に設定されます。</Paragraph></Paragraph></Paragraph><Paragraph Style="@ENCODE">挿入ボタンを押すと、文字カーソル位置に画像要素 &lt;img src="画像ファイル" width="横サイズ" height="縦サイズ"&gt; が挿入されます。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph>
                </Page>
                <Page>
                    <PageTitle>リンクを挿入する</PageTitle>
                    <OutputFileName>addlink</OutputFileName>
                    <Paragraph>リンクを挿入する<Paragraph>リンクには文書内の項目に移動する内部リンクと、文書外のページを別窓で開く外部リンクがあります。</Paragraph><Paragraph>[ページ目次]</Paragraph><Paragraph ID="internal">内部リンク<Paragraph>HTMLにリンクを挿入し文書内の同一ページまたは他のページの項目へ移動できるようにします。
リンクできるのは、文書内の他のページ、現在のページの先頭、またはIDの付けられた段落の先頭です。
テキスト領域で、リンクを挿入したい場所に文字カーソルを移動し、右クリックで文字編集コンテキストメニューより「項目の挿入」→「内部リンク」を選択します。</Paragraph><Paragraph>&lt;img src="img2/link1.png"&gt;</Paragraph><Paragraph Type="ntable"><Paragraph>リンクページ<Paragraph>リンクするページをコンボボックスより選択します。ページ内へのリンクの場合は「現在のページ」を選択して下さい。</Paragraph></Paragraph><Paragraph>リンク箇所<Paragraph>選択したページのIDの付いた段落のテキストがコンボボックスに表示されます。
この中よりリンクしたい場所を選択します。ページの先頭にリンクするには「ページの先頭」を選択します。</Paragraph></Paragraph><Paragraph>テキスト<Paragraph>リンクとして表示するテキストを設定します。</Paragraph></Paragraph></Paragraph><Paragraph>挿入ボタンを押すと、文字カーソル位置にHTMLのリンク要素が挿入されます。</Paragraph><Paragraph Type="ulist"><Paragraph Style="@ENCODE">他のページの先頭にリンクする場合は、&lt;a href="ページ名"&gt;テキスト&lt;/a&gt;　を挿入します。</Paragraph><Paragraph Style="@ENCODE">他のページの特定の箇所にリンクする場合は、&lt;a href="ページ名#ID"&gt;テキスト&lt;/a&gt;　を挿入します。</Paragraph><Paragraph Style="@ENCODE">現在のページの先頭へリンクする場合は、&lt;a href="#先頭のID"&gt;テキスト&lt;/a&gt;　を挿入します。</Paragraph><Paragraph Style="@ENCODE">現在のページの他の箇所へリンクする場合は、&lt;a href="#ID"&gt;テキスト&lt;/a&gt;　を挿入します。</Paragraph></Paragraph><Paragraph>段落にIDを付ける方法は&lt;a href="id.html"&gt;編集画面→ID&lt;/a&gt;をご覧ください。</Paragraph></Paragraph><Paragraph ID="external">外部リンク<Paragraph>HTMLにリンクを挿入し文書外のページを別窓で開けるようにします。
テキスト領域で、リンクを挿入したい場所に文字カーソルを移動し、右クリックで文字編集コンテキストメニューより「項目の挿入」→「外部リンク」を選択します。</Paragraph><Paragraph>&lt;img src="img2/link2.png"&gt;</Paragraph><Paragraph Type="ntable"><Paragraph>リンクURL<Paragraph>リンクするページのURLを設定します。</Paragraph></Paragraph><Paragraph>テキスト<Paragraph>リンクとして表示するテキストを設定します。</Paragraph></Paragraph></Paragraph><Paragraph>挿入ボタンを押すと、文字カーソル位置にHTMLのリンク要素が挿入されます。</Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph>
                </Page>
                <Page>
                    <PageTitle>目次を挿入する</PageTitle>
                    <OutputFileName>addindex</OutputFileName>
                    <Paragraph>目次を挿入する<Paragraph>目次には3つの種類があります。</Paragraph><Paragraph Type="ntable"><Paragraph>文書目次<Paragraph>文書内の全てのページへのリンクの階層的なリストです。</Paragraph></Paragraph><Paragraph>部分目次<Paragraph>対象ページの下位に従属する全てのページへのリンクの階層的なリストです。</Paragraph></Paragraph><Paragraph>ページ目次<Paragraph>対象ページ内のIDの付けられた段落位置への階層的なリストです。</Paragraph></Paragraph></Paragraph><Paragraph>目次の挿入は、テキスト編集で挿入したい位置で右クリックしてコンテキストメニューを表示し「項目の操作」→「文書目次」、「部分目次」または「ページ目次」を選択します。
テキストのカーソル位置にプレスホルダーとして［文書目次］、［部分目次］または［ページ目次］という文字が挿入されます。
実際の目次リストはページをHTMLに変換するときにHTMLに挿入されます。
なおプレスホルダとして表示される文字は、文書のプロパティのシステム変数名で変更することができます。
テンプレートにはコンテキストメニューからは目次を追加することはできませんが、テンプレートにプレスホルダを直接記述することで、HTML変換時に目次に変換されます。</Paragraph></Paragraph>
                </Page>
                <Page>
                    <PageTitle>テンプレートを使う</PageTitle>
                    <OutputFileName>usetemplate</OutputFileName>
                    <Paragraph>テンプレートを使う<Paragraph>テンプレートとはページをHTMLに変換するときの様式を定義するテキストファイルです。
テンプレートファイルのテキストに変数を埋め込み、HTML作成時に変数を値に置き換えることにより、決められた形式のHTMLファイルを作成することができます。
テンプレートを変更すれば同じ文書から異なるHTMLファイルを作成することができます。</Paragraph><Paragraph>[ページ目次]</Paragraph><Paragraph ID="exsample">テンプレートの例<Paragraph>下記は簡単なテンプレートの例です。</Paragraph><Paragraph Type="pretext" Style="@ENCODE">&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;meta charset="UTF-8"&gt;
        &lt;title&gt;[ページタイトル]&lt;/title&gt;
        &lt;meta name="keywords" content="[キーワード]"&gt;
    &lt;/head&gt;
    &lt;body&gt;
        [ページ内容]
    &lt;/body&gt;
&lt;/html&gt;</Paragraph><Paragraph>このテンプレートを用いると、
［ページタイトル］がシステム変数であるページのタイトルに置き換わります。
［キーワード］は利用者定義変数であるキーワードの値に置き換わります。
［ページ内容］はページの内容をHTMLに変換したテキストに置き換わります。
このようにテンプレートの指定部分が置き換わり、テンプレートの他の部分はテンプレートがそのままでファイルとして出力されます。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="makefile">テンプレートの作り方<Paragraph>テンプレートはテキストエディタまたはHTMLエディタを用いてテキストファイルとして作ります。またホームページ作成ソフトを利用して作ることもできます。
テンプレートは通常のHTMLファイルを作るのと同じよう作ります。異なる点は、値を代入したいところに変数を埋め込むことです。</Paragraph><Paragraph>利用できる変数<Paragraph>埋め込むことのできる変数は次の通りです。変数を埋め込む場合は［ ］で囲ってください。</Paragraph><Paragraph Type="ntable" Style="100,100"><Paragraph Style="1x7">システム変数<Paragraph>文書タイトル</Paragraph><Paragraph>文書のタイトルを表す変数です。</Paragraph></Paragraph><Paragraph>ページタイトル<Paragraph>ページのタイトルを表す変数です。</Paragraph></Paragraph><Paragraph>ページ内容<Paragraph>ページの内容をHTMLに変換したテキストを表す変数です。</Paragraph></Paragraph><Paragraph>部分ページ内容<Paragraph>ページの部分的な内容をHTMLに変換したテキストを表す変数です。詳細は&lt;a href="#partial"&gt;部分ページ内容変数&lt;/a&gt;をご覧ください。</Paragraph></Paragraph><Paragraph>文書目次<Paragraph>文書内の全てのページへのリンクの階層的なリストで作られる目次を表す変数です。</Paragraph></Paragraph><Paragraph>部分目次<Paragraph>対象ページの下位に従属する全てのページへのリンクの階層的なリストで作られる目次を表す変数です。</Paragraph></Paragraph><Paragraph>ページ目次<Paragraph>対象ページ内のアンカー位置への階層的なリストで作られる目次を表す変数です。
アンカーとして段落のIDが用いられます。階層的につながらないアンカーはリストに含まれません。</Paragraph></Paragraph><Paragraph Style="1x2">利用者定義変数<Paragraph>文書変数</Paragraph><Paragraph>文書内の全てのページで利用できる変数で、文書のプロパティで定義します。</Paragraph></Paragraph><Paragraph>ページ変数<Paragraph>定義されたページおよび下位に従属するページで利用できる変数で、ページのプロパティで定義することができます。
文書変数と重複する場合はページ変数が優先されます。
下位のページにある変数と重複する場合は下位の変数が優先されます。</Paragraph></Paragraph></Paragraph></Paragraph><Paragraph>文字コード<Paragraph>テンプレートの文字コードはテンプレート内のmetaタグのcharset属性で指定したものと同じコードで作成して下さい。
charset属性の指定の無い場合はSHIFT-JISで作成して下さい。</Paragraph></Paragraph><Paragraph>ファイル名と保存場所<Paragraph>テンプレートのファイル名および保存場所は任意ですが、保存場所を文書の保存場所と同じ場所または下位のフォルダにすると可搬性がよくなります。</Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="setting">テンプレートの設定<Paragraph>使用するテンプレートの設定は文書プロパティまたはページプロパティで行います。
HTML変換時に使用されるテンプレートは、変換するページにテンプレートが指定されていればそのテンプレートとなります。
なければその親ページを順次遡り、最初に見つかったテンプレートが適用されます。
いずれの上位ページにもテンプレートが見つからなければ文書プロパティのテンプレートが使用されます。
文書のプロパティにもテンプレートが設定されていなければ、内蔵する既定のテンプレートが使用されます。</Paragraph><Paragraph>既定のテンプレート<Paragraph>テンプレートが指定されない場合に使用される既定のテンプレートは次の通りです。</Paragraph><Paragraph Type="pretext" Style="@ENCODE">&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;meta charset="UTF-8"&gt;
    &lt;/head&gt;
    &lt;body&gt;
        [ページ内容]
    &lt;/body&gt;
&lt;/html&gt;</Paragraph></Paragraph><Paragraph>ページよりHTMLファイルに変換する場合、テンプレートに唯一の[ページ内容]の部分がページより作られるHTMLに置き換わり、他の部分はテンプレートがそのまま出力されます。
ファイルへの出力文字コードはテンプレートに指定された文字コード(上記の場合はUTF-8)になります。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="partial">部分ページ内容変数<Paragraph>ページ内容がテンプレートで1つに纏まらずに、複数個所に分離して表して表示しなければならない場合があります。
例えば、次の例のようにページ内容が「概要」と「詳細」からなる場合、「概要」と「詳細」をまとめてテンプレートに記述できないことがあります。</Paragraph><Paragraph Type="pretext" Style="@ENCODE">&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;meta charset="UTF-8"&gt;
    &lt;/head&gt;
    &lt;body&gt;
        ～概要～
        &lt;hr&gt;
        ～詳細～
    &lt;/body&gt;
&lt;/html&gt;</Paragraph><Paragraph>このような場合には、［ページ内容］変数を拡張して、［ページ内容(概要)］変数や［ページ内容(詳細)］変数を使うことができます。</Paragraph><Paragraph Type="pretext" Style="@ENCODE">&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;meta charset="UTF-8"&gt;
    &lt;/head&gt;
    &lt;body&gt;
        [ページ内容(概要)]
        &lt;hr&gt;
        [ページ内容(詳細)]
    &lt;/body&gt;
&lt;/html&gt;</Paragraph><Paragraph>このような変数を部分ページ内容変数とよび、一般形は、［ページ内容(部分名)］となります。
部分名はページ内の最上位の段落のテキストです。</Paragraph><Paragraph>変換規則<Paragraph>部分ページ内容が使用された場合は、ページ内の最上位段落からテキストの値が部分名に等しい段落を探し、その段落の下位に属する全ての段落をHTMLテキストに変換して［ページ内容(部分名)］と置き換えます。最上位の段落は変換に含まれません。
上の例の [ページ内容(概要)]の場合は、ページの最上位段落の値が「概要」である段落を探し、その段落の下位に属する全ての段落をHTMLテキストに変換して［ページ内容(概要)]］と置き換えます。</Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph></Paragraph>
                </Page>
                <Page>
                    <PageTitle>スタイルシートを使う</PageTitle>
                    <OutputFileName>stylesheet</OutputFileName>
                    <Paragraph>スタイルシートを使う<Paragraph>HTMLをブラウザで表示する場合はスタイルシートが使用されます。
明示的にスタイルシートがどこにも指定されていない場合はブラウザのデフォルトスタイルシートが使用されます。
スタイルシートを設定することにより、作成されたHTMLの文字の大きさや色、見え方などの外観をカスタマイズすることができます。</Paragraph><Paragraph>[ページ目次]</Paragraph><Paragraph ID="define">スタイルシートの定義場所<Paragraph>スタイルシートの定義場所には通常は外部ファイル、head要素内およびインライン属性の３の方法があります。
「イカル」でのスタイルシートの記述はテンプレートまたはページの段落のスタイル領域に記述します。</Paragraph><Paragraph Type="ntable" Style="100"><Paragraph>外部ファイル<Paragraph Style="@ENCODE">外部ファイルにスタイルを記述し、テンプレートのhead要素の中にlink要素をつかって取り込みます。
(例)
&lt;link rel="stylesheet" href="style.css" type="text/css" /&gt;</Paragraph></Paragraph><Paragraph>head要素内<Paragraph Style="@ENCODE">テンプレートのhead要素の中に style要素を用いて記述します。
(例)
&lt;head&gt;
  &lt;style type="text/css"&gt;
    p  {color: red}
    h2 {color: blue; font-size: 120%}
  &lt;/style&gt;</Paragraph></Paragraph><Paragraph>インライン属性<Paragraph Style="@ENCODE">個々の段落のスタイル領域にstyle属性として記述します。
(例)
style="color: red; font-size:120%;"</Paragraph></Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="selector">セレクタ<Paragraph>スタイルを適用する対象をセレクタといいます。
セレクタとしては要素名、ID、クラス名やその他の属性を使用しますが、「イカル」でのそれらの記述場所は次の通りです。</Paragraph><Paragraph Type="ntable" Style="100"><Paragraph>要素名<Paragraph>「イカル」でページをHTMLに変換するときに div, h1～h6, p, tableなどのタグが自動で付加されます。
詳細はHTML変換規則をご覧ください。</Paragraph></Paragraph><Paragraph>ID<Paragraph>IDは段落ごとに段落のID領域に記述できます。
記述方法はIDのみを記述します。</Paragraph></Paragraph><Paragraph>クラス名<Paragraph>クラス名は段落ごとに段落のスタイル領域に記述できます。
記述方法はclass="myclass"でもmyclassのみでもかまいません。</Paragraph></Paragraph><Paragraph>その他の属性<Paragraph>その他の属性は段落ごとに段落のスタイル領域に記述できます。
name="myname"のように任意の属性が記述できます。</Paragraph></Paragraph></Paragraph><Paragraph>段落にIDを付ける方法は&lt;a href="id.html"&gt;編集画面→ID&lt;/a&gt;をご覧ください。
段落にクラス名や属性を付ける方法は&lt;a href="style.html"&gt;編集画面→スタイル&lt;/a&gt;をご覧ください。
セレクタの書き方はお手持ちのCSSのマニュアルをご覧ください。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph></Paragraph>
                </Page>
                <Page>
                    <PageTitle>変数を使う</PageTitle>
                    <OutputFileName>variable</OutputFileName>
                    <Paragraph>変数を使う<Paragraph>変数とは変数名と変数値のペアのことで、変数名をテンプレートや段落のテキストに埋め込むことで、HTML作成時に変数名が変数値に置き換わります。
用途としては複数のページや箇所で使われる値を一か所で定義して管理することや、同じテンプレートを複数のページに用いた場合に異なる値を表示する目的に使用されます。</Paragraph><Paragraph>[ページ目次]</Paragraph><Paragraph ID="usage">変数の用途<Paragraph>変数は次のような目的で使用されます。</Paragraph><Paragraph>①複数のページや箇所で使われる値を一か所で定義して管理<Paragraph>複数のページや箇所で同じ値が何度も使用され、その値が変更される可能性がある場合、例えば製品マニュアルで製品名が未確定の場合に[製品名]という変数名を使用すれば、[商品名]に対する値を一か所で設定しておけば、簡単に全ページの内容が変更できます。</Paragraph></Paragraph><Paragraph>②同じテンプレートを複数のページに用いた場合にも、異なる値を表示<Paragraph Style="@ENCODE">例えばHTMLにページにより異なるキーワードを設定したい場合があります。
HTMLのキーワードはHTMLヘッダ内に
&lt;meta name="keywords" content="パソコン,フリーソフト"&gt;
などのように記述しますが、これはテンプレートの中にありますので全てのページのキーワードが同じになってしまいます。
ページ毎にキーワードを設定するには
&lt;meta name="keywords" content="[キーワード]"&gt;
とし、各ページのプロパティで変数「キーワード」を定義すれば、ページ毎に異なるキーワードが設定されます。</Paragraph></Paragraph><Paragraph>③スニペットとして<Paragraph>変数値としては複数行の文字列が使用できます。これを利用してよく使用するHTMLの部品を登録して利用することができます。
たとえば、ページのトップへ戻る記述は何度も書かれますが、文書プロパティの変数で</Paragraph><Paragraph Type="htable"><Paragraph>変数名<Paragraph>変数値</Paragraph></Paragraph><Paragraph>ToPageTop<Paragraph Style="@ENCODE">&lt;p class="topagetop" &gt;
&lt;a href="#TopOfPage"&gt;
&lt;img src="img/topagetop.png" width="11" height="9" alt="PageTop" /&gt;
このページのトップへ
&lt;/a&gt;</Paragraph></Paragraph></Paragraph><Paragraph Style="@ENCODE">と定義すれば、必要な個所でコンテキストメニューより「ToPageTop」を選択するだけで記述できます。
なお戻る位置はテンプレートでbodyタグに&lt;body id="TopOfPage"&gt;と設定すればいいでしょう。</Paragraph></Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="define">変数の定義<Paragraph>変数は文書プロパティおよびページプロパティで定義することができます。
文書プロパティで定義した変数は文書内の全てのページに適用されます。
ページプロパティで定義した変数はそのページおよび階層的関係で従属する下位のページに適用されます。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="descript">変数の使用<Paragraph>変数をテンプレートや段落テキストで使用する場合は、変数値に置き換えたい場所で変数名をブラケット[]で囲んで記述します。
またテキスト領域で、変数を挿入したい場所に文字カーソルを移動し、右クリックで文字編集コンテキストメニューより「項目の挿入」→「変数」で変数一覧より選択して挿入できます。
(例)
私の名前は[名前]です。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph><Paragraph ID="resolve">変数の適用<Paragraph>同一の変数名を文書プロパティおよび複数のページで定義することができます。1つの変数名が複数定義されている場合の解決法は次の通りです。
テンプレートや段落テキストで変数が使用された場合、HTML変換時に変換しようとしているページを起点に変数が解決されます。
まず現在のページのプロパティに変数が定義されていないかを調べ、あればその値が使用されます。
現在のページに定義されていなければ、上位のページを順次遡り、変数が定義されていないかを調べ、あればその値が使用されます。
どの上位ページにも定義されていなければ文書のプロパティを調べ、あればその値が使用されます。
最終的にどこにも定義されていなければ、変数名が解決されずそのままHTMLに出力されます。
変数定義が見つかればその値を変数値に置き換えて出力されます。</Paragraph><Paragraph>[ToPageTop]</Paragraph></Paragraph></Paragraph>
                </Page>
                <Page>
                    <PageTitle>Tips</PageTitle>
                    <OutputFileName>tips</OutputFileName>
                    <Paragraph>テクニカルTips<Paragraph>「イカル」活用する上での、操作法や使い方のコツ、小技、工夫や問題の対処法を紹介します。
[ページ目次]</Paragraph><Paragraph ID="pdf">PDF作成<Paragraph>PDF作成はイカルから生成されたHTMLファイルをブラウザで表示し、ブラウザの印刷機能でプリンターに「Microsoft Print to PDF」などのPDF出力を選べは簡単にPDFファイルを作成することができます。
またPDF用に特別なレイアウトにしたい場合は、文書目的にPDFを追加し、PDF用にテンプレートとスタイルシートを用意すれば、PDFに最適化した出力を得ることができます。</Paragraph></Paragraph><Paragraph ID="responsive">レスポンシブデザイン対応<Paragraph>レスポンシブデザイン(RWD : Responsive Web Design)とは、Webデザインの手法の一つで、様々な種類の機器や画面サイズに単一のファイルで対応することです。
言い換えるとパソコンにはパソコン用の画面デザインを、モバイルにはモバイル用の画面デザインを適用するようにして、画面サイズに応じた見やすいデザインにすることです。
「イカル」が生成するHTMLファイルをレスポンシブデザイン対応にするにはいくつかの方法が考えられますが、一番簡単で確実な方法は画面サイズに応じで使用するスタイルシートを切り替えるようにテンプレートファイルに指定することです。
一例としてテンプレートのヘッダ記述で</Paragraph><Paragraph Style="@ENCODE">&lt;head&gt;
	&lt;link rel="stylesheet" media="screen and (min-width: 769px)" type="text/css" href="style.css"&gt;
	&lt;link rel="stylesheet" media="screen and (max-width: 768px)" type="text/css" href="mobile.css"&gt;
&lt;/head&gt;</Paragraph><Paragraph>とすれば、画面サイズが769px以上はstyle.cssを768px以下はmobile.cssをスタイルシートとして使用するようになります。
各々のスタイルシートにパソコン用およびモバイル用のスタイルを記述すれば、このテンプレートを使用する全てのHTMLページがレスポンシブデザイン対応となります。</Paragraph></Paragraph><Paragraph ID="chart">チャート作成<Paragraph>JavaScriptのチャート作成ライブラリmermaid.jsを使用すればフローチャート、シーケンス、ガントなどのチャートをブラウザに描くことができます。
次のようなテンプレートを使用します。</Paragraph><Paragraph Type="pretext" Style="@ENCODE">&lt;!DOCTYPE html&gt;
&lt;html lang="ja"&gt;
&lt;head&gt;
  &lt;meta charset=UTF-8&gt;
  &lt;link rel="stylesheet" href="https://unpkg.com/mermaid/dist/mermaid.min.css"&gt;
&lt;/head&gt;
&lt;body&gt;
[ページ内容]
&lt;script src="https://unpkg.com/mermaid/dist/mermaid.min.js" charset="UTF-8"&gt;&lt;/script&gt;
&lt;script&gt;
  mermaid.initialize({
    startOnLoad:true
  });
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</Paragraph><Paragraph>イカルのページで段落を作成し、段落種別にグループを設定します。またこの段落のスタイルに mermaid を設定します。</Paragraph><Paragraph>グループ段落の下に子段落を作成し、段落種別にデータを設定します。
このデータ段落のテキストにチャートデータを記述します。</Paragraph><Paragraph>&lt;img src="img2/mermaid.png"&gt;</Paragraph><Paragraph>このページよりHTMLを生成しブラウザで見ればチャートを表示します。

&lt;a href="mermaid.html"&gt;実行結果&lt;/a&gt;

mermaid.jsの詳細は&lt;a href="https://mermaid-js.github.io/mermaid/"&gt;https://mermaid-js.github.io/mermaid/&lt;/a&gt;をご覧ください。</Paragraph></Paragraph></Paragraph>
                </Page>
            </Pages>
        </Page>
    </Pages>
</Book>