ホームページPro 3.0メモ

 会社の方針で、業務にFilemakerを使うことになったのです。
 特に社内WEBベースで情報共有しようということに....

 現在、htmlエディターというかWEB編集ツールとしては、Frontpage 2000を使っている
んだけど、Filemakerを使うということになると、Homepage Proも使う必要がある。
 単なるhtmlファイル編集にはWZ Editorを使うほうが便利なんだけど、フレーム、
フォーム、DB連携とかのページを作成するには、WEBエディターのほうがずーっと便利。

 「ホームページPro」はWEB上でも殆ど紹介されていない。
 というわけで、「ホームページPro」の機能のチェックと、既製のテンプレートや
ツールをメモしてみた。

●Filemaker対応以外の機能
 ・サイトアシスタント
 ・テンプレート
 など[製品概要]を参照。
 そこそこ使えそうだ。
 <画像処理機能>
 イメージエディタ/イメージマップ/カラーパレット/マルチメディア対応
 も要チェック

●メモ
 本製品は、ver.3で開発終了。[2001]




■ホームページPro3.0について

 htmlエディター[類似品Frontpage Express(MS), Homepage Builder(IBM)]。

 Filemaker DBのWEB公開で、CGIプログラムやWebサーバアプリ不要のクラリスダイナミ
ックマークアップ言語(CDML)を使い自由に編集するのに必要。
○希望小売価格 \ 13,000(Macintosh版、Windows95/NT 版)

 ★本製品の必要理由(代替可)
 フレーム、作表、フォーム等の編集

 ★本製品の必要理由(代替え不可)
 ファイルメーカーPro作成データベースにWeb上でアクセスできるHTMLページを作成する
ための2通りのツール。
1)ファイルメーカーProアシスタント
ファイルメーカーProデータベースにアクセスできるWebサイトを作成。
2)2種類のファイルメーカー用ライブラリ
ホームページPro3.0に添付された2種類(「ファイルメーカ-Pro_フォーム」「ファイルメーカ-Pro_リファレンス」)
のライブラリからファイルメーカー接続タグ(CDMLタグ)を選択し、既存のHTMLページに
挿入。




ホームページPro 3.0製品概要

○希望小売価格 \ 13,000(Macintosh版、Windows95/NT 版)

<機能一覧>
●<サポートツール>

★7種類のアシスタント
[ファイルメーカーPro、フレーム、パーソナルサイト、プレゼンテーション、ニュースレター、レポート、標準サイト]
★サイトスタイル
[9種類のページテンプレートと、8種類のサイトテンプレート]
★テンプレート[9種類のページテンプレート]
★表作成ツール
[Microsoft Excel などの表計算ソフトやワープロからタブ区切りテキストを貼り付け
(ペースト)するだけで表が作成]
★フレーム
[テキスト、パスワードなどの各種フィールドや、チェックボックス、ポップアップメニ
ューなどを配置したフォームも、フォームパレットから要素をドラッグするだけで作成で
きます。
★ライブラリ
[アニメーションのイメージからQuickTimeムービーまで、豊富な素材。 ドラッグ&ドロッ
プでの挿入/登録。イメージ、テキスト、HTMLコードが保存可。]
★フォームデザイン
[テキストフィールド、パスワードフィールド、チェックボックス、ポップアップメニュ
ーなども、フォームパレットから要素をドラッグするだけで簡単に作成。HTML ページご
とに異なるフォームの設定が可能です。]

●<サイト管理機能>

★サイトエディタ
[ウィンドウ内にサイトの構成状況を一覧表示。サイト全体の背景イメージやリンク色の
一括設定、リンクの確認/更新、ファイルの収集、アップロードなどの管理作業もボタン
のクリックだけで集中処理することができます。]
★FTPアップロード
★リンクの更新/確認
★検索/置換
[サイト内のすべてのファイルを対象に検索/置換が可能。ページデータをより効率的に更
新できます。選択範囲内、特定ファイル内だけの検索/置換も可能です。]
★ダウンロード情報表示

●<ページ編集機能>
ページ編集モード
プレビューモード
HTML入力モード
ツールバー
複数ブラウザプレビュー

●<画像処理機能>
イメージエディタ
イメージマップ
カラーパレット
マルチメディア対応


ファイルメーカーPro のデータベース情報をカスタム表示するためのCDML タグをボタン
形式にし、ライブラリで提供。ドラッグ&ドロップで設定可。
 註)データベースも手軽に組み込み:ページ内にファイルメーカーPro 4.0 のデータベース
と連係したサイトを作成することも可能。旬のデータを効率的に公開/収集できます。

●Webサーバ/CGI機能
クラリスダイナミックマークアップ言語(CDML)の搭載により、他のCGIプロ
グラムやWebサーバアプリケーションを使用することなく、ファイルをWWW
(WorldWideWeb)上に公開することが可能に。Webブラウザアプリケーショ
ンでインターネットに接続すれば、公開したファイルにアクセスでき、イント
ラネットでも活用可能です。




■メニューバー

