TOP > FrontPage > FrontPage 2003 (上級編) > HTML編集

コードスニペットのカスタマイズ

Page 1 » Page 2 » Page 3 » Page 4 » » Page 6

コードスニペットって何？
コードスニペットを追加したい
コードスニペットを編集したい
コードスニペットを削除したい

コードスニペットって何？

コードスニペットとは、頻繁に使用する 1行または複数行からなる HTML または他のコードのことです。
コード行をその都度入力しなくても、コードスニペットとして挿入できます。
FrontPage 2003 には、定義済みの複数のコードスニペットが含まれています。例えばW3C勧告のDOCTYPE宣言とかですね。
また、コードスニペットを独自に作成することもできます。

定義済みのコードスニペットを利用するには、コードビューに切り替えて、
挿入したい場所にカーソルを移動してからCtrlキーを押しながらEnterキーを押します。
　
一覧から「dt4」をダブルクリックします。

　
すると、このように挿入ができました。

予め定義付けられたコードスニペットは以下の通りです。

キーワード	説明	コードスニペット
dt2	HTML 2.0 DOCTYPE	<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
dt3	HTML 3.2 DOCTYPE	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
dt4	HTML 4.01 DOCTYPE	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
linkrels	LINKREL="StyleSheet"	<link rel="stylesheet" href="\|" type="text/css">
metad	META 説明	<meta name="description" content="\|">
metakey	META キーワード	<meta name="keywords" content="\|">
scriptj	JavaScript ブロック	<script language="javascript"> <!-- \| //--> </script>
scriptv	VBScript ブロック	<script language="vbscript"> <!-- \| --> </script>

▲Page TOP

コードスニペットを追加したい

W3C勧告のscriptなHTMLを実装したい場合、コードスニペットには登録されていませんね。
私のWebページでもしstrictなHTMLとして宣言するとすごいことになるんで、ルーズタイプにしてます（滝汗）

この場合、コードスニペットを追加することができます。

[ツール]メニュー→[ページのオプション]をクリックします
[ページのオプション]ダイアログの[コードスニペット]タブをクリックします
[追加]ボタンをクリックします
コードスニペットの追加ダイアログボックスが表示されたので、それぞれ
キーワード、説明、テキストを入力します
(下の例ではHTML 4.01のDOCTYPE宣言のstrictタイプを設定しています)
設定が完了したら、OKボタンをクリックします。

▲Page TOP

コードスニペットを編集したい

先ほどの追加した内容を少し変えたい場合（すみません、たまたま間違ってScrictと入力してしまいました(^^;)、
後から変更して訂正することが出来ます。

[ページのオプション]ダイアログボックスの[コードスニペット]タグ内に登録されている一覧から、
編集したいコードスニペットを選択して、[変更]をクリックします。
[コードスニペットの変更]ダイアログボックスが表示されたので、変更したい部分を訂正してから
[OK]ボタンをクリックします。
[ページのオプション]ダイアログボックスの[OK]ボタンで閉じます。