# HTML デザイナーのナビゲート
HTML デザイナーは、HTML レポート テンプレートを作成する場所です。デザイナーは Qlik Sense アプリケーションに組み込まれています。
HTML デザイナーを使用すると、HTML コードを操作し、アプリケーションのコンテンツをテンプレートに統合できます。
HTML デザイナー
HTML デザイナー
HTMLHTML デザイナー 
## HTML デザイナーを開く
新しい HTML テンプレートを作成するか、既存のテンプレートを編集して、HTML デザイナーを開きます。
次の手順を実行します。
1. アプリケーションで、ナビゲーション バーのドロップ ダウン メニューを使用し、 [レポート] を選択します。
2. [テンプレート] タブに切り替えます。
3. 右上の、 [新規作成] > [HTML テンプレート] をクリックします。
4. テンプレートの [名前] を入力します。
HTML デザイナーが開きます。
## デザイナー ツール バー
デザイナー ツール バーは、HTML デザイナーの上部にあります。ツール バーでは、次を実行できます。
* ヘッダー、段落、リストなどの一般的な HTML 要素をテンプレートに簡単に追加する。
* テンプレートに外部画像を追加する。たとえば、会社のロゴを追加できます。
* 受信者タグを追加する。詳細については、「[受信者プレースホルダー タグの追加](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-recipient-tags.htm)」を参照してください。
* アクションを元に戻す、やり直す、ズーム レベルを調整する。
詳細については、「[テンプレートに標準 HTML コードを追加する](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-toolbar-actions.htm)」を参照してください。
## デザイン領域
デザイン領域はデザイナーの中央に表示されます。ここにテンプレートのコンテンツが表示されます。これは、HTML コードの形式でテンプレート コンテンツを追加したり、オブジェクト パネルに追加したアプリケーション オブジェクトへの参照を追加したりできるキャンバスです。
## オブジェクト パネル
オブジェクト パネルはデザイナーの右側にあります。オブジェクト パネルを使用して、分析アプリケーションからオブジェクトを作成および管理し、それらをコンテンツとしてテンプレートに追加します。必要に応じてパネルのサイズを変更します。
オブジェクト パネルの上部から次のメニューにアクセスできます。
* the ホーム icon: ホーム メニュー。ここからテンプレートの作成を開始します。
* the テーブル icon: メニュー。ここで、表形式のデータをテンプレートに追加します。
[HTML テンプレートに表形式のデータを追加する](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-tabular-data.htm)
* the チャート icon: メニュー。ここで、テンプレートにチャート画像を追加します。
[HTML テンプレートに画像としてチャートを追加する](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-chart-images.htm)
* the 変数と数式 icon: メニュー。ここで、テンプレートに変数や数式を追加します。
[HTML レポート テンプレートに変数と数式を追加する](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-variables-expressions.htm)
* the レベル icon: メニュー。ここで、フィルターされたコンテンツの反復処理のためにテンプレートにレベルを追加します。
[レベルを使用した HTML レポート要素のループおよびサイクル](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-levels.htm)