ホームページの無料テンプレート素材を配布しています
初心者の方のために専用の作成ソフトもご用意
ホームページビルダーよりも簡単に作れます

操作画面(上部左側)




これが操作画面上部左側です。各種ボタンが並んでいます。それぞれを説明します。

 新規作成

新しくサイトを作成します。現在作成中のデータはクリアされます。未保存・変更中の場合は確認のメッセージが出ますので、変更するなり保存するなりして下さい。


 テンプレートファイルを開く

テンプレートファイルを開きます。現在データを編集中の場合は、使用テンプレートを変更します。


 データファイルを開く

データファイルを開きます。読み込もうとしているファイルに、テンプレートファイルを設定してある場合(そのデータファイル編集中にテンプレートファイルを開いた場合)はそのときに使用していたテンプレートファイルも同時に読み込まれます。


 データファイルを保存する

現在編集中のデータファイルを保存します。編集中にテンプレートファイルを設定した場合は、同時にそのときに使用しているテンプレートファイル名も保存されます。


 連続書き込みをする

データファイルをグループ化して連続書き込みを行います。複数のデータファイルを使用して一つのサイトを構成している場合に使用します。詳しくは別項で扱います。


 HTMLサイトを書出す

現在編集中のページを含めて、現在編集中のサイトを書出します(全てのページが書き出しされます)。同時にスタイルシートが指定されている場合は、スタイルシートも書込まれます。書き出す先は書込みフォルダ名で指定してあるフォルダです。書込みフォルダ名はボタンの下にあります。ここが指定されていないと書込みはできません。


 HTMLページを書出す

現在編集中のページを書出します。スタイルシートは書出されません。書き出す先は書込みフォルダ名で指定してあるフォルダです。書込みフォルダ名はボタンの下にあります。ここが指定されていないと書き出しはできません。


 ブラウザで確認する

現在編集中のページをブラウザで確認します。呼び出されるブラウザは.htmlに関連付けされているブラウザです(例えば、xxxx.htmlというファイルをダブルクリックしたとして、そのときに呼び出されるブラウザです)


 改行をBRタグに変換

現在編集中のデータの改行をBRタグに変換します。


 BRタグを取り除く

現在編集中のデータのBRタグを取り除きます。


 データの変更を設定する

現在編集中のデータを確定させます。データの編集は右下のエディタで行います。このエディタで内容を指定し、このボタンで内容を確定します。確定しないで他のページのデータに移動したり、他のループデータ(画面上右側の繰り返しを担当する設定データ)に移動しようとすると、変更を破棄するかどうかの確認を求められます。破棄する場合は「はい」を押して続けてください。


 色番号を設定する

編集エリア(右下のエディタ)に指定した色番号を設定します。このボタンを押すと色を指定する画面が表示されますので、目的の色を選択してください。


 ファイルを設定する

色選択と同様にファイルを選択します。このボタンを押すとファイルを選択する画面が出てきますので、ファイルを選択してください。選択されたファイルがフルパス(ドライブ名・フォルダ名も含めたファイル名)でエディタに入力されます。必要な部分を削除して使用してください


 設定画面を表示する

設定画面を表示します。詳しくは後ほど説明します。


 ページ名を設定する

新たにページを追加します。左側の入力ボックスに追加したいページ名を入力して、このボタンを押すと新たにページが追加されます。既に使用されているページ名は使えませんのでご注意下さい。また、ページ名には、,\_の3文字は使えなません。


 ページ名を変更する

現在表示されているページ名を変更します。既に使われているページ名を入力すると設定できない旨のエラーメッセージが出ますので、重ならないようなページ名をつけて下さい。


 ページを削除する

現在編集中のページを削除します。確認のメッセージは出ますが、復元はできないので削除するときはご注意下さい。


 ページ下書き設定

現在編集中のページを下書き設定にします。下書き設定にすると、HTMLで書出してもそのページは書き出されません。もちろんメニューリンクにも出ません。




操作画面(上部右側)




これが操作画面上部右側です。各種ボタンが並んでいます。それぞれを説明します。

 書き込みフォルダを指定する

上の画像では切れていますが、編集しているファイルをHTMLファイルとして書出すフォルダを指定します。手入力でも入力できますが、このボタンでフォルダを指定することができます。


 ループデータ名を設定する

新たにループデータを追加します。ループデータとは繰り返しを担当するデータなのですが、分かりやすいのがコンテンツの追加です。1ページ内に複数のコンテンツを書出すことは通常ありうることだと思いますが、それを実現します。1ページ内にいくつでもコンテンツを追加することができます。


 ループデータ名を変更する