●[表示]
ブラウザプレビュー

編集モード
プレビューモード
htmlモード※ソース編集

表示モード※基本表示、詳細表示

オブジェクトエディタ
リンクエディタ
フォームパレット※使用法は[Help]フォーム参照、CGIスクリプト使用時は用意のこと。

ファイルメーカーPro
ウインドウサイズ

●[挿入]
イメージ
表

アプレット
プラグイン
Quicktime

ファイルリンク
URLリンク
アンカー

改行
区切り線
リスト

HTMLコード
コメント
スクリプト

●[ツール]
英文スペルチェック
リンクの確認更新
ファイル収集
ページ設定
ダウンロード情報
環境設定


●[表示]−[フォームパレット]

フォーム領域を挿入するには、次の手順に従ってください。 1. Webページのフォームを挿入する場所に挿入ポイントを置きます。 2. [挿入] メニューから [フォーム] を選択し、サブメニューから [フォーム領域] を選択します。 ページに赤い枠のフォーム領域が表示され、フォームオブジェクトエディタが開きます。 挿入したフォーム領域にフォームオブジェクトやその他のWeb要素を追加したり、フォー ム領域オブジェクトエディタで、フォームアクション (CGIスクリプトの場所) を指定したりすることができます。


●フォーム   ★パラメータ       アクション [          ]       送信方法 [Post][Get]   ★拡張       Html 追加入力
  ●チェックボックス [名前] [値] ●ラジオボタン [名前] [値] ●送信ボタン [名前] =送信 ●リセットボタン ●テキスト領域 [名前] [行] =7[列]=27 [回り込み]仮想的・物理的・なし ●テキストフィールド [名前] [サイズ] =30[最大文字数] ●パスワードフィールド 名前] [サイズ] =30[最大文字数] ●ポップアップメニュー [名前] [表示する項目数]=   編集 ●隠しフィールド [名前] [値]
●[挿入]

■イメージ]        *.gif,jpg,bmp ■表]        表、セル、ファイルメーカー[結果表]        各属性指定可        註)HomepagePro作成時、Table行でwidth="70%"などと挿入しないとIEで正常表示されない

 

 

 

 

 

 

■アプレット]      *class
■プラグイン]
■Quicktime]      *.mov
■フォーム]
    Form palletに同じ
■ファイルリンク]
■URLリンク]
■アンカー]
■改行]
■区切り線]
■リスト]
  •  
■HTMLコード] ■コメント] ■スクリプト] ■イメージ]




■HELPの使い方

H:\HomepagePro3\ヘルプファイル(\チュートリアル, \ヘルプ)
H:\HomepagePro3\チュートリアル

★ヘルプトピックの印刷
トピックを印刷するには、次の手順に従ってください。
ヘルプウインドウで [索引] ボタンをクリックするか、[ヘルプ] または  メニューから 
[索引] を選択します。
[ファイル] メニューから [印刷] を選択して、[OK] をクリックします。

ヘルプに含まれている情報は、本の体裁で印刷できるようにレイアウトしたAdobe Acroba
t Reader PDF版のユーザーズガイドとしても用意されています。これはホームページPro 
CD-ROM[\マニュアル(pdf)]に収められています。
 ※他にも \html作成ガイド、\サンプルファイルは参考になる。

★ダイアログボックスでツールヘルプを表示する方法
オプションの上にポインタを置くと、ダイアログボックスの下部にツールヘルプが表示
されます。マウスを移動してポインタが別のオプションの上に来ると、ツールヘルプはそ
のオプションのものに変わります。




■フォルダの構成

