目次:
- Open Komodo Edit。
- ファイル→新規→テンプレートからファイルを選択します。
- [カテゴリ]リストで[共通]を選択し、[テンプレート]リストでHTML5を選択します。ファイルの名前（MyTestPageなど）を入力します。 HTML。ディレクトリフィールドにファイルを格納する場所を選択します（必要に応じて）。 [開く]をクリックします。
- 画面に表示するコンテンツを作成します。たとえば、
Hello There
と入力すると、a内の段落内にメッセージが作成されます。 - コンテンツのフォーマットに必要なCSSを入力します。コードを追加するたびに作業内容を保存します。
- [表示]→[ブラウザプレビュー]を選択します。
- 「プレビュー」ダイアログボックスが表示され、「プレビュー」をクリックすると、「このファイルでプレビュー」オプションを選択します。
ビデオ: Exploring JavaScript and the Web Audio API by Sam Green and Hugh Zabriskie 2025
Open Komodo Edit。
IDEが表示されます。ほとんどのIDEでは、いくつかのタイプの[開始]タブが用意されています。 [スタート]タブには多数の項目が含まれていますが、ほとんどの場合、以前のプロジェクトの一覧と使用しているIDEに関するニュースが含まれています。
ファイル→新規→テンプレートからファイルを選択します。
[新規ファイル]ダイアログボックスが表示されます。 IDEは通常、新しいファイルを作成するための方法を提供します。この手法では、個別のファイルが作成されます。多くのファイルを含むサイトで作業していた場合は、代わりにプロジェクトを出発点として作成します。
<！ - 2 - >
[カテゴリ]リストで[共通]を選択し、[テンプレート]リストでHTML5を選択します。ファイルの名前（MyTestPageなど）を入力します。 HTML。ディレクトリフィールドにファイルを格納する場所を選択します（必要に応じて）。 [開く]をクリックします。
新しいファイルが表示されます。 IDEはテンプレートを使用してファイルコンテンツを開始します。 IDEが提供するコンテンツの量は、テンプレートと作成するファイルの種類によって異なります。 HTML5テンプレートには、通常、宣言、見出し、本文、およびタイトルが含まれています。
<！ - 3 - >
画面に表示するコンテンツを作成します。たとえば、
Hello There
と入力すると、a内の段落内にメッセージが作成されます。IDEによって提供されるタグ固有のヘルプ情報が表示されます。 IDEは、通常、次に入力する内容に関する有益な情報を表示します。これらの有益なヒントは、短時間でエラーの少ない有用なコードを簡単に作成できるようにします。
コンテンツのフォーマットに必要なCSSを入力します。コードを追加するたびに作業内容を保存します。
IDEが提供するCSS固有のヘルプ情報が表示されます。タグと同様に、IDEはできるだけ入力したCSSについての情報も提供します。 CSS情報はより詳細であり、通常、多くのプロパティの許容値などの入力を提供します。
[表示]→[ブラウザプレビュー]を選択します。
IDEは、表示する内容と表示方法を尋ねるダイアログボックスを表示します。 IDEは、通常、作業を表示するための手段を提供します。このビューを出発点として使用する必要があります。ただし、アプリケーションのターゲットブラウザで作業を表示することも重要です。
「プレビュー」ダイアログボックスが表示され、「プレビュー」をクリックすると、「このファイルでプレビュー」オプションを選択します。
ブラウザに表示されるページのプレビューが表示されます。
戻る次へ
