インデックスへ戻る

リソース
bullet 印刷用
ソースコードを簡単にハンドリング
page 1 2
Adobe® GoLive® CSの新しいソースコード機能を使用すると、ソースコードおよび特定のHTMLエレメントの見栄えの向上、コードの自動入力、コードエレメントへのすばやい移動、サイト内にあるファイル間でのソースコードの比較、コードエレメントの検索と変更が簡単に行えます。 このチュートリアルを完了するには、HTMLソースコードの編集経験がいくらか必要です。また、このチュートリアルの手順は、GoLiveファイルのバックアップコピーでのみ実行してください。
main
ソースコードのカスタムテーマを作成

編集/環境設定(Windows版)または GoLive/環境設定(Macintosh版)を選択して、「ソース」オプションの下の「テーマ」を選択します。 テーマメニューからカスタムテーマを選択し、テキストの色、背景、スクリプト、フォントおよびサイズの各メニューからオプションを選択します。 ファイル/新規ページを選択して「ソースコードエディタ」タブをクリックするか、レイアウトエディタでソース分割ビューを表示/非表示ボタンをクリックしてソースコードフレームを表示し、カスタムテーマを表示します。

HTMLやJavaScriptなどの言語別にソースコードの見栄えをカスタマイズすることもできます。テーマの環境設定で構文メニューから言語を選択し、オプションを設定してください(これらのオプションによりテーマが上書きされます)。 ソースの環境設定でソースコードのインデント、タブサイズ、行番号および行の折り返しの設定をカスタマイズします。

画像ファイルなし
HTML構文のキーセットを作成

編集/Web設定(Windows版)または GoLive/Web設定(Macintosh版)を選択して、「マークアップ」タブのエレメントリストからHTMLエレメント(tableなど)を選択します。 Web設定エレメントインスペクタの「出力」タブで、グループメニューからキーセット(キーセット1など)を選択し、Web設定ウィンドウを閉じます。 テーマの環境設定で、構文メニューから「HTML構文」を選択します。 構文メニューの下にあるリストで、Web設定エレメントインスペクタで選択したキーセット(キーセット1)を選択します。 「有効化」を選択し、キーセットの色、フォント、サイズを指定します。 ソースコードエディタまたはソースコードフレームに、これらの属性のキーセットを反映したHTMLエレメントが表示されます。

キーセットを使用すると、ソースコードエディタでのHTMLエレメントの表示方法を制御できます。 例えば、tableタグを特定の色、フォント、サイズで表示するキーセットを作成できます。 キーセットにより、テーマによるカスタマイズがソースコードに追加されます。

step02_int
コードを自動入力

ドキュメントを開いて、ソースコードエディタを開きます。 ドキュメントのbodyの開始タグと終了タグの間に小なり記号(<)を入力します。 使用可能なHTMLエレメント(<a>など)のリストが表示されます。 使用するエレメントまでスクロールダウンして、そのエレメントをダブルクリックします。別の方法として、使用するエレメントの先頭文字を入力すると、エレメントリストがスクロールされて、その文字で始まるエレメントに移動します。 次に、スペース文字を入力します。 エレメントの属性(hrefなど)のリストが表示されます。 使用する属性までスクロールダウンし、その属性をダブルクリックします。 属性値を入力し、タグを終了する大なり記号(>)を入力します。 終了のエレメントタグ(</a>など)が自動的に挿入されます。

GoLiveのコードの自動入力機能では、言語に応じて大文字と小文字が区別されます。 例えば、JavaScriptをJavaScriptエディタで書く場合は、コードの自動入力リストにJavaScriptエレメントだけが表示されます。 コードの自動入力を使用しない場合は、ソースの環境設定の構文フレームで、この機能をオフにすることができます。

step03_int
トップへ戻る
next