[\HomepagePro3\マニュアル(pdf)\[入門ガイド.pdf]27pp
※PCのハードディスクにインストールされるファイル[6-7p]

ファイルまたはハードディスク内の
フォルダ内容デフォルトの場所
●フォルダ
--------------------------------------------------------------------------------
\html作成ガイド	/center/ frame/ furoku/ gif_anime/ image/ image2/right/ top/ コリンスラボ
			※一通りの実務説明で初心者でなくとも役立つ。
			 Step3(Gifアニメーション,javaを使ったアニメーション,
			JavaScriptでメッセージを出す,プラグイン(PlugIn)のあれこれ
--------------------------------------------------------------------------------
\アシスタント		ホームページPro シスタント用のファイル	「ホームページPro 3.0 」
--------------------------------------------------------------------------------
\サイトテンプレート		Webサイトのデザインと構成に役立つ
			各種のサンプルファイル
--------------------------------------------------------------------------------
\サンプルファイル	/ イントラネット/ まんがサイト
			 [イントラネット]各部署
			  人事総務部  会議室の予約・人事異動のお知らせ。
			  営業部  エリア別出荷実績レポート。
			  デザイン部  商品カタログ。
			  財務部 1995年〜1997年の貸借対照表。
			  サポート部  製品の保証・修理・サポートセンター。
			  内線番号一覧表 五十音別の内線表。
--------------------------------------------------------------------------------
\スタートアップ		ホームページPro起動時に自動的に開く
			ファイルを入れておくフォルダ
--------------------------------------------------------------------------------
\チュートリアル		オンラインチュートリアルのレッスン
			で使用するファイル
			※チュートリアルを開始するには、[ヘルプ] またはメニュー
			から [チュートリアル] を選択
--------------------------------------------------------------------------------
\ページテンプレート	ホームページProで作成するファイルの
			デザインに役立つサンプルファイル※明細別記
--------------------------------------------------------------------------------
\ヘルプファイル		ホームページPro の [ヘルプ] メニュー
			からアクセスするオンラインヘルプと
			チュートリアルのファイル
--------------------------------------------------------------------------------
\マニュアル(pdf)	チュートリアル.pdf、ユーザーガイド.pdf、入門ガイド.pdf
--------------------------------------------------------------------------------
\ユーザー		-
--------------------------------------------------------------------------------
\ライブラリ			ホームページProで作成するファイルの
			中で使用できるGIFイメージやビデオ画
			像などのファイル
			※「ユーザーズガイド.pdf」(全267p)第6章ホームページProのライブラリ[91-97p]
			開くには[ファイル] メニューの [ライブラリ] サブメニュー
			から [開く...] を選択するか、または一覧からライブラリ名を選択。
			アニメーション、スタイル、その他、バナー、ファイルProフ
			ォーム、ファイルProリファレンス、ブレット、プロジェクト、
			ボタン、罫線、行事、国旗、食べ物、地図、背景、Quicktime Movie
			※特にファイルProフォームは検索、レコード詳細(編集可)、
			新規入力まで一通り揃っている。


●主要ファイル
--------------------------------------------------------
homepage.exe 		アプリケーションファイル
--------------------------------------------------------
License.txt 		ホームページProの使用許諾条項を記載
			したテキストファイル
--------------------------------------------------------
Readme.txt 		ホームページProについて、リリース直
			前に追加された情報を記載したテキストファイル
--------------------------------------------------------
Accuisr5.dll 		イメージファイルをサポートするファイル	
--------------------------------------------------------
cllngjpn.dll 		スペルチェック機能をサポートするファイル
--------------------------------------------------------
clproof.dll 		スペルチェック機能をサポートするファイル
--------------------------------------------------------
ciUninst.dll		Windows の [アプリケーションの追加と
DelsL1.isu			削除] をサポートするファイル
--------------------------------------------------------------------------------
Usenglsh.mpr	ホームページProでのスペルチェックに	「Claris 」フォルダ
Ukenglsh.mpr	使用されるメイン辞書。米国英語用と英
		国英語用から選択可能。どちらの辞書も
		100,000 語を超える単語を含む。
--------------------------------------------------------
User.upr 		メイン辞書を補足する辞書ファイル。例
		外のスペリングや辞書への追加項目が
		保存される。
--------------------------------------------------------
Claddon.clr 	ホームページProが使用するコンピュー
		タ用語の入った補足的な辞書
--------------------------------------------------------------------------------
wininet.dll 	インターネット上でファイルのアップ	「System 」フォルダ
		ロードやダウンロードに使用されるF T P
		(File Transfer Protocol)をサポートする
		ファイル
--------------------------------------------------------------------------------




■マニュアル(pdf)

[\HomepagePro3\マニュアル(pdf)\


●[入門ガイド.pdf]

27pp 目次 第1章 ホームページProのインストール 第2章 ホームページPro 3.0へようこそ 製品概要/新機能の紹介 ユーザーズガイド、ヘルプ、チュートリアルなどの利用方法 オンラインヘルプの使用/オンラインチュートリアルの使用 ツールヘルプの表示/キーボードショートカットの使用 ユーザーズガイド追加情報について 索引
●[チュートリアル.pdf]

75p 目次 レッスン1 Webサイトのデザイン レッスン2 ホームページの作成とレイアウト レッスン3 表の作成 レッスン4 イメージの挿入 レッスン5 フォームを使用したお客様へのアンケート レッスン6 リンクやアンカーの設定 レッスン7 イメージ保管用のライブラリを作成 レッスン8 フレームを使用したレイアウト レッスン9 WebページのHTMLコードの見方 レッスン10 アップロードの準備
●[ユーザーガイド.pdf]

 267p 目次 第1 章 Webサイトのデザイン 第2 章 ホームページProの基本操作 第3 章 Webページのテキスト 第4 章 Webページでのイメージの使用 第5 章 Webページでの表の使用 第6 章 ホームページProのライブラリ 第7 章 リンクとアンカーの作成 第8 章 フレームの使用 第9 章 Webページでのフォームの使用 第10 章 ファイルメーカーProデータベースへの接続 第11 章 Webページでのマルチメディアの使用 第12 章 WebサーバへのWebページのアップロード 付録A 特殊文字 付録B ホームページProのショートカット 付録C トラブルシューティング 索引




■サイトアシスタントの使用

「ユーザーズガイド.pdf」(全267p) [25-26p]

ホームページProには、フレームを使ったWebサイト、ファイルメーカーProデー
タベースに接続するWebサイトなど、特殊なWebサイトの作成を助ける 「アシス
タント」 が用意されています。アシスタントは、特殊なWebサイトの作成過程を
順を追って案内する一連のパネルです。パネルにサイトの情報を入力するだけで、
ホームページProがWebページを作成してリンクします。
アシスタントを使用するには、次の手順に従ってください。
1.[ファイル] メニューから [新規...] を選択します。
[新規] ダイアログボックスが表示されます。
2.[アシスタントを選択] をクリックして、一覧から適切なアシスタントを選び
ます。
アシスタント機能
--------------------------------------------------------------------------------
ファイルメーカーProアシスタント	ファイルメーカーのデータベースをWebブラウザか
				らアクセスできるWeb サイトを作成。
--------------------------------------------------------------------------------
フレームアシスタント		フレームで区切って、複数ページを表示できるよう
				にした特殊なWeb ページを作成。
--------------------------------------------------------------------------------
ニュースレターアシスタント	ニュースレター用のWebサイトを作成。ホームペー
				ジを作成し、他のページへのリンクやホームページ
				内のアンカーへのリンクを作成。
--------------------------------------------------------------------------------
パーソナルサイトアシスタント	写真、リンク集、アドレス集などを表示する個人の
				Web サイトを作成。
--------------------------------------------------------------------------------
プレゼンテーションアシスタント	プレゼンテーションの作成。一連のWeb ページで
				順を追って新製品やサービスを顧客に説明するデザ
				イン。
--------------------------------------------------------------------------------
レポートアシスタント		報告書形式のWebサイトを作成。ホームページを作
				成し、他のページへのリンクやホームページ内のア
				ンカーへのリンクを作成。
--------------------------------------------------------------------------------
標準サイトアシスタント		複数のページにリンクするWeb サイトを作成。
--------------------------------------------------------------------------------

3.[OK] をクリックします。
4.アシスタントの各パネルに表示される説明に従います。
作業がどこまで進んでいるかを示すインジケータが表示されます。
注意 自 分で空のサイトフォルダを作成してその中にWebページを入れることも
できます。[新規] ダイアログボックスの [新規作成...] をクリックして、[サイト]
を一覧から選ぶとサイトフォルダを作成することができます。詳細については、
1-7 ページの 「新規サイトフォルダの定義」 を参照してください。




■テンプレート

イベント報告
カレンダー
クリスマスページ
パンフレット
パーソナルページ
フォトページ
ペットページ
年賀ページ
通達ページ

カタログサイト
パーソナルサイト
まんがサイト
プロジェクトサイト
会社案内
写真集
社内情報
趣味サイト


●新規作成
ページ
サイト
フレームレイアウト




■新機能の紹介

ホームページPro3.0 では以下の機能が新たに追加されました。
機能説明
--------------------------------------------------------------------------------
★ファイルメーカー接続のアシスタント
・ファイルメーカーProのデータベースを 
ファイルメーカーProのCDMLを利用できる。

フレームのアシスタントWebサイト中のページを統合して表示するメニューフレーム付き
のレイアウトをホームページProで作成できる。
--------------------------------------------------------------------------------
★Webページ/サイトのアシスタント
すぐに使えるWebページやサイトフォルダの作成。標準、パーソナル、ニュースレター、
プレゼンテーション、レポートなどの用途別「アシスタント」。
--------------------------------------------------------------------------------
★Webページ/サイトのテンプレート
・テンプレートを利用して、洗練されたWebページを手軽に作成。カタログ、カレンダー、
社内情報、その他各種のテンプレートサンプルファイルをホームページProの一部として
提供。
・作成したページをテンプレートとして「ページテンプレート」フォルダに保存し、後で新
規作成のとき[新規]ダイアログボックスからアクセス可能。
・ホームページProから複数のブラウザで作成中のページをプレビューできる。
--------------------------------------------------------------------------------
★フレーム機能の強化
・複雑なメニューフレーム付きのレイアウトも[フレームアシスタント]を使えば簡単に作
成できる。
・フレームモードで作成中のフレームの内容を直接見ることができる。ブラウザを起動す
る必要はない。




■ファイルメーカーProデータベースへのWEB接続ページを簡単作成

 詳細は「ユーザーズガイド.pdf」(全267p) [150-169p]第10章ファイルメーカーProデータベースへの接続


●ファイルメーカーProデータベースへの接続

Webサイトをデザインした後、ファイルメーカーProアシスタントあるいはファ イルメーカーProフォームライブラリを使用してファイルメーカーProへ接続す るWebサイトを作成することができます。ファイルメーカーProアシスタントを 使用してサイトを作成する場合は、まず必要な機能やアクセス権を決定し、アシ スタントのパネルに表示される説明に従ってサイトを設定していきます。アシス タントを終了すると、ホームページProはファイルメーカーProへの接続に必要な すべてのページとリンクを作成します。 ファイルメーカーProライブラリを使用してサイトを作成する場合は、ファイル メーカーProフォームライブラリを利用してファイルメーカーのフォームとそれ をサポートする確認やエラーのページを作成します。ファイルメーカーProフォー ムライブラリを利用してWebページを作成するときはデータベースを開いておく 必要はありません。その代わりに以下の情報が必要になります。 ・データベースのファイル名(Windowsではファイル名の拡張子「.FMJ」も必 要です。) ・ファイルメーカーProのフォームページで使用される各レイアウトの名前。 ・ファイルメーカーProのフォームページで使用される各フィールドの名前。 (フィールド名を確認できるように、フィールド定義を印刷しておくと便利 です。) ・Webサイトで使用されるWebページのファイル名。これにはエラーや結果の ページも含まれます。 ファイルメーカーProライブラリを利用してファイルメーカーProデータベース へ接続するWebサイトを作成する方法について、詳細については10-23ページの 「ファイルメーカーProライブラリ」を参照してください。
●ファイルメーカーProアシスタントの使用

ホームページProには、ファイルメーカーProデータベースへの接続に必要なすべ てのファイルメーカーフォームを作成できるアシスタントが付属しています。こ のアシスタントを使用して、データベースファイルの名前やレイアウト、特定の ページに表示するフィールド、Web閲覧者に提供するアクセス権と機能などを指 定することができます。ファイルメーカーProアシスタントは、選択されたオプ ションに基づいて必要なフォームページとリンクのすべてを作成します。 ●ファイルメーカーProアシスタントを使用の条件 ・用意したデータベースに対するローカルまたはリモートアクセス権を持って いること。作業を始める前に、あらかじめデータベースを開いておく必要が あります。 ・ファイルメーカーProデータベースファイルのホストとなるリモートコン ピュータのIPアドレスを入手していること。 ・データベースファイルのレコードのエクスポート権限を持っていること。 ・コンピュータにTCP/IPネットワークプロトコルがインストールされていて、 必要な設定が行われていること。 ・ファイルメーカーProアプリケーションとアクセスするデータベースのWeb 共有が有効になっていること。 ●ファイルメーカーProアシスタントの手順 ファイルメーカーProアシスタントを開くには、次の手順に従ってください。 ★起動 1.[ファイル]メニューから[新規...]を選択します。 2.[アシスタントを選択]をクリックします。 3.スクロールリストから[ファイルメーカーProアシスタント]を選択します。 4.[OK]をクリックします。 一連のパネルが表示されます。パネルで必要な設定を行ったら、[次へ]をク リックして、次に進みます。 ★「始める前に...」画面 5.[次へ]をクリックして、使用するファイルメーカーProデータベースを選択 します。 ★ファイルメーカーProデータベースの選択 ファイルメーカーProアシスタントの[データベースの選択]パネルには、指定 したサーバ側で動作しているデータベース名が表示されます。 データベースを選択するには、次の手順に従ってください。 1.[IPアドレス]テキストボックスに、ファイルメーカーProデータベースが開 いているコンピュータのIPアドレスを入力します。 現在使用しているコンピュータのIPアドレスを入力する場合は、[このコン ピュータ]ボタンをクリックします。ネットワーク上のサーバに接続する場 合は、ネットワーク管理者から、そのコンピュータのIPアドレスを入手して ください。  註)※例:192.168.10:591 2.[ユーザ名]テキストボックスに自分のユーザ名を入力し、[パスワード]テキ ストボックスに自分のパスワードを入力します。 「Webセキュリティ」データベースを使用するようにデータベースファイル を設定している場合は、自分のユーザ名とパスワードを入力します。データ ベースファイルがファイルメーカーProのアクセス権を使用するようになっ ている場合は、パスワードだけ入力します。セキュリティとアクセス権につ いては、ファイルメーカーProのマニュアルを参照してください。 3.[サーバに接続]ボタンをクリックします。 [データベースの選択]パネルのスクロールリストに、データベースの一覧が 表示されます。 4.使用するデータベースを選択して、[次へ]をクリックします。 ★ファイルメーカーレイアウトの選択 [レイアウト選択]パネルで、必要なフィールドが含まれているファイルメーカー レイアウトを選択することができます。レイアウトの名前を[レイアウト]ポッ プアップメニューから選択して、[次へ]をクリックし、先へ進みます。 ★Webブラウザ上で使用できる機能とアクセス権の設定 ファイルメーカーProアシスタントの[機能選択]パネルでは、Web閲覧者がデー タベースに対して行える操作に関するオプションの設定をします。  註)※通常は、以下の全機能を同時に選択する。   また、作成するhtmlファイル名は常に同じなので、対象とするfp5ファイル毎に   別フォルダに収納するのが良い。 アシスタントを使用し、Web閲覧者が以下のことを行えるようにするフォームを 作成することができます。 ・データベースの検索と検索結果の一覧表示 ・検索結果に含まれる各レコードの詳細表示 ・検索結果の詳細表示中のレコードの編集、削除、複製 ・データベースへのレコードの追加 アシスタントによって作成されるWebページは、[機能選択]パネルで選択された オプションによって決まります。アシスタントは、選択された個々のオプション に対応するWebページばかりでなく、応答やエラーメッセージを表示するための Webページも作成します。 [機能選択] パネルのオプション 作成されるWeb ページ使用されるファイル名 ------------------------------------------------------------------------------- データベースから特定の情報を 目次ページ default.htm 検索して結果をリストとして表 検索ページ search.htm 示を行う。 検索結果ページ search_results.htm 検索エラーページ search_error.htm ------------------------------------------------------------------------------- 検索結果レコードの詳細の表示 目次ページ default.htm 示を行う。 検索ページ search.htm 検索結果ページ search_results.htm 詳細ページ record_detail.htm 検索エラーページ search_error.htm ------------------------------------------------------------------------------- レコードの編集を行う。 目次ページ default.htm 検索ページ search.htm 検索結果ページ search_results.htm 詳細ページ record_detail.htm 編集確認ページ record_detail_reply.htm 検索エラーページ search_error.htm record_detail_error.htm ------------------------------------------------------------------------------- レコードの削除を行う。 目次ページ default.htm 検索ページ search.htm 検索結果ページ search_results.htm 詳細ページ record_detail.htm 削除確認ページ record_detail_reply.htm 検索エラーページ search_error.htm record_detail_error.htm ------------------------------------------------------------------------------- レコードの複製を行う。 目次ページ default.htm 検索ページ search.htm 検索結果ページ search_results.htm 詳細ページ record_detail.htm 複製確認ページ record_detail_reply.htm 検索エラーページ search_error.htm record_detail_error.htm ------------------------------------------------------------------------------- データベースに新規レコードの 目次ページ default.htm 追加を行う。 新規レコードページ new.htm 新規レコード確認ページ new_reply.htm 新規レコードエラーページ new_error.htm ------------------------------------------------------------------------------- ★メモ  後は指示に従っていけばページは作成できる。  作成途中でも細かい設定が可能だし、作成した後でも修正はできる。  詳細についてはマニュアルやヘルプを参照のこと。  上記例は、検索→表示、入力・変更の基本動作に関するもの。  しかし実際には、DBを一覧表示し、スクリプトを動かすなど応用問題が発生する。 ※「ユーザーズガイド.pdf」(全267p) [150-169p]第10章ファイルメーカーProデータベー スへの接続の後半[10-21〜10-58]で、CDML主要タグによるカスタム編集の解説をしている。




■カスタムWebとCDML

 カスタムWebを利用するにはHTMLとCDMLを覚えなければなりません。
 ファイルメーカーProの「Webツール」フォルダにある「CDMLテンプレート」のサンプル
データのソースを見たり,「CDMLリファレンス」や「CDMLツール」を大いに利用してみて
ください。

「ホームページPro」の「ライブラリ」フォルダにある「ファイルメーカ-Pro_リファレンス.hlb」には
次のような説明があります。「ホームページPro」を使うと,CDMLタグを含むHTMLドキュ
メントの作成が簡単にできてしまうような感じを受けます。ユーザーによって評価も千差
万別ですから,実際には評価版で試してみるのが一番です。
評価版は,ファイルメーカー社ホームページからダウンロードできます。

ホームページPro3.0には、ファイルメーカーPro4.0以降で作成したデータベースにWeb上
でアクセスできるHTMLページを作成するために、2通りのツールが用意されています。

1)ファイルメーカーProアシスタント
ホームページPro3.0のファイルメーカーProアシスタントを使用して、ファイルメーカーP
ro(4.0以降)データベースにアクセスできるWebサイトを作成します。アシスタントを使
用した新規サイト作成についての詳細は、ヘルプを参照してください。

