CSS作成時の注意-BlueGriffon

投稿者: | 2013 年 7 月 11 日

いくつかのキャプチャー画像がこれから出てきますが、保存先、見出し、記号付リスト(箇条書き)等、注意したいところですので、確認してください。

注)全体の流れは、HP作成(2級)の手順 を参照してください。

<index.htmlの作成>

  1. まず、保存する際に表題(タイトル)を聞いてきますので、タイトル(ここでは、ひつじ堂薬局)を入力します。
  2. OKをクリック。
    01
  3. デスクトップのフォルダに保存。
    01

<見出し1の作成>

  1. ひつじ堂薬局と入力し、見出し1に設定。
  2. 右下の<h1>をクリック。
  3. CSSスタイルを設定 をクリック
  4. 要素名で指定するをクリック。
  5. 大きさを300%にセット。
  6. 行高を170pxにセット。
  7. 揃えを中央にセット。
    01
  8. 一般の左側の▼をクリックして閉じる。
  9.  色をクリック。
  10. 前景色をクリック。
    35
  11. Rの欄に問題にあるように153と入力。
  12. Gの欄にも同様に51と入力。
  13. 背景画像の+をクリックし、追加します。
  14. back2.gifを選択。
  15. URLを文書に対して相対にするをクリック。
  16. OKをクリック。

<メニューの作成>

  1. メニューになる4行を入力。
  2. 4行をドラッグ(選択)。
  3. 記号付きリストをクリック。
    01
  4. <ul>をクリック。
    01
  5. CSSスタイルを設定 をクリック
  6. 要素名で指定するを選択。
  7. 大きさを150%にセット。
  8. 行高を2emにセット。(2文字分の高さ)
  9. 揃えを右寄せにセット。
    01
  10. 箇条書きをクリック。
  11. 種類からnoneを選択。
  12. xをクリックして閉じます。
    01
  13. メニューが完成。
    01