現在編集中のループデータ名を変更します。既に使われているループデータ名を指定するとエラーが出ます。重ならないようにループデータ名を指定してください。


 ループデータを削除する

現在編集中のループデータを削除します。一旦削除すると元には戻せませんので、削除するときはご注意ください。




設定画面


並べ替えタブ

 ベージ名、ループデータ名の並びの順番を変更します。順番を変更したいページ名、ループデータ名を選択して、それぞれの下にあるの矢印のボタンを押すことで変更することができます。

 変更すると、それに伴ってメインの編集画面のコンボボックス(下向きの矢印を押すとドロップダウンリストが現れる部分)のページ名、ループデータ名の並びも変更されます。ループタグの順番は変更できません。


メニューリンクタブ

 メニューリンクを作成する場合に、各メニューの前後に挿入すべき文字列です。本ソフトにはメニューリンクの作成機能があるのですが、それは、2段階のメニューが作成できます。

 そのうちの、小メニューのリンク直前、直後に挿入する文字列と、小メニューの1番前、1番後ろに付加される文字列を指定します。


グループ作成タブ

 複数のデータファイルを扱うとき(1つのサイトを複数のデータファイルで構成するとき)に設定します。複数のテンプレートを扱ったり、複数階層のサイトを作成したりするときに複数のデータファイルを扱うことになります。

 複数のデータファイルをグループ化してここに登録しておくと、「連続書き込みをする」ボタンで連続書き込みができます。連続書込みとは複数からなるデータファイルを、書き換える順番に登録しておいてその順番通りに書き換えるものです。



 矢印のボタンで選択したデータファイルの順番を変更します。その隣のボタンでファイルの登録を削除します。フォルダのボタンを押すと、ファイル選択の画面が出ますのでファイルを選択してください。上向きの指ボタンでデータファイルを登録します。

 これらのデータファイルを登録し終わったら、グループファイル名(フルパスで)を指定して「OK」ボタンを押して下さい。登録されたデータファイル達が、指定したグループファイル名で保存されます。グループファイル名はどのような名前でも構いません。拡張子は.gpfとなります。 グループファイルは1サイト1ファイルで結構です。

 ここで注意すべき事があります。それは登録する順番です。「連続書込み」では、書き換えが不要なファイルは書き換えをしないで次のファイルに進みます。そのため、書き換えをするかどうかのチェックが必要なのですが、そのチェックはHTMLを書出した時刻で行っています。

 詳しくは別項に譲りますが、基本的にデータファイルの登録は最下層のデータファイルから行ってください。最下層のデータファイルとは、menuループデータタグのimport内部ループタグで他のデータファイルを指定した場合の、その「指定されたデータファイル」を指します。ですから、「指定した」データファイルよりも「指定された」データファイル(これが下層のデータファイル)を先に(上に)登録する必要があるのです。

 このグループファイルは、連続書き込みを行いたいデータファイル全て(つまりグループを構成するデータファイル全て)に設定すべきなのですが、今後、他のデータファイルでこの登録されたデータファイル達を利用したいときは、この画面で、今保存したグループファイル名を指定することで登録されたデータファイルが読み込まれます。

指定はフォルダのボタンを押すとファイルを選択する画面が出ますので、そこで選んでください。


編集画面


基本事項タブ

 1ページに1つだけ設定すれば良いものを設定します。連絡先のメールアドレスやタイトル等です。左側のボックスでタグを選択して、右下のエディタで内容を編集します。各ページごとに設定することができます。画面はメールアドレスを設定しているところです。

基本事項が列挙されているボックス上で右クリックすると「基本タグの並べ替え」というメニューが出てきます。そのメニューを選択するとAからZに向けて並べ替えをします。再度選択すると、元に戻ります。

 右上のボックスには選択したタグの簡単な説明が表示されます。

ループデータタブ

 画面の左側にボックスが2つあります。一番左のボックスが、ループデータタグで、その右側にあるボックスが内部ループタグです。これらのタグを利用するにはループデータ名を追加する必要があります。ループデータ名を追加しなくても設定できる場合があるのですがそれは別項にて説明します。

 ループデータタグが一つの大きな単位で、そのループデータタグにループデータ名を追加していくことで1つのループデータタグに対して複数のループデータを作成することができます。

 その代表的な例がコンテンツ部分です。具体例としては、このページの解説部分がそれにあたります。このページの解説部分がまず、ループデータタグで設定されており(下図でいうところのContents)、その中に内部ループタグとして、タイトル、内容などが構成要素として設定されています(下図でいうName,ItemTitle,ItemBody)。

