例: テンプレートの作成

1. 「ファイル」の「追加」アイコンをクリックしてから、「Web ファイル」を選択します。
2. イメージ・ファイルを Web ファイルとして追加します。この例では、以下のイメージ・ファイルを使用します。
   

1. 「ユーザー・インターフェース」の「追加」アイコンをクリックしてから、「Coach ビュー」を選択します。
2. 「My Template」Coach ビューを作成します。

1. Coach ビューの「レイアウト」ページで、カスタム HTML 項目をレイアウト・キャンバス上にドロップします。
2. カスタム HTML 項目のプロパティーで、ヘッダーに表示するテキストとして以下の HTML コードを追加します。

   <div id="header">
   	<h1 id="header_text">My Company</h1>
   </div>
   <div id="content">

   このコードは、ヘッダー区域に表示するテキストを定義し、メインとなるコンテンツ区域を開始します。
3. カスタム HTML 項目の下に、コンテンツ領域用のコンテンツ・ボックスをドロップします。 コンテンツ・ボックスは、「My Template」Coach ビューに基づいてユーザーが作成する Coach ビューおよび Coach によって定義されるコンテンツのためのプレースホルダーです。 この場合、コンテンツ・ボックス内に配置されたコンテンツは、「My Template」Coach ビューのヘッダーとフッターの間に収まることになります。
4. Coach ビューの「レイアウト」ページで、カスタム HTML 項目を、レイアウト・キャンバス上のコンテンツ・ボックスの下にドロップします。
5. 2 つ目のカスタム HTML 項目のプロパティーで、フッターに表示するテキストとして以下の HTML コードを追加します。

   </div>
   <div id="footer">
   	<h2 id="footer_text"> My Company</h2>
   </div>

   このコードは、コンテンツ区域を終了し、フッター区域に表示するテキストを定義します。

#header {
	text-align: center;
	padding: 10px 0 10px 0;
	height: 60px;
	background-image: url('banner.gif');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#header_text {
	 color:black;
	 border:none;
	 font-size:40px;
}

#footer {
	padding: 5px 25px 5px 5px;
	text-align: right;
	background: #EAD6D1;
}

#footer_text {
	color:black;
	border:none;
	font-size:12px;
}

#content {
	background: #F8F8F8;
	padding: 20px;
}

url('zip_name.zip!path/banner.gif');