2)2種類のファイルメーカー用ライブラリ
ホームページPro3.0に添付された2種類のライブラリからファイルメーカー接続タグ(C
DMLタグ)を選択し、既存のHTMLページに挿入します。アシスタントを使用して作成した
ページも、使用せずに作成したページも、これらのタグを挿入することで、より使いやす
く編集することができます。

★「ファイルメーカ-Pro_フォーム」ライブラリ
CDMLタグがフォームアクション別に整理されています。それぞれのフォームタイプに必要
なタグをまとめてあるので、例えば、検索ページ、詳細ページまたは新規レコードページ
など使用目的によって簡単にフォーマットページを作成することができます。オプション
として使用できるタグも用意されています。

★「ファイルメーカ-Pro_リファレンス」ライブラリ
CDMLタグ名で整理されています。
挿入されたCDMLタグはファイルメーカーPro(4.0以降)データベースと対話処理を行いま
す。タグを挿入した後はオブジェクトエディタを使用して必要な値を簡単に編集すること
もできます。
 [from ●カスタムWebとCDML]


●CDML参考資料

Complete CDML Tag Reference[58p] --- 「完全CDMLタグリファレンス」英文。 使用例つき 技術コラム −Filemaker Pro WEB機能編〜CDMLタグ情報 --- 主要タグと用例を一覧表。 便利 Connecting to a Filemaker Pro database --- Filemaker-WEB接続マニュアル[英文]。 かなりの量だが実例付き解説。 CDML - Using Multiple Tokens With FileMaker Pro 5.0 CDMLサンプルと解説 New CDML Tags for FileMaker 5.0 CDML - Record Navigation CDML - Detecting Record Modification Collisions Between Browser Clients CDML - Using Multiple Tokens With FileMaker Pro 5.0 CDML - Valuelist Tag When Editing Records Via Web Browser CDML and Email Publish a Web Database Web Publishing with CDML Tags[6p] HTML/CDML 101(Add form)[6p] Searching Through a CDML Interface[8p] ※「ユーザーズガイド.pdf」(全267p) [150-169p]第10章ファイルメーカーProデータベースへの接続 の後半[10-21〜10-58]で、CDML主要タグによるカスタム編集の開設をしている。 ※ファイルメーカーデベロッパー版\ファイルメーカーPro API\CDML\WEBツール\CDMLリファレンス.fp5 はCDMLタグ一覧と詳細説明のファイル
●[CDMLタグ例] 検索ースクリプト実行

