CSSの作成 – Kompozer

投稿者: | 2015 年 11 月 13 日

まず、これからHPを作っていくにあたって、画像などのファイルを保存するフォルダを選びます。

  • サイトを編集をクリック。
    03
  • デスクトップに保存し、名前を変更したフォルダを選びます。
    04
    注)2つ目のサイトを作成するときなど、すでに公開サイトに登録されているときは、新規サイトをクリックしてから、フォルダを選択します。
    06b
  • サイト名の欄にわかりやすい名前を入力します。
  • OKをクリック。
    07

ここからスタイルシートの作成と設定に入ります。

  • CSSエディタをクリック。
    08
  • 新しいlink要素をクリック。
    09
  • URLの欄に、これから作るCSSファイルの名前(style.css)を入力。
  • スタイルシートの作成をクリック。
    08
  • style.cssをクリック。
    09
  • 新しい規則をクリック。
    10
  • 指定された種類の~が選択されているのを確認します。
  • 下の空欄の∇をクリック。
  • bodyをクリック。
  • スタイル規則の作成をクリック。
    11
  • bodyをクリック。
    12
  • 背景をクリック。
  • 選択をクリック。
    13
  • back.gifをクリック。
  • 開くをクリック。
  • 14
  • 水平方向に並べるをクリック。
  • Okをクリック。
    15
  • 背景画像の設定が完了。
    16
  • 表の作成-KompoZer に進む。