Dreamweaverでゴォ!

箇条書きを作る

まず先に箇条書きにしたい文章を入力する必要があります。

箇条書きの箇所は、改行(「段落フォーマット」>「段落」を適応させた部分)の部分にのみ有効です。

箇条書きは「プロパティウィンドウ」の右上の下記の図の部分をアイコンボタンをクリックするか、メニュー「テキスト」>「リスト」から作成したい箇条書きの形状を選択します。

設定できる「箇条書き」は以下です。

  • リスト(初期設定は「●」。タグは<ul><li></li></ul>)
  • 番号リスト(初期設定は数字。タグは<ol><li></li></ol>)
  • 定義リスト(タグは<dl><dt></dt><dd></dd></dl>)

リストは「●」や「■」ではじまる箇条書き、番号リストは「1、2、3、4...」という数字や「I、II、III、IV...」というローマ数字で始まる箇条書きになります。

たとえば、下記の言葉を箇条書きで表示したい場合

営業書き込み禁止 / 誹謗中傷禁止 / モラルを守ること

  1. まず、「段落フォーマット」の段落(<p></p>)でそれぞれ改行をします。

営業書き込み禁止

誹謗中傷禁止

モラルを守ること

  1. 次に「プロパティウィンドウ」の箇条書きを作成するためのアイコンボタンをクリックする、もしくは、メニュー「テキスト」>「リスト」から作成したい箇条書きの形状を選択します。

『リスト』の場合は以下です。

  • 営業書き込み禁止
  • 誹謗中傷禁止
  • モラルを守ること

『番号リスト』の場合は以下になります。

  1. 営業書き込み禁止
  2. 誹謗中傷禁止
  3. モラルを守ること

なお、上記のような箇条書きを作成したあとに、カーソルを箇条書きの部分にいれたまま、メニュー「テキスト」>「リスト」>「リストのプロパティ...」、もしくはプロパティウィンドウの「リストプロパティ」で表示を変更できます。

「リストプロパティ」を選択すると、以下のウィンドウが表示されます。

リストタイプ

  • ブレッドリスト(リストのこと。タグは<ul></ul>)
  • 番号リスト(タグは<ol></ol>)
  • ディレクトリリスト(タグは<dir></dir>)
  • メニューリスト(タグは<menu></menu>)

スタイル

ディレクトリリストとメニューリストの選択時には、選択できません。

  • ブレッドリストのときは
    • [初期設定]
    • ブレッド(●のこと)
    • 四角
  • 番号リストのときは
    • [初期設定]
    • 番号
    • ローマ数字(小)
    • ローマ数字(大)
    • アルファベット(小)
    • アルファベット(大)

カウントの開始」は、番号リストのときに、始めたい番号を入力できます。
例えば、10から番号リストを始めたいときは、「10」と入力します。

リストアイテム」の「スタイル」と「カウントの開始」は箇条書きにしたリストの記号を個別に変更したいときに使用します。

『定義リスト』とは

『定義リスト』は言葉とその言葉の意味を説明する箇条書きを作成します。

下記のような場合のように、ある用語があり、その用語の説明に説明文を追加するような場合に使用します。

Dreamweaverでゴォ!
Dreamweaverの基本的の使い方の説明やちょっと気がついたTIPSを公開していきます。
WEBマガジン“Be”
エッセイとイラストを中心に、月一回更新でお届けするWEB読み物です。

『定義リスト』をつくる

  1. 一度「リスト」「番号リスト」のいずれかを作成したあと、カーソルをリスト表示の部分にいれたまま、メニュー「テキスト」>「リスト」>「定義リスト」を選択します。

  1. これで、定義リストは完成です。
    もしも「リスト」「番号リスト」にもどしたい場合は、同じく メニュー「テキスト」>「リスト」> で「リスト」もしくは「番号リスト」を選択してください。

Dreamweaver CS3の使い方 目次にもどる

このページの上へ
Dreamweaverでゴォ! 制作著作/ノンピリオド:村山秀明