from ★「ファイルメーカ-Pro_フォーム」ライブラリ スクリプト実行 アクションの処理時にレコードの検索とソート(指定されている場合)の後で実行されるファイルメーカーProのスクリプトを指定します。 <INPUT TYPE="hidden" NAME="-Script" VALUE=""> 検索前にスクリプト実行 アクションの処理時にレコードの検索とソート(指定されている場合)の前に実行されるファイルメーカーProのスクリプトを指定します。 <INPUT TYPE="hidden" NAME="-Script.PreFind" VALUE=""> ソート前にスクリプト実行 アクションの処理時にレコードの検索後で、かつソート(指定されている場合)の前に実行されるファイルメーカーProのスクリプトを指定します。 <INPUT TYPE="hidden" NAME="-Script.PreSort" VALUE="">




■CDMLタグ一覧

※ファイルメーカーデベロッパー版\ファイルメーカーPro API\CDML\WEBツール\CDMLリファレンス.fp5
(CDMLタグ一覧と詳細説明のファイル)からリスト 全111種
 註)このファイルは、一覧表示から明細表示は簡単なものの、HELP用に作成されている
ため、一覧印刷などは不可。
 そのためCSVエクスポートして、Excelファイル化した。
(★CDML_TAG一覧(xls版))

Tag Japanese	Tag

