背景の設定 – KompoZer

投稿者: | 2015 年 7 月 10 日

KompoZerを使ったスタイルシート(CSS)による背景の設定の仕方です。

  1. まず、KompoZerのアイコンをダブルクリック(起動)します。
  2. 保存をクリックします。
    00
  3. タイトルを聞いてくるので、入力します。(ここでは染織工房あかねと入力します)
    01
  4. 保存先に気を付けて保存しましょう。
    02
  5. サイトを編集をクリック。
    03
  6. これからHPを作っていくにあたって、画像などのファイルを保存するフォルダを選びます。(まだ作成されていない場合は、新しいフォルダーの作成をクリックし、作成してから選びます。)
    04
  7. サイト名の欄にわかりやすい名前を入力します。
  8. OKをクリック。
    05
  9. CSSエディタをクリック。
    06
  10. 新しいlink要素をクリック。
    07
  11. URLの欄に、これから作るCSSファイルの名前(style.css)を入力。
    08
  12. style.cssをクリック。
    09
  13. 新しい規則をクリック。
    10
  14. 指定された種類の~が選択されているのを確認します。
  15. 下の空欄の横の三角をクリック。
  16. bodyを選択。
    11
  17. スタイル規則の作成をクリック。
    11b
  18. bodyをクリック。
    12
  19. 背景をクリック。
  20. 選択をクリック。
    13
  21. back.gifをクリック。
  22. 開くをクリック。
    14
  23. 水平方向に並べるをクリック。
  24. Okをクリック。
    15
  25. 背景画像の設定が完了。
    16

表の作成-KompoZer に進む。