そして、ループデータ名を追加して、内部ループタグ(タイトル等)を設定することで、それらの設定項目を具体的に表示することができるのです。

 そして、それを複数追加することでいくつもの記事を一つのページに織り込むことができるのです。

 ループデータタグを利用したくないときは「ループタグ不使用」の所にチェックを入れます。

ループタグ、内部ループタグが列挙されているボックス上で右クリックすると「ループタグタグの並べ替え」「内部ループタグの並べ替え」というメニューが出てきます。そのメニューを選択するとAからZに向けて並べ替えをします。再度選択すると、元に戻ります。


スタイルシートタブ

 スタイルシートの設定をします。基本的には基本事項の設定と同じです。説明も右上のボックスに表示されます。スタイルシートに関しては、設定を変更する所はあまりないと思われます。あるとすれば色などでしょう。

スタイルシートタグが列挙されているボックス上で右クリックすると「スタイルシートタグの並べ替え」というメニューが出てきます。そのメニューを選択するとAからZに向けて並べ替えをします。再度選択すると、元に戻ります。


メニューリンクタブ

 メニューリンクを作成する際に、現在表示されているページにわざわざリンクを貼るという事はあまりしないと思います。そのリンクをクリックしても結局表示されるのは今表示されているページなのですから、リンクの意味がありません。

 そこで、そのような無駄なリンクを排除するために活用するのがこのタブです。ループデータタグにmenuというメニュー作成用の特殊なタグがあるのですが、そのタグが自分のページにリンクする(結局クリックしても表示されるページは変わらない)場合に、内容を修正し上書きするためのタグです。

 この機能を使うには「メニューリンクを使用する」チェックボックスのチェックをいれておく必要があります。


HTML編集タブ

 Ver.20050609から追加された機能です。HTMLテンプレートを編集できるようにします。とくに便利な機能は付けていません。単なるエディタです。独自タグのところを青く色分けしてあります。

 通常のHTMLと同じように記述していけば良いです。独自タグを使用する場合は、<$$>で括って記述します。_(半角アンダーバー)で区切ってそのタグの説明を記述します。さらに:(半角コロン)で区切って初期値を設定します。

 また、<##>でループタグの開始・終了を設定します。この部分は赤く太い文字で表示されます。この間にループさせたい独自タグを記述してください。

 記述方法は先ほどと同様です。<##>の間に挟まれていればループタグとして、そうでなければ基本事項のタグとして認識されます。
※注意事項※

独自タグ(<$$>や<##>で挟む文字)に使えない文字があります。それは以下の通りです。全て半角です。全角は使用可能です

・¥(円マーク)
・.(ドット)
・^(なんて呼ぶのでしょう?ヤマみたいな感じの)
・<>(不等号)
・?(はてなマーク)
・()(カッコ)
・+(プラス)
・[](大カッコ)
・|(縦線)
・$(ドルマーク)


CSS編集タブ

 Ver.20050609から追加された機能です。CSSファイルを編集できるようにします。とくに便利な機能は付けていません。単なるエディタです。独自タグのところを青く色分けしてあります。

 通常のHTMLと同じように記述していけば良いです。独自タグを使用する場合は、<$$>で括って記述します。_(半角アンダーバー)で区切ってそのタグの説明を記述します。さらに:(半角コロン)で区切って初期値を設定します。




基本的な使用方法

概要
テンプレートを選択する
ページを追加する
ループデータ名を追加する
各種設定をする
必要な画像データを保存する
書込フォルダ名を設定する
実際に書き込む
ブラウザで確認する


画面説明

操作画面(上部左側)
操作画面(上部右側)
設定画面
編集画面


基本事項の設定

テンプレートの基礎的部分
入力作業軽減機能
アクセスアナライザー対応
内部独自タグ
ページコード


ループタグの設定

ループタグとは
入力作業軽減機能
特殊ループタグ(menu)
特殊ループタグ2
特殊内部ループタグ
メニューリンクタブ
ループデータタグ不使用
最大表示記事数
逆順表示モード
下書きモード
外部リンク機能


スタイルシートの設定

サイトの印象を変える要素
スタイルシートの編集


ちょっと応用編

複数のデータファイルを扱う
書込みフォルダの指定
複数ファイルの具体例
ファイル連続書込み


テンプレートを作ろう

テンプレートの骨格
テンプレートとは何か
まずは下準備
実際に書き換える
最後に確認



Googleで検索