●HTMLタグ
チェックボックス	CheckBox
ラジオボタン	Radio
リセット	Reset
スクロールリスト	Select
ポップアップメニュー	Select
送信	Submit
文字入力	Text
文字入力エリア	TextArea

●アクションタグ
データベースを閉じる	=-DBClose
データベースを開く	=-DBOpen
レコード削除	=-Delete
レコード複製	=-Dup
レコード編集	=-Edit
検索	=-Find
全レコードを対象に	=-FindAll
任意のレコードを検索	=-FindAny
画像を表示	=-Img
レコード作成	=-New
フォームを表示	=-View

●置換タグ
クライアントアドレス	[FMP-ClientAddress]
クライアントIPアドレス	[FMP-ClientIP]
クライアントパスワード	[FMP-ClientPassword]
クライアントタイプ	[FMP-ClientType]
クライアントユーザ名	[FMP-ClientUserName]
MIMEタイプ	[FMP-ContentMimeType]
Cookie	[FMP-Cookie]
アクション	[FMP-CurrentAction]
データベース	[FMP-CurrentDatabase]
日付	[FMP-CurrentDate]
曜日	[FMP-CurrentDay]
エラー	[FMP-CurrentError]
フォーマットファイル	[FMP-CurrentFormat]
対象レコード数	[FMP-CurrentFoundCount]
レイアウト	[FMP-CurrentLayout]
論理演算子	[FMP-CurrentLOP]
表示するレコードの最大数	[FMP-CurrentMax]
内部修正ID	[FMP-CurrentModID]
ポータルの行番号	[FMP-CurrentPortalRowNumber]
レコードID	[FMP-CurrentRecID]
ファイル内のレコード数	[FMP-CurrentRecordCount]
レコード番号	[FMP-CurrentRecordNumber]
繰り返し位置番号	[FMP-CurrentRepeatNumber]
スキップ	[FMP-CurrentSkip]
時刻	[FMP-CurrentTime]
トークン	[FMP-CurrentToken]
Else If	[FMP-ElseIf]
フィールド	[FMP-Field]
フィールド名	[FMP-FieldName]
検索条件フィールド	[FMP-FindFieldItem]
検索条件演算子	[FMP-FindOpItem]
検索条件値一覧	[FMP-FindValueItem]
ヘッダ	[FMP-Header]
If条件	[FMP-If]
画像	[FMP-Image]
他のファイルを含める	[FMP-Include]
フォーマットファイルのフィールド	[FMP-IncludeField]
インラインアクション	[FMP-InlineAction]
リンク	[FMP-Link]
最後へのリンク	[FMP-LinkLast]
次へのリンク	[FMP-LinkNext]
前へのリンク	[FMP-LinkPrevious]
レコードへのリンク	[FMP-LinkRecID]
Log	[FMP-Log]
項目リスト	[FMP-Option]
表示範囲の終り	[FMP-RangeEnd]
表示範囲のサイズ	[FMP-RangeSize]
表示範囲の始め	[FMP-RangeStart]
繰り返し項目	[FMP-RepeatingItem]
Cookieを設定	[FMP-SetCookie]
ソートフィールド項目	[FMP-SortFieldItem]
ソート優先順位	[FMP-SortOrderItem]
選択された値	[FMP-ValueListChecked]
値一覧内の項目	[FMP-ValueListItem]
値一覧名	[FMP-ValueNameItem]
検索条件	[FMP-CurrentFind]
ソート順	[FMP-CurrentSort]
レイアウト内のフィールド	[FMP-LayoutFields]
最初へのリンク	[FMP-LinkFirst]
ポータル	[FMP-Portal]
レコード	[FMP-Record]
繰り返しフィールド	[FMP-Repeating]
値一覧項目	[FMP-ValueList]
値一覧	[FMP-ValueNames]

●変数タグ
ファイル名	=-DB
エラー番号	=-ErrNum
エラー応答	=-Error
エラーフォーマットのフィールド	=-ErrorFmtField
フォーマットフィールド	=-FmtField
フォーマットファイル	=-Format
レイアウト名	=-Lay
論理演算子	=-LOP
ブラインドカーボンコピーメール	=-MailBCC
カーボンコピーメール	=-MailCC
メール用フォーマットフィールド	=-MailFmtField
メール用フォーマットファイル	=-MailFormat
メール発信者	=-MailFrom
メールサーバ	=-MailHost
メール件名	=-MailSub
メール宛先	=-MailTo
最大表示レコード数	=-Max
内部修正ID	=-ModID
演算子	=-Op
レコードID	=-RecID
スクリプト実行	=-Script
検索前にスクリプト実行	=-Script.PreFind
ソート前にスクリプト実行	=-Script.PreSort
レコードをスキップ	=-Skip
ソートフィールド	=-SortField
ソート順	=-SortOrder
トークン設定	=-Token




■CDML_FAQ

●リレーションで結んでいる先のフィールドを表示する
[FMJ-ML:3797]CDML[FMP-Field: relation ]
[FMP-Field:リレーション名::リレーション先フィールド名]
-Layで指定したレイアウトに「リレーション名::リレーション先フィールド名」を表示

Re: FMP4 to 5 conversion, CDML not working
   [FMP-Portal: Relation]
     [FMP-Field: Relation::Field], [FMP-Field: PlainField]
   [/FMP-Portal]

●ファイルメーカーの[FMP-LinkRecID]でスクリプト





■[Help]アプレットオブジェクトエディタを開く

WebページにJavaアプレットを挿入して、アプレットの属性を設定するには、アプレット
オブジェクトエディタを使用します。
アプレットオブジェクトエディタを開くには、以下のいずれかの操作をします。
1.アプレットアイコンをダブルクリックします。
2.アプレットアイコンをクリックして、[表示] メニューから、Windowsでは [オブジェク
トエディタ] を、Macintoshでは [オブジェクトエディタ表示] を選択します
3.アプレットアイコンをクリックして、ツールバーの [オブジェクトエディタ] ボタン
をクリックします。
新しい設定を適用するには、Tabキーを押すか、アプレットオブジェクトエディタを閉じます。

★アプレットのパラメータの指定
アプレットには、自由に設定を変更できるように設計されているものがあります。たとえ
ば、画面を横切ってメッセージを流すアプレットでは、テキストパラメータの値を指定す
ることができます。アプレットオブジェクトエディタでは、そうしたアプレットパラメー
タとその値を指定することができます。
アプレットのパラメータを指定するには、次の手順に従ってください。
Webページからアプレットアイコンを選択して、アプレットオブジェクトエディタを開き
ます。

1.[パラメータ] タブをクリックします。
2.[追加] をクリックします。
3.一覧にパラメータが追加され、[名前] 欄にデフォルト名の [New Param] が表示されます。
4.新しいパラメータの [名前] 欄をクリックします。
5.[New Param] を選択して、新しいパラメータの名前を入力します。
6.新しいパラメータの [値] 欄をクリックして、値を入力します。

パラメータを削除するには、一覧からパラメータを選択して、[削除] ボタンをクリックします。
Macintoshでは、デフォルトのパラメータ名を取得するには、[デフォルトに戻る] をクリックします。
新しい設定を適用するには、Tabキーを押すか、アプレットオブジェクトエディタを閉じます。





潟tクミ Fukumi Corporation
〒101-0032 東京都千代田区岩本町2−4−10共同ビル(岩本町2丁目) tel.03-5687-2890 fax.03-5687-2918 URL:www.fukumi.co.jp/  E-Mail: mm@fukumi.co.jp
Tips 目次へ戻る。
ホームへ戻る。
作成:2000.10.1 最終更新:2002.1.24 小菅博之